slow-steps 0.1.5 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 8774e2a7d4982872dce1ab0cbbd86e254fe902aa8d580fda62d3639380271907
4
- data.tar.gz: 2a4347c7c4b2732e599eae66995d26f11c6c09c7886a6daff142b04c889a5e70
3
+ metadata.gz: ea0adad81a3cdbea1a8db232f1da78ab42069e6e86e52bef7ce62f17860b9867
4
+ data.tar.gz: 2dd0710e2683aaba83cc677066fb7d55bbb581372d044977c879c0e1e887eea2
5
5
  SHA512:
6
- metadata.gz: 0c84c0f0017d271004b18a17a914f3540f5400cdba145cc7554d9f6927c9a6d446328b8acfa29864018b1aa7d5e64e316063cffb04565d91425460d84ed66ba6
7
- data.tar.gz: 80d9d09c698060635e65da65591b7a24fc6f1e6f8ca97e77076f5be7360b5363fe7f158c1817d18b3bcef7cc27bed3ad33f0971a0a13ae388bc2336841f0ba14
6
+ metadata.gz: 37704673dbcb40560041f0ad82b94842ce2b11edeb21dcf49bb5850b9b5cb5969cce20f82f7ff5fd233bb0113745904f44821460a0f2578010a4bd9c38ecb5d7
7
+ data.tar.gz: b75c4f3e0db8825fbd23f3475bc1e2329c360edb50f9cc44f8ee3c4e2540418796f18583c6505b8372582c08f2c9869aa8c32ce4bc53f88685a65350e3047826
@@ -17,6 +17,9 @@
17
17
  filter: grayscale(1) contrast(.2) brightness(1.8)
18
18
  opacity: .6
19
19
 
20
+ @mixin image-filter-rotate
21
+ filter: grayscale(1) contrast(.8) brightness(.9) sepia(.4) hue-rotate(180deg)
22
+
20
23
  // Applied to an overlaying div
21
24
  @mixin image-filter--blur
22
25
  backdrop-filter: blur(8px)
@@ -54,7 +54,7 @@ $led: rgb(255, 70, 0)
54
54
 
55
55
  // Object colors
56
56
 
57
- $secondary-navbar-color: rgba(255, 255, 255, .3)
57
+ $secondary-navbar-color: rgba(255, 255, 255, .8)
58
58
 
59
59
 
60
60
  // Color set mixins
@@ -4,7 +4,7 @@
4
4
  // in assets/css/gaitq_env.sass we import this AFTER
5
5
  // @import 'colors/env/env.sass'
6
6
 
7
- @media screen and ( min-width: 768px )
7
+ @media screen and ( min-width: 1024px )
8
8
 
9
9
  .navbar
10
10
  background-color: $env-primary
@@ -33,6 +33,8 @@
33
33
  padding: 5rem 0
34
34
  width: 50%
35
35
 
36
+ .image--guarantee
37
+ @include image-filter-rotate
36
38
 
37
39
  .action__call
38
40
 
@@ -53,7 +53,7 @@
53
53
  height: 50%
54
54
 
55
55
  .image--guarantee
56
- filter: grayscale(1) contrast(.8) brightness(.9) sepia(.4) hue-rotate(180deg)
56
+ @include image-filter-rotate
57
57
 
58
58
  .strap__guarantee
59
59
  border-top: solid 1px $soft-white
@@ -19,7 +19,7 @@
19
19
  width: 90vw
20
20
 
21
21
  .ft__col
22
- border-left: solid 1px rgba($opd-blue-trust, .05)
22
+ //border-left: solid 1px rgba($opd-blue-trust, .05)
23
23
  box-sizing: border-box
24
24
  padding: 0 5vw
25
25
  width: 90vw
@@ -5,7 +5,9 @@
5
5
 
6
6
  // Everything here will be included in EVERY .html
7
7
 
8
- @media screen and ( min-width: 768px )
8
+ $brand-height: 55%
9
+
10
+ @media screen and ( min-width: 1024px )
9
11
 
10
12
  .navbar
11
13
  height: $navbar-height
@@ -18,11 +20,12 @@
18
20
  height: 10vh
19
21
  z-index: 999
20
22
  top: 7.5vh
23
+ //align-items: center
21
24
 
22
25
  .site__logo
23
26
  position: absolute
24
- top: 30%
25
- height: 40%
27
+ top: (100% - $brand-height) / 2
28
+ height: $brand-height
26
29
 
27
30
  .nav-list
28
31
  display: flex
@@ -1,16 +1,7 @@
1
1
  // Navbar site logo
2
2
  // make sure we don't style any other instance so nest with .nav-brand
3
3
  .nav-brand
4
- .site__logo--group
5
- .site__logo--curve,
6
- .site__logo--legvert,
7
- .site__logo--leg45,
8
- .site__logo--g,
9
- .site__logo--a,
10
- .site__logo__i,
11
- .site__logo--t,
12
- .site__logo--Q
13
- fill: $env-primary
4
+ @include logo-color($env-primary)
14
5
 
15
6
 
16
7
  // on mobile and within the clinician env we hide the other submenus and show the gaitq env .nav-group-link
@@ -7,4 +7,10 @@
7
7
  // Navbar site logo
8
8
  // make sure we don't style any other instance so nest with .nav-brand
9
9
  .nav-brand
10
- @include logo-primary-colors
10
+ @include logo-color($white)
11
+ height: 14rem
12
+ transform: translateY(10vh)
13
+
14
+ @media screen and ( min-width: 1024px )
15
+ .nav-brand
16
+ transform: translateY(-10vh)
@@ -25,7 +25,7 @@ $baseurl: '{{ site.baseurl }}/'
25
25
 
26
26
  @import 'env/breakpoints/768'
27
27
 
28
- @import 'colors/breakpoints/768'
28
+ @import 'colors/breakpoints/1024'
29
29
 
30
30
  @import 'about'
31
31
 
@@ -25,7 +25,7 @@ $baseurl: '{{ site.baseurl }}/'
25
25
 
26
26
  @import 'env/breakpoints/768'
27
27
 
28
- @import 'colors/breakpoints/768'
28
+ @import 'colors/breakpoints/1024'
29
29
 
30
30
  @import 'about'
31
31
 
@@ -23,7 +23,7 @@
23
23
 
24
24
  @import 'navigation/burger'
25
25
 
26
- @import 'navigation/breakpoints/768'
26
+ @import 'navigation/breakpoints/1024'
27
27
 
28
28
  // Footer
29
29
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: slow-steps
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.5
4
+ version: 0.1.6
5
5
  platform: ruby
6
6
  authors:
7
7
  - Made Slowly
@@ -220,7 +220,7 @@ files:
220
220
  - _sass/aos-overrides.sass
221
221
  - _sass/breakpoints/about.sass
222
222
  - _sass/colors/_variables.sass
223
- - _sass/colors/breakpoints/768.sass
223
+ - _sass/colors/breakpoints/1024.sass
224
224
  - _sass/colors/burger.sass
225
225
  - _sass/colors/env/_clinician.sass
226
226
  - _sass/colors/env/_pwp.sass
@@ -237,7 +237,7 @@ files:
237
237
  - _sass/forms/mc-forms.sass
238
238
  - _sass/global.sass
239
239
  - _sass/navigation/_variables.sass
240
- - _sass/navigation/breakpoints/768.sass
240
+ - _sass/navigation/breakpoints/1024.sass
241
241
  - _sass/navigation/burger.sass
242
242
  - _sass/navigation/env/clinician.sass
243
243
  - _sass/navigation/env/landing.sass