1
0
Fork 0
mirror of https://github.com/Findus23/se-simulator.git synced 2024-09-20 17:03:45 +02:00
se-simulator/web/static/sass/_pagination.scss

63 lines
930 B
SCSS
Raw Normal View History

2018-03-23 21:28:37 +01:00
.pagination {
2018-04-02 22:50:03 +02:00
$color: #f69c55;
2018-03-24 17:33:10 +01:00
&.top {
}
2018-03-23 21:28:37 +01:00
&.bottom {
}
2018-04-02 22:50:03 +02:00
margin: 20px 0;
2018-03-23 21:28:37 +01:00
a {
.mobile {
display: none;
}
2018-04-02 22:50:03 +02:00
font-size: 16px;
color: gray;
2018-03-23 21:28:37 +01:00
display: inline-block;
2018-04-02 22:50:03 +02:00
padding: 2px 10px;
border: thin lightgray solid;
margin: 0 2px;
&.dots {
border: none;
padding: 0;
}
transition: color .3s, background-color .3s;
2018-03-23 21:28:37 +01:00
svg {
2018-04-02 22:50:03 +02:00
transition: fill .3s;
2018-03-23 21:28:37 +01:00
height: 18px;
vertical-align: middle;
2018-04-02 22:50:03 +02:00
fill: gray;
2018-03-23 21:28:37 +01:00
}
2018-04-02 22:50:03 +02:00
@include desktop-only {
2018-03-23 21:28:37 +01:00
&:hover:not(.disabled), &.active {
2018-04-02 22:50:03 +02:00
color: white;
background-color: $color;
svg {
fill: white;
}
2018-03-23 21:28:37 +01:00
}
}
&.disabled {
color: $lightTextGray;
svg {
fill: $lightTextGray;
}
}
2018-04-02 22:50:03 +02:00
@include mobile-only {
2018-03-23 21:28:37 +01:00
&.active::before {
2018-04-02 22:50:03 +02:00
content: "page ";
2018-03-23 21:28:37 +01:00
}
&.other {
display: none;
}
}
}
}