forked from Transparency/kgroad-frontend2
62 lines
996 B
SCSS
62 lines
996 B
SCSS
.change-language {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
&__btn {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
}
|
|
|
|
&__popUp {
|
|
position: absolute;
|
|
top: 35px;
|
|
}
|
|
&__item,
|
|
&__item_active {
|
|
button {
|
|
width: 150px;
|
|
padding: 10px 14px;
|
|
justify-content: flex-start;
|
|
gap: 8px;
|
|
background-color: #fff;
|
|
line-height: 24px;
|
|
|
|
color: #101828;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
|
|
&__item:first-child,
|
|
&__item_active:first-child {
|
|
button {
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
}
|
|
}
|
|
|
|
&__item:last-child,
|
|
&__item_active:last-child {
|
|
button {
|
|
border-bottom-right-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
}
|
|
}
|
|
|
|
&__item_active {
|
|
button {
|
|
background-color: #f9fafb;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 768px) {
|
|
.change-language {
|
|
&__popUp {
|
|
right: 0;
|
|
}
|
|
}
|
|
}
|