snappymail/dev/Styles/Languages.less

45 lines
813 B
Text

.b-languages-content {
&.modal {
width: 700px;
}
.lang-item {
display: inline-block;
padding: 5px 15px;
margin: 2px 5px;
width: 180px;
background-color: rgba(128, 128, 128, 0.1);
text-align: left;
border: 1px solid transparent;
border-radius: 3px;
position: relative;
cursor: pointer;
&.user {
background-color: rgba(255, 255, 64, .15);
border-color: #ff5;
}
&.selected {
background-color: rgba(64, 255, 64, 0.2);
border-color: #9c9;
}
&.selected::after {
content: "✔";
color: #080;
position: absolute;
right: 4px;
font-family: snappymail;
}
&:hover {
background-color: rgba(128, 128, 128, 0.2);
border-color: #ccc;
}
}
}
@media screen and (max-width: 999px) {
.b-languages-content .lang-item {
width: calc(~'100% - 40px');
}
}