futuro 0.1.3 → 0.1.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (16) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/html/head.html +1 -1
  3. data/_includes/html/overlay-mobile.html +6 -0
  4. data/_includes/html/overlay-search.html +24 -0
  5. data/_includes/html/overlay.html +5 -5
  6. data/_layouts/demo.html +3 -3
  7. data/_sass/_area.scss +4 -4
  8. data/_sass/_base.scss +4 -0
  9. data/_sass/_helpers.scss +7 -11
  10. data/_sass/_overlay.scss +15 -0
  11. data/_sass/_task.scss +2 -1
  12. data/_sass/_wrap.scss +12 -1
  13. data/_sass/futuro.scss +0 -1
  14. metadata +6 -5
  15. data/_sass/_container.scss +0 -6
  16. /data/assets/js/vendor/{futuro-search.js → simple-jekyll-search.js} +0 -0
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: ffbe96678a29b9be4ef8a9d28111a298528724e45f24eb2466e5743a9e5e5f85
4
- data.tar.gz: d786663dcf812e2691b0679e28b07c6bfb2c1454a48a6ac9f06431a4a1c317eb
3
+ metadata.gz: 10ade31f9623fecc9a5dace9431d42d0fbe18bb7893d1c89e4c60242eaf46eec
4
+ data.tar.gz: 76859f4edd3e60d271df9a141ae3d39d811be5a28fd4dd70a7b502e8365db143
5
5
  SHA512:
6
- metadata.gz: 8dd1f94959f13513e86158e1aeda19055ec61df8ec6df638a3a8340017cfb3c38b05321ddbf309ee87feaea66b4ec2baa606b64994d6ecc3fc02c8bd0e3ce2ef
7
- data.tar.gz: cab452fd77642594b4b1822260646d5e0ed4f8a7857d9f234456bc1f4a8975c54d9d7c1d91b7ffcc16a1cceb7913f18d4a281eb15ab3143a0a0d613f7aad9154
6
+ metadata.gz: 0c945c50da2f8a90d06ea55a750f816dd1ab11eb540963e0e23718d3f3bd588af9ce9933da7762049e2b0c4453c606e3783d02f85410b9aa73e1e5db8e00e150
7
+ data.tar.gz: db90b5a907462b8ae0937f585649a79c4d6ad8148e5e7f684a7644be7814d62e961267f2bfb63145f428639d07d9515a827b14881ac592e1a6331f2e4b1ac55c
data/_includes/html/head.html CHANGED
@@ -14,5 +14,5 @@
14
14
  {% include html/analytics.html %}
15
15
  <script src="{{ "/assets/js/vendor/modernizr.min.js" | relative_url }}"></script>
16
16
  <script src="{{ "/assets/js/vendor/enquire.min.js" | relative_url }}"></script>
17
- <script src="{{ "/assets/js/vendor/futuro-search.js" | relative_url }}"></script>
17
+ <script src="{{ "/assets/js/vendor/simple-jekyll-search.js" | relative_url }}"></script>
18
18
  </head>
data/_includes/html/overlay-mobile.html ADDED
@@ -0,0 +1,6 @@
1
+
2
+ <div class="title _mobile"><strong>Too small</strong></div>
3
+ <p class="copy _mobile">Browser needs to be <strong class="width"></strong> wider!</p>
4
+ <div class="box _mobile">
5
+ <div class="bar _mobile"></div>
6
+ </div>
data/_includes/html/overlay-search.html ADDED
@@ -0,0 +1,24 @@
1
+
2
+ <div class="title _search">
3
+ <input class="input _text --search" type="text" placeholder="Search">
4
+ </div>
5
+ <div class="search-results"></div>
6
+
7
+ <script>
8
+ window.simpleJekyllSearch = new SimpleJekyllSearch({
9
+ searchInput: document.querySelector('.input.--search'),
10
+ resultsContainer: document.querySelector('.search-results'),
11
+ json: '/search.json',
12
+ searchResultTemplate:
13
+ `<div class="result">
14
+ <a class="link" href="{url}">
15
+ <div class="name">{name}</div>
16
+ <div class="url"><div class="marker {marker}"></div><div class="path">{path}</div></div>
17
+ <div class="text">{content}</div>
18
+ </a>
19
+ </div>`,
20
+ noResultsText: 'No results found',
21
+ fuzzy: false,
22
+ limit: 15
23
+ })
24
+ </script>
data/_includes/html/overlay.html CHANGED
@@ -1,13 +1,13 @@
1
1
 
2
2
  {% if include.state %}
3
- <div class="overlay{{ include.title | downcase | prepend: ' _' }}{{ include.state | downcase | prepend: ' --' }}">
3
+ <div class="overlay{{ include.title | downcase | prepend: ' _' }}{{ include.state | downcase | prepend: ' --' }}{% if include.demo %} --demo{% endif %}">
4
4
  {% else %}
5
- <div class="overlay{{ include.title | downcase | prepend: ' _' }}">
5
+ <div class="overlay{{ include.title | downcase | prepend: ' _' }}{% if include.demo %} --demo{% endif %}">
6
6
  {% endif %}
7
7
  {% unless page.type == 'overlay' %}
8
- <div class="exit"></div>
8
+ <div class="exit{{ include.title | downcase | prepend: ' _' }}"></div>
9
9
  {% endunless %}
10
- <div class="wrap _overlay{{ include.title | prepend: ' --' }}">
11
- {% include {{ include.title | downcase | prepend: 'html/overlay-' | append: '.html' }} %}
10
+ <div class="wrap _overlay{{ include.title | prepend: ' --' }}{% if include.demo %} --demo{% endif %}">
11
+ {% include html/overlay-{{ include.title }}.html %}
12
12
  </div>
13
13
  </div>
data/_layouts/demo.html CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  <body>
7
7
 
8
- {% include html/overlay.html title='load' state='open' %}
8
+ {% include html/overlay.html title='load' state='open' demo='true' %}
9
9
 
10
10
  <div class="site">
11
11
 
@@ -15,8 +15,8 @@
15
15
  </header>
16
16
  {% endif %}
17
17
 
18
- <div class="area _demo">
19
- <div class="wrap _demo">
18
+ <div class="area _hero --demo">
19
+ <div class="wrap _hero --demo">
20
20
  {{ content }}
21
21
  </div>
22
22
  </div>
data/_sass/_area.scss CHANGED
@@ -1,8 +1,8 @@
1
1
 
2
2
  .area {
3
- &._demo {
4
- grid-template-columns: 1fr minmax(200px,800px) 1fr;
5
- display: grid;
6
- padding: 40px;
3
+ &._hero.--demo {
4
+ padding-bottom: 40px;
5
+ @extend %area_grid;
6
+ padding-top: 40px;
7
7
  }
8
8
  }
data/_sass/_base.scss CHANGED
@@ -70,3 +70,7 @@ button {
70
70
  border: none;
71
71
  padding: 0;
72
72
  }
73
+
74
+ ul {
75
+ padding-left: 20px;
76
+ }
data/_sass/_helpers.scss CHANGED
@@ -63,14 +63,8 @@ $min1224w : 'only screen and (min-width: 1224px)';
63
63
  }
64
64
 
65
65
  %overlay_grid {
66
- grid-template-columns: 40px 560px 40px;
66
+ grid-template-columns: 40px minmax(240px,500px) 40px;
67
67
  justify-content: center;
68
- overflow: scroll;
69
- position: fixed;
70
- display: none;
71
- @include zero;
72
- height: 100%;
73
- width: 100%;
74
68
 
75
69
  &.--open {
76
70
  display: grid;
@@ -80,16 +74,18 @@ $min1224w : 'only screen and (min-width: 1224px)';
80
74
  %overlay_block {
81
75
  text-align: center;
82
76
  @include center();
83
- overflow: scroll;
84
- @include zero();
85
- position: fixed;
86
- display: none;
87
77
 
88
78
  &.--open {
89
79
  display: block;
90
80
  }
91
81
  }
92
82
 
83
+ %area_grid {
84
+ grid-template-columns: 40px minmax(240px,1000px) 40px;
85
+ justify-content: center;
86
+ display: grid;
87
+ }
88
+
93
89
  %wrap_grid {
94
90
  grid-column: 2 / 3;
95
91
  display: grid;
data/_sass/_overlay.scss CHANGED
@@ -1,8 +1,23 @@
1
1
 
2
2
  .overlay {
3
+ padding-bottom: 100px;
4
+ padding-top: 100px;
5
+ overflow: scroll;
6
+ position: fixed;
7
+ display: none;
8
+ @include zero;
9
+ height: 100%;
10
+ width: 100%;
11
+ z-index: 4;
12
+
3
13
  &._load {
4
14
  background-color: $smoke;
5
15
  font-size: 54px;
6
16
  color: $gun;
17
+
18
+ &.--demo {
19
+ grid-template-columns: 40px minmax(240px,320px) 40px;
20
+ @extend %overlay_grid;
21
+ }
7
22
  }
8
23
  }
data/_sass/_task.scss CHANGED
@@ -2,8 +2,9 @@
2
2
  .task {
3
3
 
4
4
  &-list {
5
- display: grid;
6
5
  grid-row-gap: 4px;
6
+ padding-left: 0;
7
+ display: grid;
7
8
 
8
9
  &-item {
9
10
  justify-content: flex-start;
data/_sass/_wrap.scss CHANGED
@@ -1,7 +1,18 @@
1
1
 
2
2
 
3
3
  .wrap {
4
- &._demo {
4
+
5
+ &._hero.--demo {
5
6
  @extend %wrap_grid;
6
7
  }
8
+
9
+ &._overlay {
10
+ position: relative;
11
+ z-index: 2;
12
+
13
+ &.--demo {
14
+ align-self: center;
15
+ @extend %wrap_grid;
16
+ }
17
+ }
7
18
  }
data/_sass/futuro.scss CHANGED
@@ -9,7 +9,6 @@
9
9
  'bar',
10
10
  'box',
11
11
  'btn',
12
- 'container',
13
12
  'exit',
14
13
  'form',
15
14
  'input',
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: futuro
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.3
4
+ version: 0.1.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Paul Heading
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-04-11 00:00:00.000000000 Z
11
+ date: 2019-04-13 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -93,6 +93,8 @@ files:
93
93
  - _includes/html/analytics.html
94
94
  - _includes/html/head.html
95
95
  - _includes/html/overlay-load.html
96
+ - _includes/html/overlay-mobile.html
97
+ - _includes/html/overlay-search.html
96
98
  - _includes/html/overlay.html
97
99
  - _includes/html/scripts.html
98
100
  - _layouts/demo.html
@@ -101,7 +103,6 @@ files:
101
103
  - _sass/_base.scss
102
104
  - _sass/_box.scss
103
105
  - _sass/_btn.scss
104
- - _sass/_container.scss
105
106
  - _sass/_exit.scss
106
107
  - _sass/_fonts.scss
107
108
  - _sass/_form.scss
@@ -137,9 +138,9 @@ files:
137
138
  - assets/js/vendor/enquire.min.js
138
139
  - assets/js/vendor/futuro-load.js
139
140
  - assets/js/vendor/futuro-scroll.js
140
- - assets/js/vendor/futuro-search.js
141
141
  - assets/js/vendor/jquery.min.js
142
142
  - assets/js/vendor/modernizr.min.js
143
+ - assets/js/vendor/simple-jekyll-search.js
143
144
  - assets/js/vendor/tweenmax.min.js
144
145
  - assets/ref/_config.yml
145
146
  - assets/ref/gem.txt
@@ -169,7 +170,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
169
170
  - !ruby/object:Gem::Version
170
171
  version: '0'
171
172
  requirements: []
172
- rubygems_version: 3.0.2
173
+ rubygems_version: 3.0.1
173
174
  signing_key:
174
175
  specification_version: 4
175
176
  summary: Private theme for Paul Heading
data/_sass/_container.scss DELETED
@@ -1,6 +0,0 @@
1
-
2
- .container {
3
- position: relative;
4
- @include ib();
5
- z-index: 2;
6
- }