eventol/front/src/components/SignIn/index.scss
@import '../../styles/index';
@media (min-width: 950px) {
.sign-in {
display: block;
position: absolute;
right: 20px;
ul {
@include flex-element;
@include center-element;
height: 37px;
padding: 0 10px;
li {
-webkit-transition: background .125s ease;
border-radius: 3px;
font-size: 20px;
font-weight: 400;
margin-right: 20px;
padding: 7px 10px;
transition: background .125s ease;
a {
text-decoration: none;
}
}
li:hover {
background: $eventol-color;
cursor: pointer;
}
}
}
}
@media (max-width: 950px) {
.sign-in {
ul {
background: $gray;
margin-right: 8vw;
opacity: .8;
z-index: 0;
a {
// sass-lint:disable no-important
float: unset !important;
// sass-lint:enable no-important
text-decoration: none;
li:hover {
background: $eventol-color;
cursor: pointer;
}
li {
-webkit-transition: background .125s ease;
border-radius: 3px;
font-size: 14px;
font-weight: 400;
padding: 7px 10px;
text-align: left;
transition: background .125s ease;
}
}
li {
-webkit-transition: background .125s ease;
border-radius: 3px;
font-size: 14px;
font-weight: 400;
padding: 7px 10px;
text-align: left;
transition: background .125s ease;
}
li:hover {
background: $eventol-color;
cursor: pointer;
}
}
}
}