architecture-mechanism.gith.../assets/scss/_services_section.scss
2023-09-19 15:38:21 -04:00

89 lines
2.1 KiB
SCSS
Executable File

.services-area{
.single-services{
img{
width: 100%;
}
}
// Tabs Button Style
.properties__button{
float: right;
@media #{$md}{
float: left;
}
@media #{$sm}{
float: left;
}
@media #{$xs}{
float: left;
}
}
.nav-tabs .nav-link {
border: 0;
border-bottom: 2px solid transparent;
padding: 10px 20px;
@media #{$lg}{
padding: 10px 10px;
}
@media #{$md}{
padding: 10px 15px;
}
@media #{$sm}{
padding: 10px 15px;
}
@media #{$xs}{
padding: 10px 15px;
}
}
.nav-tabs::before {
position: absolute;
content: "";
width: 100%;
height: 2px;
background: #e7ebf2;
bottom: -1px;
left: 0;
@media #{$sm}{
display: none;
}
@media #{$xs}{
display: none;
}
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
// color: $theme-color;
background: none;
border-bottom: 2px solid #ff5757;
z-index: 5;
position: relative;
}
.nav-tabs .nav-item {
// padding-bottom: 10px;
display: block;
color: #161e46;
font-weight: 500;
text-transform: capitalize;
font-size: 16px;
}
.nav-tabs {
margin-bottom: 9px;
padding-bottom: 0px;
position: relative;
border: 0;
display: flex;
justify-content: center;
@media #{$md}{
justify-content: start;
}
@media #{$sm}{
justify-content: start;
}
@media #{$xs}{
justify-content: start;
}
}
}
.tab-pane{
@include transition(.6s);
}