slow-steps 0.1.5 → 0.1.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8774e2a7d4982872dce1ab0cbbd86e254fe902aa8d580fda62d3639380271907
-  data.tar.gz: 2a4347c7c4b2732e599eae66995d26f11c6c09c7886a6daff142b04c889a5e70
+  metadata.gz: ea0adad81a3cdbea1a8db232f1da78ab42069e6e86e52bef7ce62f17860b9867
+  data.tar.gz: 2dd0710e2683aaba83cc677066fb7d55bbb581372d044977c879c0e1e887eea2
 SHA512:
-  metadata.gz: 0c84c0f0017d271004b18a17a914f3540f5400cdba145cc7554d9f6927c9a6d446328b8acfa29864018b1aa7d5e64e316063cffb04565d91425460d84ed66ba6
-  data.tar.gz: 80d9d09c698060635e65da65591b7a24fc6f1e6f8ca97e77076f5be7360b5363fe7f158c1817d18b3bcef7cc27bed3ad33f0971a0a13ae388bc2336841f0ba14
+  metadata.gz: 37704673dbcb40560041f0ad82b94842ce2b11edeb21dcf49bb5850b9b5cb5969cce20f82f7ff5fd233bb0113745904f44821460a0f2578010a4bd9c38ecb5d7
+  data.tar.gz: b75c4f3e0db8825fbd23f3475bc1e2329c360edb50f9cc44f8ee3c4e2540418796f18583c6505b8372582c08f2c9869aa8c32ce4bc53f88685a65350e3047826

data/_sass/_mixins.sass

@@ -17,6 +17,9 @@
   filter: grayscale(1) contrast(.2) brightness(1.8)
   opacity: .6
 
+@mixin image-filter-rotate
+  filter: grayscale(1) contrast(.8) brightness(.9) sepia(.4) hue-rotate(180deg)
+
 // Applied to an overlaying div
 @mixin image-filter--blur
   backdrop-filter: blur(8px)

data/_sass/colors/_variables.sass

@@ -54,7 +54,7 @@ $led: rgb(255, 70, 0)
 
 // Object colors
 
-$secondary-navbar-color: rgba(255, 255, 255, .3)
+$secondary-navbar-color: rgba(255, 255, 255, .8)
 
 
 // Color set mixins

data/_sass/colors/breakpoints/{768.sass → 1024.sass}

@@ -4,7 +4,7 @@
 // in assets/css/gaitq_env.sass we import this AFTER
 //  @import 'colors/env/env.sass'
 
-@media screen and ( min-width: 768px )
+@media screen and ( min-width: 1024px )
 
   .navbar
     background-color: $env-primary

data/_sass/env/clinician.sass

@@ -33,6 +33,8 @@
     padding: 5rem 0
     width: 50%
 
+.image--guarantee
+  @include image-filter-rotate
 
 .action__call
 

data/_sass/env/pwp.sass

@@ -53,7 +53,7 @@
   height: 50%
 
 .image--guarantee
-  filter: grayscale(1) contrast(.8) brightness(.9) sepia(.4) hue-rotate(180deg)
+  @include image-filter-rotate
 
 .strap__guarantee
   border-top: solid 1px $soft-white

data/_sass/footer_full.sass

@@ -19,7 +19,7 @@
   width: 90vw
 
 .ft__col
-  border-left: solid 1px rgba($opd-blue-trust, .05)
+  //border-left: solid 1px rgba($opd-blue-trust, .05)
   box-sizing: border-box
   padding: 0 5vw
   width: 90vw

data/_sass/navigation/breakpoints/{768.sass → 1024.sass}

@@ -5,7 +5,9 @@
 
 // Everything here will be included in EVERY .html
 
-@media screen and ( min-width: 768px )
+$brand-height: 55%
+
+@media screen and ( min-width: 1024px )
 
   .navbar
     height: $navbar-height
@@ -18,11 +20,12 @@
     height: 10vh
     z-index: 999
     top: 7.5vh
+    //align-items: center
 
     .site__logo
       position: absolute
-      top: 30%
-      height: 40%
+      top: (100% - $brand-height) / 2
+      height: $brand-height
 
   .nav-list
     display: flex

data/_sass/navigation/env/clinician.sass

@@ -1,16 +1,7 @@
 // Navbar site logo
 // make sure we don't style any other instance so nest with .nav-brand
 .nav-brand
-  .site__logo--group
-    .site__logo--curve,
-    .site__logo--legvert,
-    .site__logo--leg45,
-    .site__logo--g,
-    .site__logo--a,
-    .site__logo__i,
-    .site__logo--t,
-    .site__logo--Q
-      fill: $env-primary
+  @include logo-color($env-primary)
 
 
 // on mobile and within the clinician env we hide the other submenus and show the gaitq env .nav-group-link

data/_sass/navigation/env/landing.sass

@@ -7,4 +7,10 @@
 // Navbar site logo
 // make sure we don't style any other instance so nest with .nav-brand
 .nav-brand
-  @include logo-primary-colors
+  @include logo-color($white)
+  height: 14rem
+  transform: translateY(10vh)
+
+@media screen and ( min-width: 1024px )
+  .nav-brand
+    transform: translateY(-10vh)

data/assets/css/env/gaitq_clinician.sass

@@ -25,7 +25,7 @@ $baseurl: '{{ site.baseurl }}/'
 
 @import 'env/breakpoints/768'
 
-@import 'colors/breakpoints/768'
+@import 'colors/breakpoints/1024'
 
 @import 'about'
 

data/assets/css/env/gaitq_pwp.sass

@@ -25,7 +25,7 @@ $baseurl: '{{ site.baseurl }}/'
 
 @import 'env/breakpoints/768'
 
-@import 'colors/breakpoints/768'
+@import 'colors/breakpoints/1024'
 
 @import 'about'
 

data/assets/css/gaitq_global.sass

@@ -23,7 +23,7 @@
 
 @import 'navigation/burger'
 
-@import 'navigation/breakpoints/768'
+@import 'navigation/breakpoints/1024'
 
 // Footer
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: slow-steps
 version: !ruby/object:Gem::Version
-  version: 0.1.5
+  version: 0.1.6
 platform: ruby
 authors:
 - Made Slowly
@@ -220,7 +220,7 @@ files:
 - _sass/aos-overrides.sass
 - _sass/breakpoints/about.sass
 - _sass/colors/_variables.sass
-- _sass/colors/breakpoints/768.sass
+- _sass/colors/breakpoints/1024.sass
 - _sass/colors/burger.sass
 - _sass/colors/env/_clinician.sass
 - _sass/colors/env/_pwp.sass
@@ -237,7 +237,7 @@ files:
 - _sass/forms/mc-forms.sass
 - _sass/global.sass
 - _sass/navigation/_variables.sass
-- _sass/navigation/breakpoints/768.sass
+- _sass/navigation/breakpoints/1024.sass
 - _sass/navigation/burger.sass
 - _sass/navigation/env/clinician.sass
 - _sass/navigation/env/landing.sass