From 6a261d9ba750ae06257e783a07d5507c0adecd37 Mon Sep 17 00:00:00 2001 From: sebousan Date: Wed, 11 Sep 2024 16:48:38 +0200 Subject: [PATCH] add sass --- assets/sass/abstracts/_variables.sass | 30 ++++++++++++++++++- assets/sass/hugolify-theme-4.sass | 2 ++ assets/sass/theme/components/_banner.sass | 2 ++ assets/sass/theme/components/_hero.sass | 2 +- assets/sass/theme/components/_push.sass | 15 +++++----- .../sass/theme/components/blocks/_pushes.sass | 6 ++++ assets/sass/theme/layout/_header.sass | 26 ++++++++-------- 7 files changed, 60 insertions(+), 23 deletions(-) create mode 100644 assets/sass/theme/components/_banner.sass create mode 100644 assets/sass/theme/components/blocks/_pushes.sass diff --git a/assets/sass/abstracts/_variables.sass b/assets/sass/abstracts/_variables.sass index 086d7a3..b980766 100644 --- a/assets/sass/abstracts/_variables.sass +++ b/assets/sass/abstracts/_variables.sass @@ -16,6 +16,8 @@ $headings-margin-bottom: 1.5rem $h1-font-size: 4rem $h2-font-size: 3rem $h3-font-size: 2rem +$h4-font-size: 1.5rem +$small-font-size: .875rem $blockquote-font-size: 3rem $paragraph-margin-bottom: 1.5rem @@ -26,11 +28,36 @@ $border-radius-lg: 0 $border-radius-xl: 0 $border-radius-xxl: 0 +// Breadcrumb +$breadcrumb-font-size: .75rem +$breadcrumb-margin-bottom: 0 +$breadcrumb-padding-y: px2rem(10) +$breadcrumb-divider-color: rgba($secondary, .8) +$breadcrumb-item-active-color: $secondary + // Input & Button +$form-label-font-size: .875rem +$form-label-font-weight: 700 $input-btn-padding-y: .75rem -$input-btn-padding-x: 1rem +$input-btn-padding-x: 1.25rem $btn-font-weight: 700 +// Pagination +$pagination-border-radius: 0 +$pagination-padding-y: .5rem +$pagination-padding-x: .75rem +$pagination-disabled-bg: transparent +$pagination-color: $primary +$pagination-bg: white +$pagination-focus-color: $primary +$pagination-focus-box-shadow: 0 0 0 0.25rem rgba($pagination-bg, 0.25) +$pagination-active-color: $pagination-bg +$pagination-active-bg: $pagination-color +$pagination-active-border-color: $pagination-color +$pagination-hover-color: $pagination-active-color +$pagination-hover-bg: $pagination-active-bg +$pagination-hover-border-color: $pagination-active-bg + // Table $table-bg: transparent @@ -39,3 +66,4 @@ $table-bg: transparent $header-background-color: white $header-color: black $hero-background-color: $body-bg +$hero-color: $body-color diff --git a/assets/sass/hugolify-theme-4.sass b/assets/sass/hugolify-theme-4.sass index e8bb724..035b05c 100644 --- a/assets/sass/hugolify-theme-4.sass +++ b/assets/sass/hugolify-theme-4.sass @@ -3,6 +3,8 @@ @import "theme/components/blocks/datas" @import "theme/components/blocks/editorial" @import "theme/components/blocks/paragraph" +@import "theme/components/blocks/pushes" +@import "theme/components/banner" @import "theme/components/hero" @import "theme/components/push" @import "theme/layout/footer" diff --git a/assets/sass/theme/components/_banner.sass b/assets/sass/theme/components/_banner.sass new file mode 100644 index 0000000..42f0e0f --- /dev/null +++ b/assets/sass/theme/components/_banner.sass @@ -0,0 +1,2 @@ +.banner + --bs-alert-padding-y: 1rem \ No newline at end of file diff --git a/assets/sass/theme/components/_hero.sass b/assets/sass/theme/components/_hero.sass index 5e18dfa..856dfff 100644 --- a/assets/sass/theme/components/_hero.sass +++ b/assets/sass/theme/components/_hero.sass @@ -1,3 +1,3 @@ .hero - &-with-image + &-cover + .container color: white \ No newline at end of file diff --git a/assets/sass/theme/components/_push.sass b/assets/sass/theme/components/_push.sass index f909ee3..2069638 100644 --- a/assets/sass/theme/components/_push.sass +++ b/assets/sass/theme/components/_push.sass @@ -1,10 +1,9 @@ .push --push-background-color: #{$secondary} - &-center - --bs-card-border-width: 4px - --bs-card-border-color: #{$primary} - border-style: double - @include media-breakpoint-up(md) - margin-left: auto - margin-right: auto - width: 90% + .content + border: 4px double $primary + h3 + line-height: 1 + margin-bottom: 1rem + .btn + margin-top: $spacer \ No newline at end of file diff --git a/assets/sass/theme/components/blocks/_pushes.sass b/assets/sass/theme/components/blocks/_pushes.sass new file mode 100644 index 0000000..677bc4e --- /dev/null +++ b/assets/sass/theme/components/blocks/_pushes.sass @@ -0,0 +1,6 @@ +.block-pushes + header + .push + @include media-breakpoint-up(md) + margin-left: auto + margin-right: auto + width: 90% \ No newline at end of file diff --git a/assets/sass/theme/layout/_header.sass b/assets/sass/theme/layout/_header.sass index 48960b3..3ec245d 100644 --- a/assets/sass/theme/layout/_header.sass +++ b/assets/sass/theme/layout/_header.sass @@ -14,17 +14,17 @@ header[role="banner"] height: 20px .nav-primary --bs-nav-link-font-weight: 700 - li:last-child - a - --bs-nav-link-color: white + .nav-item-highlighted + a + --bs-nav-link-color: white + --bs-nav-link-active-color: white + background: $primary + text-decoration: none + transition: background $transition-effect $transition-duration + &:hover --bs-nav-link-hover-color: white - --bs-nav-link-active-color: white - background: $primary - text-decoration: none - transition: background $transition-effect $transition-duration - &:hover - background: darken($primary, 2) - @include media-breakpoint-down(md) - margin-top: $nav-link-padding-y - @include media-breakpoint-up(md) - margin-left: $nav-link-padding-x + background: darken($primary, 2) + @include media-breakpoint-down(md) + margin-top: $nav-link-padding-y + @include media-breakpoint-up(md) + margin-left: $nav-link-padding-x