futuro 0.1.3 → 0.1.4

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: 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
@@ -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>
@@ -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>
@@ -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>
@@ -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
@@ -1,6 +0,0 @@
1
-
2
- .container {
3
- position: relative;
4
- @include ib();
5
- z-index: 2;
6
- }