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

67 lines
1.1 KiB
SCSS
Raw Normal View History

/* ==========================================================================
Navigation
========================================================================== */
2017-03-07 23:12:17 +02:00
.menu {
@include list-unstyled;
a {
color: inherit;
text-decoration: none;
}
}
/*
Skip links
========================================================================== */
.skip-links {
position: absolute;
width: 100%;
ul {
@include list-unstyled;
}
}
/*
Paginator
========================================================================== */
2017-03-07 23:12:17 +02:00
.pager {
@include clearfix();
margin-bottom: 2rem;
ul {
@include list-unstyled;
display: -ms-flexbox;
2017-03-07 23:12:17 +02:00
display: flex;
> li {
-ms-flex: 1;
2017-03-16 20:34:29 +02:00
flex: 1;
justify-content: space-between;
2017-03-16 21:13:21 +02:00
-ms-flex-pack: justify;
2017-03-07 23:12:17 +02:00
}
li + li {
margin-left: 0.125em;
}
}
a {
display: block;
padding: 1em;
2017-03-16 20:34:29 +02:00
border-radius: $border-radius;
background-color: $accent-color;
2017-03-07 23:12:17 +02:00
color: #fff;
font-weight: bold;
text-align: center;
text-decoration: none;
&:hover {
background-color: tint($accent-color, 20%);
}
}
2017-03-16 20:34:29 +02:00
}