futuro 0.5.2 → 0.5.3

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.
Files changed (15) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/html/page/topbar.liquid +1 -1
  3. data/_sass/_btn.scss +16 -9
  4. data/_sass/_lnk.scss +1 -0
  5. data/_sass/_nav.scss +20 -25
  6. data/_sass/_wrap.scss +0 -4
  7. data/_sass/block/{_browse.scss → browse.scss} +0 -0
  8. data/_sass/block/results.scss +33 -0
  9. data/_sass/block/{_util.scss → util.scss} +0 -0
  10. data/_sass/helpers/_mixins.scss +34 -5
  11. data/_sass/helpers/_variables.scss +5 -3
  12. data/assets/css/styles.scss +3 -0
  13. data/assets/js/footer/custom/SwitchFocus.js +0 -2
  14. metadata +4 -4
  15. data/_sass/block/_results.scss +0 -39
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: c8d532048cda7acded9476c29dfa26ca4faa30f5b3d80d61738c276df099b769
4
- data.tar.gz: 6fbfa5686c11991a13c8421088feb32b1dfa8accd4399fcedd809449f0633707
3
+ metadata.gz: 720071786f7c677ea700175db2af8fc0dc0dd4cdc0174a288f516a2228b4ac96
4
+ data.tar.gz: 65931a89b40347a11f769c9d449d2ad5f61e8ae5db9ca52e658846f49af82b3a
5
5
  SHA512:
6
- metadata.gz: 649090165f9e66df10fca1275587545cdcb4dffd697b6793d0cdc071ba271c982239bcc59f1fcc975e5aef1981f565a0c2303c6aaab87d6180fb4321d3557a16
7
- data.tar.gz: e66a6434dbf2bef1ee9fb571bb5f8fd5473e03d4ec70e062ce3ec31b7cd0676373352b76ad7f693095a0aeb651da8a86d6e196be66a454b7ee67384ea2197a22
6
+ metadata.gz: f9d37024eef43ccf7e947ea7bb7c2fedb350641d70347c2977a1db72de6c39d664101f9873af6f4b68ffbb31efcb3c4b360dda271b0381517726388b56837085
7
+ data.tar.gz: 8ac9a2dfead8aa2d3d1bc528a84c6ca4d18886949d4a4362ad8551b226571aec1094902bc11777ce7ee132db08045f456183f38458e9c7c1e2a355c1c1fc8276
data/_includes/html/page/topbar.liquid CHANGED
@@ -17,7 +17,7 @@
17
17
 
18
18
  {% if page.live %}
19
19
 
20
- <div>
20
+ <div class="btn nav-book {{ page.label }}">
21
21
  <a class="lnk nav {{ page.label }}" href="{%- if site.setup.install == 'library' -%}{{ page.label | downcase | prepend: '/' }}{%- else -%}/{%- endif -%}">
22
22
  <strong>{{ page.label }}</strong>
23
23
  </a>
data/_sass/_btn.scss CHANGED
@@ -2,14 +2,21 @@
2
2
  .btn {
3
3
  -webkit-tap-highlight-color: transparent;
4
4
  background-color: transparent;
5
+ }
6
+
7
+ .btn.nav-book {
8
+ place-content: center;
9
+ padding-right: 20px;
10
+ padding-left: 20px;
11
+ display: grid;
12
+ }
5
13
 
6
- &.submit {
7
- background-color: $gray;
8
- border-radius: 2px;
9
- cursor: pointer;
10
- display: block;
11
- padding: 10px;
12
- border: none;
13
- width: 100%;
14
- }
14
+ .btn.submit {
15
+ background-color: $gray;
16
+ border-radius: 2px;
17
+ cursor: pointer;
18
+ display: block;
19
+ padding: 10px;
20
+ border: none;
21
+ width: 100%;
15
22
  }
data/_sass/_lnk.scss CHANGED
@@ -4,6 +4,7 @@
4
4
  &.nav {
5
5
  text-transform: capitalize;
6
6
  text-decoration: none;
7
+ line-height: 1.1;
7
8
  }
8
9
 
9
10
  &.scroller {
data/_sass/_nav.scss CHANGED
@@ -5,32 +5,27 @@
5
5
  svg {
6
6
  fill: $gray;
7
7
  }
8
+ }
8
9
 
9
- &.left {
10
- justify-content: flex-start;
11
- grid-auto-flow: column;
12
- align-content: center;
13
- grid-gap: 18px;
14
- display: grid;
15
- }
16
-
17
- &.main {
18
- grid-auto-flow: column;
19
- align-content: center;
20
- text-align: center;
21
- font-size: 21px;
22
- display: grid;
10
+ .nav.left {
11
+ justify-content: flex-start;
12
+ grid-auto-flow: column;
13
+ align-content: center;
14
+ grid-gap: 18px;
15
+ display: grid;
16
+ }
23
17
 
24
- > div {
25
- width: 120px;
26
- }
27
- }
18
+ .nav.main {
19
+ grid-auto-flow: column;
20
+ text-align: center;
21
+ font-size: 21px;
22
+ display: grid;
23
+ }
28
24
 
29
- &.right {
30
- justify-content: flex-end;
31
- grid-auto-flow: column;
32
- align-content: center;
33
- grid-gap: 18px;
34
- display: grid;
35
- }
25
+ .nav.right {
26
+ justify-content: flex-end;
27
+ grid-auto-flow: column;
28
+ align-content: center;
29
+ grid-gap: 18px;
30
+ display: grid;
36
31
  }
data/_sass/_wrap.scss CHANGED
@@ -46,10 +46,6 @@
46
46
 
47
47
  .wrap.book {
48
48
 
49
- &.orwell {
50
- background-color: black;
51
- }
52
-
53
49
  &.draft {
54
50
  background-color: rgba(black,10%);
55
51
  }
data/_sass/block/{_browse.scss → browse.scss} RENAMED
File without changes
data/_sass/block/results.scss ADDED
@@ -0,0 +1,33 @@
1
+
2
+ .block.results {
3
+ list-style: none;
4
+ }
5
+
6
+ .block.results-entry {
7
+ cursor: pointer;
8
+ grid-gap: 5px;
9
+ padding: 10px;
10
+ display: grid;
11
+
12
+ &:hover {
13
+ background-color: rgba(black,10%);
14
+ }
15
+ }
16
+
17
+ .block.results-info {
18
+ justify-content: flex-start;
19
+ grid-auto-flow: column;
20
+ align-items: center;
21
+ line-height: 1;
22
+ grid-gap: 7px;
23
+ display: grid;
24
+ }
25
+
26
+ .block.results-dot {
27
+ background-color: $gun;
28
+ border-radius: 50%;
29
+ position: relative;
30
+ height: 15px;
31
+ width: 15px;
32
+ top: 1px;
33
+ }
data/_sass/block/{_util.scss → util.scss} RENAMED
File without changes
data/_sass/helpers/_mixins.scss CHANGED
@@ -44,14 +44,43 @@
44
44
  position: absolute;
45
45
  }
46
46
 
47
- @mixin ThemeResults($col) {
48
- color: $col;
47
+ @mixin Theme($name,$col) {
49
48
 
50
- &:hover {
51
- background-color: rgba($col,10%);
49
+ // Home Books
50
+
51
+ .wrap.book.#{$name} {
52
+ background-color: $col;
53
+ }
54
+
55
+ // Topbar Links
56
+
57
+ .btn.nav-book.#{$name} {
58
+ &:hover {
59
+ background-color: rgba($col,10%);
60
+ }
61
+ }
62
+
63
+ .lnk.nav.#{$name} {
64
+ color: $col;
52
65
  }
53
66
 
54
- .block.results-dot {
67
+ // Chapter Covers
68
+
69
+ .area.type-chapter.book-#{$name} {
55
70
  background-color: $col;
56
71
  }
72
+
73
+ // Search Results
74
+
75
+ .block.results-entry.book-#{$name} {
76
+ color: $col;
77
+
78
+ &:hover {
79
+ background-color: rgba($col,10%);
80
+ }
81
+
82
+ .block.results-dot {
83
+ background-color: $col;
84
+ }
85
+ }
57
86
  }
data/_sass/helpers/_variables.scss CHANGED
@@ -1,5 +1,4 @@
1
1
 
2
- $orwell : #000000;
3
2
  $system : #6e46a0;
4
3
  $brand : #ff8200;
5
4
  $supply : #f00a0a;
@@ -22,8 +21,11 @@ $gun : darken(white,60%);
22
21
  $carbon : lighten(black,10%);
23
22
  $coal : lighten(black,5%);
24
23
 
25
- $animate : #f00a0a;
26
- $form : #005a9b;
24
+ $orwell : blue;
25
+ $woolf : green;
26
+
27
+ $animate : black;
28
+ $form : lighten(black,20%);
27
29
 
28
30
  $min640 : 'only screen and (min-width: 640px)';
29
31
  $min768 : 'only screen and (min-width: 768px)';
data/assets/css/styles.scss CHANGED
@@ -2,3 +2,6 @@
2
2
  ---
3
3
 
4
4
  @import "futuro";
5
+
6
+ @include Theme(orwell,$orwell);
7
+ @include Theme(woolf,$woolf);
data/assets/js/footer/custom/SwitchFocus.js CHANGED
@@ -3,12 +3,10 @@ const SwitchFocus = () => {
3
3
 
4
4
  $("input,textarea").focusin(function() {
5
5
  Site.focus = true;
6
- console.log("site.focus",Site.focus);
7
6
  });
8
7
 
9
8
  $("input,textarea").focusout(function() {
10
9
  Site.focus = false;
11
- console.log("site.focus",Site.focus);
12
10
  });
13
11
  }
14
12
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: futuro
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.5.2
4
+ version: 0.5.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Paul Heading
@@ -162,9 +162,9 @@ files:
162
162
  - _sass/_wrap.scss
163
163
  - _sass/area/_overlay.scss
164
164
  - _sass/area/_topbar.scss
165
- - _sass/block/_browse.scss
166
- - _sass/block/_results.scss
167
- - _sass/block/_util.scss
165
+ - _sass/block/browse.scss
166
+ - _sass/block/results.scss
167
+ - _sass/block/util.scss
168
168
  - _sass/fonts/_lite.scss
169
169
  - _sass/fonts/_max.scss
170
170
  - _sass/futuro.lite.scss
data/_sass/block/_results.scss DELETED
@@ -1,39 +0,0 @@
1
-
2
- .block {
3
-
4
- &.results {
5
- list-style: none;
6
- }
7
-
8
- &.results-entry {
9
- cursor: pointer;
10
- grid-gap: 5px;
11
- padding: 10px;
12
- display: grid;
13
-
14
- &:hover {
15
- background-color: rgba(black,10%);
16
- }
17
-
18
- &.book-orwell {
19
- @include ThemeResults($orwell);
20
- }
21
- }
22
-
23
- &.results-info {
24
- justify-content: flex-start;
25
- grid-auto-flow: column;
26
- line-height: 1;
27
- grid-gap: 7px;
28
- display: grid;
29
- }
30
-
31
- &.results-dot {
32
- background-color: $gun;
33
- border-radius: 50%;
34
- position: relative;
35
- height: 15px;
36
- width: 15px;
37
- top: 1px;
38
- }
39
- }