diff options
Diffstat (limited to 'assets/scss/layouts')
-rw-r--r-- | assets/scss/layouts/_footer.scss | 6 | ||||
-rw-r--r-- | assets/scss/layouts/_header.scss | 67 | ||||
-rw-r--r-- | assets/scss/layouts/_pages.scss | 15 | ||||
-rw-r--r-- | assets/scss/layouts/_posts.scss | 9 |
4 files changed, 86 insertions, 11 deletions
diff --git a/assets/scss/layouts/_footer.scss b/assets/scss/layouts/_footer.scss index ce1eb4a..7d21811 100644 --- a/assets/scss/layouts/_footer.scss +++ b/assets/scss/layouts/_footer.scss @@ -8,15 +8,13 @@ margin-bottom: 0; } -.footer p, -.footer li a { +.footer li { font-size: $font-size-sm; margin-bottom: 0; } @include media-breakpoint-up(md) { - .footer p, - .footer li a { + .footer li { font-size: $font-size-base; } } diff --git a/assets/scss/layouts/_header.scss b/assets/scss/layouts/_header.scss index d07bbbd..a4ef3d6 100644 --- a/assets/scss/layouts/_header.scss +++ b/assets/scss/layouts/_header.scss @@ -10,6 +10,16 @@ margin-left: 1rem; } +.navbar-brand { + font-weight: $headings-font-weight; +} + +.navbar-light .navbar-brand, +.navbar-light .navbar-brand:hover, +.navbar-light .navbar-brand:active { + color: $body-color; +} + @include media-breakpoint-up(md) { .navbar-brand { font-size: $font-size-xl; @@ -55,12 +65,11 @@ .navbar { background-color: rgba(255, 255, 255, 0.95); border-bottom: 1px solid $gray-200; - - /* margin-top: 3px; */ + margin-top: 4px; } .header-bar { - border-top: 3px solid; + border-top: 4px solid; border-image-source: linear-gradient(90deg, $primary, #8ed6fb 50%, #d32e9d); border-image-slice: 1; } @@ -90,11 +99,23 @@ .navbar-form { margin-top: 0; - margin-left: 1.5rem; + margin-left: 9rem; margin-right: 1.5rem; } } +@include media-breakpoint-up(lg) { + .navbar-form { + margin-left: 18rem; + } +} + +@include media-breakpoint-up(xl) { + .navbar-form { + margin-left: 36rem; + } +} + .form-control.is-search { padding-right: calc(1.5em + 0.75rem); background: $gray-100; @@ -105,6 +126,44 @@ background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } +/*! purgecss start ignore */ +.algolia-autocomplete { + display: flex !important; +} + +.algolia-autocomplete .ds-dropdown-menu { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} + +@include media-breakpoint-down(sm) { + .algolia-autocomplete .ds-dropdown-menu { + max-width: 512px !important; + min-width: 312px !important; + width: auto !important; + } + + .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column::after { + content: "|"; + margin-right: 0.25rem; + } +} + +.algolia-autocomplete .algolia-docsearch-suggestion--title { + margin-bottom: 0; +} + +.algolia-autocomplete .algolia-docsearch-suggestion--highlight { + padding: 0 0.05em; +} + +.algolia-autocomplete .algolia-docsearch-footer { + margin-top: 1rem; + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} + +/*! purgecss end ignore */ + /* * Source: https://medium.com/creative-technology-concepts-code/responsive-mobile-dropdown-navigation-using-css-only-7218e4498a99 */ diff --git a/assets/scss/layouts/_pages.scss b/assets/scss/layouts/_pages.scss index 7b34e12..eaa75de 100644 --- a/assets/scss/layouts/_pages.scss +++ b/assets/scss/layouts/_pages.scss @@ -23,3 +23,18 @@ h4:hover a { .card-list { margin-top: 2.25rem; } + +.edit-page { + margin-top: 3rem; + font-size: $font-size-base; +} + +.edit-page svg { + margin-right: 0.5rem; + margin-bottom: 0.25rem; +} + +p.meta { + margin-top: 0.5rem; + font-size: $font-size-base; +} diff --git a/assets/scss/layouts/_posts.scss b/assets/scss/layouts/_posts.scss index d43e3df..da27660 100644 --- a/assets/scss/layouts/_posts.scss +++ b/assets/scss/layouts/_posts.scss @@ -1,16 +1,19 @@ -.authors.list .card, +.home .card, +.contributors.list .card, .blog.list .card { margin-top: 2rem; margin-bottom: 2rem; transition: transform 0.3s; } -.authors.list .card:hover, +.home .card:hover, +.contributors.list .card:hover, .blog.list .card:hover { transform: scale(1.025); } -.authors.list .card-body, +.home .card-body, +.contributors.list .card-body, .blog.list .card-body { padding: 0 2rem 1rem; } |