diff options
Diffstat (limited to 'assets')
-rw-r--r-- | assets/sass/abstracts/_variables.scss | 2 | ||||
-rw-r--r-- | assets/sass/components/_drawer.scss | 3 | ||||
-rw-r--r-- | assets/sass/components/_search.scss | 31 | ||||
-rw-r--r-- | assets/sass/layout/_footer.scss | 3 | ||||
-rw-r--r-- | assets/sass/layout/_navbar.scss | 17 | ||||
-rw-r--r-- | assets/sass/pages/_home.scss | 3 |
6 files changed, 45 insertions, 14 deletions
diff --git a/assets/sass/abstracts/_variables.scss b/assets/sass/abstracts/_variables.scss index b59062c..3a67ca3 100644 --- a/assets/sass/abstracts/_variables.scss +++ b/assets/sass/abstracts/_variables.scss @@ -21,7 +21,7 @@ $code-font-stack: Consolas, Courier, monospace !default; -$z-indexes: ("drawer", "modal", "dropdown", "navbar", "header", "gtt", "clipboard", "grid", "search-btn", "search", "menu", "content", "footer", "taxo", "toc", "gallery-mask", "section-title", "highlight"); +$z-indexes: ("drawer", "modal", "dropdown", "navbar", "header", "gtt", "clipboard", "grid", "search-btn", "search", "menu", "content", "landing", "footer", "taxo", "toc", "gallery-mask", "section-title", "highlight"); $breakpoints: ( 'xs': 0, diff --git a/assets/sass/components/_drawer.scss b/assets/sass/components/_drawer.scss index 2e81c18..4ef3659 100644 --- a/assets/sass/components/_drawer.scss +++ b/assets/sass/components/_drawer.scss @@ -29,6 +29,9 @@ @include flexbox(); @include align-items(center); @include justify-content(flex-start); + @include themify($themes) { + color: themed('title-color'); + } } } diff --git a/assets/sass/components/_search.scss b/assets/sass/components/_search.scss index e2a5e08..40ac802 100644 --- a/assets/sass/components/_search.scss +++ b/assets/sass/components/_search.scss @@ -6,19 +6,34 @@ z-index: z('search'); margin: 0 0.75rem; + &[data-bgimg="true"] { + @include themify($themes) { + border: 2px solid themed('search-border-color'); + background-color: transparent; + &:focus-within { + background-color: themed("search-background-color"); + border: 2px solid themed('search-border-active-color'); + @include box-shadow(0, 0, 0, 3px, themed('search-border-outline-color')); + } + } + } + + &[data-bgimg="false"] { + @include themify($themes) { + border: 2px solid themed('search-border-color'); + background-color: themed("search-background-color"); + &:focus-within { + border: 2px solid themed('search-border-active-color'); + @include box-shadow(0, 0, 0, 3px, themed('search-border-outline-color')); + } + } + } + @include box-shadow(0, 0, 0, 3px, transparent); @include transition(all, 0.2s, ease-in); @include flexbox(); @include align-items(center); @include transition(all, 0.15s, ease); - @include themify($themes) { - border: 2px solid themed('search-border-color'); - background-color: themed("search-background-color"); - &:focus-within { - border: 2px solid themed('search-border-active-color'); - @include box-shadow(0, 0, 0, 3px, themed('search-border-outline-color')); - } - } @media only screen and (max-width: 1280px) { width: 170px; diff --git a/assets/sass/layout/_footer.scss b/assets/sass/layout/_footer.scss index 72b00b5..d1a5d04 100644 --- a/assets/sass/layout/_footer.scss +++ b/assets/sass/layout/_footer.scss @@ -19,6 +19,9 @@ &--wrapper { @include flexbox(); + @media only screen and (max-width: 600px) { + @include flex-direction(column); + } } &--title { diff --git a/assets/sass/layout/_navbar.scss b/assets/sass/layout/_navbar.scss index 3d54756..4a424bb 100644 --- a/assets/sass/layout/_navbar.scss +++ b/assets/sass/layout/_navbar.scss @@ -17,15 +17,22 @@ right: 0; top: 0; z-index: z('navbar'); - box-shadow: 0 1px 0 rgba(12,13,14,0.1), 0 1px 6px rgba(60,65,70,0.1); + color: inherit; + + &[data-bgimg="true"] { + background-color: transparent; + } + + &[data-bgimg="false"] { + box-shadow: 0 1px 0 rgba(12,13,14,0.1), 0 1px 6px rgba(60,65,70,0.1); + @include themify($themes) { + background-color: themed('navbar-background-color'); + } + } @include flexbox(); @include align-items(center); @include justify-content(center); - @include themify($themes) { - color: inherit; - background-color: themed('navbar-background-color'); - } } &__menu { diff --git a/assets/sass/pages/_home.scss b/assets/sass/pages/_home.scss index a1f7f49..e855f99 100644 --- a/assets/sass/pages/_home.scss +++ b/assets/sass/pages/_home.scss @@ -13,10 +13,13 @@ &--img { margin: 0.5rem; + z-index: z('landing'); } &--txt { margin: 2.5rem 0.5rem; + z-index: z('landing'); + .title { font-size: 56px; font-weight: 900; |