2021-02-25 18:15:36 +02:00
|
|
|
.primary-nav {
|
2021-07-08 14:39:39 +03:00
|
|
|
padding: 10px 0;
|
2021-02-25 18:15:36 +02:00
|
|
|
|
|
|
|
& > viewport > box {
|
2021-07-07 22:05:48 +03:00
|
|
|
& > .koto-button, // Direct buttons like Home
|
|
|
|
& > .expander > .expander-header { // Expander Headers
|
|
|
|
font-size: large;
|
2021-07-08 14:39:39 +03:00
|
|
|
padding-top: 10px;
|
|
|
|
padding-bottom: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
& > .koto-button, // Direct buttons like Home
|
|
|
|
& > .expander > .expander-header, // Expander Headers
|
|
|
|
& > .expander revealer .koto-button { // Expander revealer Buttons
|
|
|
|
margin-left: 10px;
|
|
|
|
margin-right: 10px;
|
|
|
|
padding-left: 10px;
|
|
|
|
padding-right: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
& > .koto-button, // Direct buttons like Home
|
|
|
|
& > .expander revealer .koto-button { // Expander revealer Buttons
|
|
|
|
&.pseudoactive { // When hovering or explicit request to show as active
|
|
|
|
background-color: $primary-nav-button-active-color;
|
|
|
|
border-radius: 10px;
|
|
|
|
}
|
2021-02-25 18:15:36 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
& > .expander {
|
|
|
|
& > .expander-header {
|
2021-05-27 15:47:45 +03:00
|
|
|
color: $text-color-faded;
|
2021-02-25 18:15:36 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2021-07-07 22:05:48 +03:00
|
|
|
}
|