sass/custom.sass

@@ -1,14 +1,6 @@
 /* Custom configuration. */
 $font-body: var(--font-family-body)
-$font-path: "https://fund.blender.org/static/fonts"
+$font-path: "http://devfund-donation-box.test/dist/fonts"
-
-// Sass variables h*-font-size are needed as are used in Web Assets component rules
-$h1-font-size: var(--fs-h1)
-$h2-font-size: var(--fs-h2)
-$h3-font-size: var(--fs-h3)
-$h4-font-size: var(--fs-h4)
-$h5-font-size: var(--fs-h5)
-$h6-font-size: var(--fs-base)
 
 $spacer: 8px // Sizes are pxs to not clash with root em that might vary
 
@@ -22,11 +14,6 @@ $spacer: 8px // Sizes are pxs to not clash with root em that might vary
   --border-radius: var(--spacer)
   --border-radius-lg: calc(var(--spacer) * 2)
 
-  // Map --container-width to $container-width
-  --container-width: #{$container-width}
-
-  --font-family-body: 'Inter', sans-serif
-
   +media-lg
     --fs-base: 16px
 
@@ -40,29 +27,17 @@ $spacer: 8px // Sizes are pxs to not clash with root em that might vary
   --fs-h5: 18px
   --fs-h6: var(--fs-base)
   --fs-lg: 48px
-  --fw-bold: 700
 
   +media-xs
     --fs-lg: 32px
 
-  // Map --spacer to $spacer.
-  --spacer: #{$spacer}
-  --spacer-1: calc(var(--spacer) * 0.25)
-  --spacer-2: calc(var(--spacer) * 0.5)
-  --spacer-3: var(--spacer)
-  --spacer-4: calc(var(--spacer) * 1.5)
-  --spacer-5: calc(var(--spacer) * 3)
-  --spacer-6: calc(var(--spacer) * 6)
-  --spacer-7: calc(var(--spacer) * 12)
-
-  --transition-duration: 0.3s
-
   color: var(--text-color)
   font-family: var(--font-family-body)
   font-size: var(--fs-base)
   font-weight: var(--font-weight)
   text-align: left
 
+  // TODO: add backdrop-filter to Web Assets
   &.is-bg-glossy
     // --color-bg, opacity 0.8
     --color-bg-primary: rgba(242, 242, 243, 0.8)
@@ -126,12 +101,14 @@ h2
 
 /* Custom utilities. */
 .fade
-  transition-duration: var(--transition-duration)
+  transition-duration: var(--transition-speed-slow)
 
+// TODO: rename class 'fs-0'
 .fs-0
   font-size: var(--fs-lg)
   line-height: calc(var(--spacer) * 7)
 
+// TODO: check if definitions 'line-height' are needed after Web Assets v2 upgrade
 +media-xs
   .fs-0
     line-height: calc(var(--spacer) * 6)
@@ -152,6 +129,7 @@ h2
   font-size: var(--fs-sm)
   line-height: calc(var(--spacer) * 2)
 
+// TODO: add to Web Assets
 .h-0
   height: 0
 
@@ -185,7 +163,7 @@ h2
         margin-top: calc(var(--spacer) * -9)
 
 .btn
-  transition: all var(--transition-duration)
+  transition: all var(--transition-speed-slow)
 
 .btn-lg
   @extend .fs-4