Skip to content

Commit

Permalink
add sass
Browse files Browse the repository at this point in the history
  • Loading branch information
sebousan committed Sep 11, 2024
1 parent 23a2a0d commit 6a261d9
Show file tree
Hide file tree
Showing 7 changed files with 60 additions and 23 deletions.
30 changes: 29 additions & 1 deletion assets/sass/abstracts/_variables.sass
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand All @@ -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

Expand All @@ -39,3 +66,4 @@ $table-bg: transparent
$header-background-color: white
$header-color: black
$hero-background-color: $body-bg
$hero-color: $body-color
2 changes: 2 additions & 0 deletions assets/sass/hugolify-theme-4.sass
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand Down
2 changes: 2 additions & 0 deletions assets/sass/theme/components/_banner.sass
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
.banner
--bs-alert-padding-y: 1rem
2 changes: 1 addition & 1 deletion assets/sass/theme/components/_hero.sass
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
.hero
&-with-image
&-cover + .container
color: white
15 changes: 7 additions & 8 deletions assets/sass/theme/components/_push.sass
Original file line number Diff line number Diff line change
@@ -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
6 changes: 6 additions & 0 deletions assets/sass/theme/components/blocks/_pushes.sass
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
.block-pushes
header + .push
@include media-breakpoint-up(md)
margin-left: auto
margin-right: auto
width: 90%
26 changes: 13 additions & 13 deletions assets/sass/theme/layout/_header.sass
Original file line number Diff line number Diff line change
Expand Up @@ -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

0 comments on commit 6a261d9

Please sign in to comment.