Skip to content

Commit

Permalink
add style
Browse files Browse the repository at this point in the history
  • Loading branch information
sebousan committed Sep 11, 2024
1 parent 435bbd6 commit 41e5a60
Show file tree
Hide file tree
Showing 8 changed files with 25 additions and 25 deletions.
2 changes: 2 additions & 0 deletions assets/sass/abstracts/_variables.sass
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,7 @@ $blockquote-font-size: 3rem
$paragraph-margin-bottom: 1.5rem

// Border
$border-color: $secondary
$border-radius: 0
$border-radius-sm: 0
$border-radius-lg: 0
Expand Down Expand Up @@ -63,6 +64,7 @@ $table-bg: transparent


// Hugolify
$header-height: 75px
$header-background-color: white
$header-color: black
$hero-background-color: $body-bg
Expand Down
2 changes: 2 additions & 0 deletions assets/sass/hugolify-theme-4.sass
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,9 @@
@import "theme/components/blocks/paragraph"
@import "theme/components/blocks/pushes"
@import "theme/components/banner"
@import "theme/components/card"
@import "theme/components/hero"
@import "theme/components/main-menu"
@import "theme/components/push"
@import "theme/layout/footer"
@import "theme/layout/header"
13 changes: 13 additions & 0 deletions assets/sass/theme/components/_card.sass
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
.card
.items &
--bs-card-bg: #{$tertiary}
--bs-card-cap-padding-x: 1rem
--bs-card-spacer-x: 1rem
--bs-card-spacer-y: 1rem
border: 4px double $border-color
height: 100%
.media
border-bottom: 1px solid $border-color
&-icon,
&-logo
border-bottom: 0
4 changes: 4 additions & 0 deletions assets/sass/theme/components/_main-menu.sass
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
.main-menu
.nav-primary
--bs-nav-link-font-weight: 700

2 changes: 1 addition & 1 deletion assets/sass/theme/components/_push.sass
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
.push
--push-background-color: #{$secondary}
.content
border: 4px double $primary
border: 4px double $border-color
h3
line-height: 1
margin-bottom: 1rem
Expand Down
2 changes: 1 addition & 1 deletion assets/sass/theme/components/blocks/_editorial.sass
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
.content
@include padding(3rem)
background: $tertiary
border: 4px double $secondary
border: 4px double $border-color
transform: translateY(-20px)
z-index: 1
@include media-breakpoint-up(md)
Expand Down
2 changes: 1 addition & 1 deletion assets/sass/theme/components/blocks/_paragraph.sass
Original file line number Diff line number Diff line change
Expand Up @@ -2,5 +2,5 @@
.text
@include padding(3rem)
background: $tertiary
border: 4px double $secondary
border: 4px double $border-color

23 changes: 1 addition & 22 deletions assets/sass/theme/layout/_header.sass
Original file line number Diff line number Diff line change
@@ -1,30 +1,9 @@
header[role="banner"]
// left: 0
// position: fixed
// right: 0
// transition: top .3s ease, background .3s ease
// &.is-sticky
// position: fixed
.logo
font-family: $headings-font-family
font-size: 1.5rem
font-weight: $headings-font-weight
text-decoration: none
img
height: 20px
.nav-primary
--bs-nav-link-font-weight: 700
.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
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 41e5a60

Please sign in to comment.