update

weru

08.24.2020 49f4d42666f22ed17c387f83b9041cdf0fd974c9

update

 assets/sass/_utils.sass

@@ -5,19 +5,19 @@
    padding: 0 25px
    margin: 0 auto

@for $i from 1 through 4 
@for $i from 1 through 4
  $size: $i * 1.5rem
  $x-size: $size * 0.5 
  .pt-#{$i} 
  $x-size: $size * 0.5
  .pt-#{$i}
    padding-top: $size
  
  .pb-#{$i} 

  .pb-#{$i}
    padding-bottom: $size
  
  .mt-#{$i} 

  .mt-#{$i}
    margin-top: $size
  
  .mb-#{$i} 

  .mb-#{$i}
    margin-bottom: $size

%grid
@@ -33,17 +33,17 @@
@media screen and (min-width: 42rem)
  .grid-auto
    grid-template-columns: 2fr 5fr
  

  .grid-reverse
    grid-template-columns: 3fr 1fr
  

  .grid-2
    grid-template-columns: 1fr 1fr
  
  .grid-3 

  .grid-3
    grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr))
  
  .grid-4 

  .grid-4
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr))

.active

 assets/sass/_variables.sass

@@ -2,7 +2,7 @@
  --color-mode: "lit"
  --light: #fff
  --dark:  rgb(28,28,30)
  --haze: #f2f5f2
  --haze: #f2f5f7
  --bubble: rgb(36,36,38)
  --accent: var(--haze)
  --bg: var(--light)