diff --git a/common/common.scss b/common/common.scss index abf641b6fc0266b502e23a81fdacb045ff46f744..6bc01a365514c4b822178b3707b3df07dd549c91 100644 --- a/common/common.scss +++ b/common/common.scss @@ -1,8 +1,4 @@ -@import 'banner'; -@import 'buttons'; -@import 'categories_box'; -@import 'footer'; -@import 'variables'; +@import 'banner', 'buttons', 'categories_box', 'footer', 'header', 'variables'; input[type="text"], input[type="password"], @@ -54,66 +50,6 @@ body { background-color: $header_primary; } -// HEADER // -.d-header { - height: 5em; - box-shadow: none; -} - -.navigation-topics { - .container.list-container { - @include border-radius; - box-shadow: 0 8px 60px 0 rgba(159, 161, 165, 0.1), 0 12px 90px 0 rgba(197, 197, 197, 0.1); - padding: 2em; - border-top: 8px solid $primary-medium; - margin-top: .8em; - } -} - -.menu-panel .d-label { - color: $primary; -} - -.alert.alert-info { - border-radius: 10px; -} - -// MENU // - -.menu-panel .widget-link:hover, .menu-panel .widget-link:focus, -.menu-panel .categories-link:hover, .menu-panel .categories-link:focus { - background-color: var(--primary-medium-low); -} - -.user-menu .quick-access-panel li:hover { - background-color: var(--tertiary-low); -} - -// Text // -p { - color: var(--primary); -} - -.site-texts .site-text .site-text-value { - color: var(--primary); -} - -.th { - color: var(--primary); -} - -.permalink-description { - color: var(--quarternary); -} - -.admin-customize .themes-list-container .themes-list-item.inactive-indicator { - color: var(--primary-medium); -} - -.content-list h3 { - color: var(--primary-medium); -} - // PAGE home // .custom-homepage-columns { margin: 2em 0 2em 0; diff --git a/scss/header.scss b/scss/header.scss new file mode 100644 index 0000000000000000000000000000000000000000..e47a5625b3c83d0dc13f90528e4bc375cb5cea4b --- /dev/null +++ b/scss/header.scss @@ -0,0 +1,59 @@ +// HEADER // +.d-header { + height: 5em; + box-shadow: none; +} + +.navigation-topics { +.container.list-container { + @include border-radius; + box-shadow: 0 8px 60px 0 rgba(159, 161, 165, 0.1), 0 12px 90px 0 rgba(197, 197, 197, 0.1); + padding: 2em; + border-top: 8px solid $primary-medium; + margin-top: .8em; + } +} + +.menu-panel .d-label { + color: $primary; +} + +.alert.alert-info { + border-radius: 10px; +} + +// MENU // + +.menu-panel .widget-link:hover, .menu-panel .widget-link:focus, +.menu-panel .categories-link:hover, .menu-panel .categories-link:focus { + background-color: var(--primary-medium-low); +} + +.user-menu .quick-access-panel li:hover { + background-color: var(--tertiary-low); +} + +// TEXT // +p { + color: var(--primary); +} + +.site-texts .site-text .site-text-value { + color: var(--primary); +} + +.th { + color: var(--primary); +} + +.permalink-description { + color: var(--quarternary); +} + +.admin-customize .themes-list-container .themes-list-item.inactive-indicator { + color: var(--primary-medium); +} + +.content-list h3 { + color: var(--primary-medium); +}