datat.fi/_sass/basically-basic/_navigation.scss

53 lines
968 B
SCSS

/* ==========================================================================
Navigation
========================================================================== */
.menu {
@include list-unstyled;
a {
color: inherit;
text-decoration: none;
}
}
/*
Paginator
========================================================================== */
.pager {
@include clearfix();
margin-bottom: 2rem;
ul {
@include list-unstyled;
display: -ms-flexbox;
display: flex;
> li {
-ms-flex: 1;
flex: 1;
-ms-flex-pack: justify;
justify-content: space-between;
}
li + li {
margin-left: 0.125em;
}
}
a {
display: block;
padding: 1em;
color: #fff;
font-weight: bold;
text-align: center;
text-decoration: none;
background-color: $accent-color;
border-radius: $border-radius;
&:hover {
background-color: tint($accent-color, 20%);
}
}
}