Sha256: d441f930769c40626d66f94924c0ac4e29e987452798a566010a3847302d60ef
Contents?: true
Size: 1.64 KB
Versions: 16
Compression:
Stored size: 1.64 KB
Contents
@import "../tokens/typography";
@import "../tokens/spacing";
@import "../tokens/colors";
// Another style should be borders like buttons
.vertical_nav_list {
$selector: ".vertical_nav_list";
&_title {
padding: 0 $space_xl $space_sm;
}
ul {
padding: 0;
margin: 0;
list-style: none;
}
&_border_item {
list-style: none;
border-bottom: 1px solid $border_light;
&:last-child {
border-bottom: 0;
}
}
&_item,
&_border_item {
&_active,
&.active {
background-color: $active_light;
#{$selector}_item_link,
#{$selector}_border_item_link {
border-color: $primary;
&_icon {
color: $primary;
}
&_text {
color: $primary;
}
}
}
&_link {
text-decoration: none;
display: flex;
align-items: center;
padding: $space_sm $space_xl;
border: 0 solid transparent;
border-width: 0 0 0 3px;
transition-property: color, border-color, background-color;
transition-duration: 0.15s;
transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
&_icon {
font-size: $font_large;
margin-right: $space_sm;
color: $text_lt_lighter;
}
&_text {
font-size: $font_base;
font-weight: $bold;
color: $text_lt_default;
}
&:hover {
background-color: rgba($primary, 0.03);
#{$selector}_item_link_icon,
#{$selector}_border_item_link_icon {
color: $primary;
}
#{$selector}_item_link_text,
#{$selector}_border_item_link_text {
color: $primary;
}
}
}
}
}
Version data entries
16 entries across 16 versions & 1 rubygems