From 867d868c76086354986ecda0b28518fb3ba2527d Mon Sep 17 00:00:00 2001 From: Arnaud Levy <contact@arnaudlevy.com> Date: Thu, 15 Feb 2024 19:04:27 +0100 Subject: [PATCH] styles --- assets/sass/_theme/_configuration.sass | 10 ++++++ assets/sass/_theme/_variables.sass | 48 ++++++++++++++++++++++++++ 2 files changed, 58 insertions(+) diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass index 5b9d7c7f..15b28ee5 100644 --- a/assets/sass/_theme/_configuration.sass +++ b/assets/sass/_theme/_configuration.sass @@ -102,23 +102,28 @@ $lead-font-family: $heading-font-family !default $lead-size-desktop: pxToRem(60) !default $lead-size: pxToRem(24) !default $lead-line-height: 120% !default +$lead-line-height-desktop: 120% !default $lead-weight: $heading-font-weight !default $lead-sidebar-font-family: $lead-font-family !default $lead-sidebar-size-desktop: pxToRem(32) !default +$lead-sidebar-size: $lead-size !default $lead-sidebar-line-height: $lead-line-height !default +$lead-sidebar-line-height-desktop: $lead-line-height-desktop !default $lead-sidebar-weight: $lead-weight !default $lead-hero-font-family: $lead-sidebar-font-family !default $lead-hero-size: $lead-size !default $lead-hero-size-desktop: $lead-sidebar-size-desktop !default $lead-hero-line-height: $lead-sidebar-line-height !default +$lead-hero-line-height-desktop: $lead-sidebar-line-height-desktop !default $lead-hero-weight: $lead-sidebar-weight !default // Body $body-size-desktop: pxToRem(22) !default $body-size: pxToRem(18) !default $body-line-height: 160% !default +$body-line-height-desktop: 160% !default $body-weight: normal !default // Small @@ -126,6 +131,7 @@ $small-font-family: $body-font-family !default $small-size-desktop: pxToRem(18) !default $small-size: pxToRem(14) !default $small-line-height: 130% !default +$small-line-height-desktop: 130% !default $small-weight: normal !default // Signature @@ -133,6 +139,7 @@ $signature-font-family: $heading-font-family !default $signature-size-desktop: pxToRem(22) !default $signature-size: pxToRem(18) !default $signature-line-height: 130% !default +$signature-line-height-desktop: 130% !default $signature-weight: $heading-font-weight !default // Meta @@ -140,14 +147,17 @@ $meta-font-family: $heading-font-family !default $meta-size-desktop: pxToRem(16) !default $meta-size: pxToRem(14) !default $meta-line-height: 150% !default +$meta-line-height-desktop: 150% !default $meta-weight: $heading-font-weight !default // Quotes $quote-font-family: $body-font-family !default $quote-size-desktop-short: pxToRem(60) !default $quote-size-desktop-long: pxToRem(40) !default +$quote-size-desktop: pxToRem(40) !default $quote-size: pxToRem(24) !default $quote-line-height: 120% !default +$quote-line-height-desktop: 120% !default $quote-weight: normal !default $quote-style: italic !default diff --git a/assets/sass/_theme/_variables.sass b/assets/sass/_theme/_variables.sass index 654378ff..7fbbd5ea 100644 --- a/assets/sass/_theme/_variables.sass +++ b/assets/sass/_theme/_variables.sass @@ -48,6 +48,30 @@ --h6-size: #{$h6-size} --h6-line-height: #{$h6-line-height} + --lead-size: #{$lead-size} + --lead-line-height: #{$lead-line-height} + + --lead-sidebar-size: #{$lead-sidebar-size} + --lead-sidebar-line-height: #{$lead-sidebar-line-height} + + --lead-hero-size: #{$lead-hero-size} + --lead-hero-line-height: #{$lead-hero-line-height} + + --body-size: #{$body-size} + --body-line-height: #{$body-line-height} + + --small-size: #{$small-size} + --small-line-height: #{$small-line-height} + + --signature-size: #{$signature-size} + --signature-line-height: #{$signature-line-height} + + --meta-size: #{$meta-size} + --meta-line-height: #{$meta-line-height} + + --quote-size: #{$quote-size} + --quote-line-height: #{$quote-line-height} + @include media-breakpoint-up(desktop) --h1-size: #{$h1-size-desktop} --h1-line-height: #{$h1-line-height-desktop} @@ -66,3 +90,27 @@ --h6-size: #{$h6-size-desktop} --h6-line-height: #{$h6-line-height-desktop} + + --lead-size: #{$lead-size-desktop} + --lead-line-height: #{$lead-line-height-desktop} + + --lead-sidebar-size: #{$lead-sidebar-size-desktop} + --lead-sidebar-line-height: #{$lead-sidebar-line-height-desktop} + + --lead-hero-size: #{$lead-hero-size-desktop} + --lead-hero-line-height: #{$lead-hero-line-height-desktop} + + --body-size: #{$body-size-desktop} + --body-line-height: #{$body-line-height-desktop} + + --small-size: #{$small-size-desktop} + --small-line-height: #{$small-line-height-desktop} + + --signature-size: #{$signature-size-desktop} + --signature-line-height: #{$signature-line-height-desktop} + + --meta-size: #{$meta-size-desktop} + --meta-line-height: #{$meta-line-height-desktop} + + --quote-size: #{$quote-size-desktop} + --quote-line-height: #{$quote-line-height-desktop} -- GitLab