tiptap/examples/Components/Subnavigation/style.scss

36 lines
613 B
SCSS
Raw Normal View History

2018-08-23 13:53:08 +08:00
@import "~variables";
.subnavigation {
padding: 0.5rem;
background-color: rgba($color-black, 0.9);
color: $color-white;
text-align: center;
2018-08-23 14:06:09 +08:00
@media (min-width: 600px) {
position: sticky;
top: 0;
z-index: 1000;
}
2018-08-23 13:53:08 +08:00
&__link {
display: inline-block;
color: rgba($color-white, 0.5);
text-decoration: none;
font-weight: bold;
font-size: 0.9rem;
padding: 0.1rem 0.5rem;
border-radius: 3px;
&:hover {
color: $color-white;
background-color: rgba($color-white, 0.1);
}
&.is-exact-active {
color: $color-white;
background-color: rgba($color-white, 0.2);
}
}
}