Edit
/* scss/language-tabs/_language-tab.scss */
.lang-tabs__nav {
display: inline-flex;
border-radius: 8px;
// border: 1px solid $gray-300;
filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.05));
overflow: hidden;
// margin-bottom: 24px;
padding: 0;
list-style: none;
li {
transition: .3s;
&:not(:last-child) {
// @include dir-border-right(1px solid $gray-300);
}
&:first-child{
@if $start == 'right'{
border-radius: 0 8px 8px 0;
} @else {
border-radius: 8px 0 0 8px;
}
}
&:last-child{
border-radius: 0 8px 8px 0;
@if $start == 'right'{
border-radius: 8px 0 0 8px;
} @else {
border-radius: 0 8px 8px 0;
}
}
border: 1px solid $gray-300;
&.active {
// background-color: $gray-50;
background-color: $primary-100;
border: 1px solid $primary-300;
}
a {
color: $gray-800;
@extend .text-sm;
@extend .weight-m;
display: flex;
align-items: center;
padding: 10px 19px;
}
img {
width: 20px;
height: 20px;
border-radius: 50%;
object-fit: cover;
margin-#{$end}: 8px;
// @include dir-margin-right(8px);
}
}
}
.section__body{
.lang-tabs{
margin-bottom: 19px;
}
}
English
العربية