jekyll-theme-open-project 1.0.10 → 1.1.0

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: b46f1b5e5d16924ef5a11576921110fa587bb972f6eb9bd152d5758fa46ee523
4
- data.tar.gz: da45509538675783a14fd430e4bf67341539b9736192926a80234fc16ca01609
3
+ metadata.gz: c9a10c27f53c60612eed00f55e054b7835f71fef4845f88847cb31f156b76de7
4
+ data.tar.gz: 45dd8abffe13086e9d4457e271e84e75cd0ca771bfa4ae4a74da526c5505fa16
5
5
  SHA512:
6
- metadata.gz: 9c3d8eded387f7056a2321743fa4666eb85e0359e725e8821db26f703f25c8f6a9a2b974d2e8bec9fbbe636326e1f6123aca3684a636af08cc83d79b6a23b834
7
- data.tar.gz: bfd4e265b2565a97f2e44ec65242348facb7f7eb92d0f0811822fa01a99a9356c21a9e1a9b1636569482a775010058b627c3e2e2380738af36a36650be5eb382
6
+ metadata.gz: 56be4cd87b6166ec7b11ee480c222c266e907ceb1fa21cad9d8b53dd5a5a6e0016ed05dc520fdca33ddfc77b2cea1f6c8e83f2599211f9e6b74921901733a30e
7
+ data.tar.gz: 8680bbc3b233beade6663821911947e55ed2505ae2f4f022c774a43769ee8d6c4f51d1ec7201df3b14f47383cc25a6d2cb2b5b9f492e8ebe22c04023c3536122
@@ -4,7 +4,7 @@
4
4
  <head>
5
5
  <meta charset="utf-8">
6
6
 
7
- <link rel="stylesheet" href="{{ "assets/css/style.css" | relative_url }}">
7
+ <link id="themeCSS" rel="stylesheet" href="{{ "assets/css/style.css" | relative_url }}">
8
8
  <script defer src="https://pro.fontawesome.com/releases/v5.1.0/js/all.js" integrity="sha384-E5SpgaZcbSJx0Iabb3Jr2AfTRiFnrdOw1mhO19DzzrT9L+wCpDyHUG2q07aQdO6E" crossorigin="anonymous"></script>
9
9
 
10
10
  {% seo %}
@@ -12,8 +12,8 @@
12
12
 
13
13
  {% assign num_projects = site.projects | size %}
14
14
  <body class="
15
- {% if num_projects > 0 %}hub{% else %}project{% endif %}
16
- {% if page.layout %}layout-{{ page.layout }}{% endif %}">
15
+ {% if num_projects > 0 %}site--hub{% else %}site--project{% endif %}
16
+ {% if page.layout %}layout--{{ page.layout }}{% endif %}">
17
17
  <div class="underlay header" role="presentation">
18
18
  <header>
19
19
  <h1 class="site-logo"><a href="/">{% include logo.html %}</a></h1>
@@ -87,4 +87,6 @@
87
87
  {% include social-links.html %}
88
88
  </footer>
89
89
  </div>
90
+
91
+ {% include scripts.html %}
90
92
  </body>
@@ -32,7 +32,7 @@ main {
32
32
 
33
33
  /* Generic */
34
34
 
35
- body.layout-home > & {
35
+ .layout--home > & {
36
36
  > .underlay {
37
37
  > svg {
38
38
  display: none;
@@ -109,17 +109,17 @@ main {
109
109
  }
110
110
  }
111
111
 
112
- body.layout-spec-index > &,
113
- body.layout-software-index > &,
114
- body.layout-blog-index > &,
115
- body.layout-product > &,
116
- body.layout-spec > &,
117
- body.layout-project-index > & {
112
+ .layout--spec-index > &,
113
+ .layout--software-index > &,
114
+ .layout--blog-index > &,
115
+ .layout--product > &,
116
+ .layout--spec > &,
117
+ .layout--project-index > & {
118
118
  padding-bottom: 100px;
119
119
  }
120
120
 
121
- body.layout-spec-index > &,
122
- body.layout-software-index > & {
121
+ .layout--spec-index > &,
122
+ .layout--software-index > & {
123
123
  > .item-filter {
124
124
  padding: 18px 40px;
125
125
  background-color: #F3F3F3;
@@ -152,17 +152,17 @@ main {
152
152
  }
153
153
  // Item filter: color override for selected tags
154
154
  > .item-filter ul.tags li > span {
155
- body.layout-software-index > & {
155
+ .layout--software-index > & {
156
156
  color: $hub-software--primary-color;
157
157
  background-color: rgba($hub-software--primary-color, 0.1);
158
158
  }
159
- body.layout-spec-index > & {
159
+ .layout--spec-index > & {
160
160
  color: $hub-specs--primary-color;
161
161
  background-color: rgba($hub-specs--primary-color, 0.1);
162
162
  }
163
163
  }
164
164
 
165
- body.layout-blog-index > & {
165
+ .layout--blog-index > & {
166
166
  > .items {
167
167
  @extend .item-grid;
168
168
  @extend .index-item-grid;
@@ -194,7 +194,7 @@ main {
194
194
  }
195
195
  }
196
196
 
197
- body.layout-post > & {
197
+ .layout--post > & {
198
198
  > article {
199
199
  @extend .main-article;
200
200
 
@@ -249,9 +249,9 @@ main {
249
249
 
250
250
  /* Hub */
251
251
 
252
- body.hub {
252
+ .site--hub {
253
253
 
254
- &.layout-home > main {
254
+ &.layout--home > main {
255
255
  > .underlay > .featured-projects {
256
256
  @extend .main-section;
257
257
 
@@ -323,8 +323,8 @@ body.hub {
323
323
  }
324
324
  }
325
325
 
326
- &.layout-software-index > main,
327
- &.layout-spec-index > main {
326
+ &.layout--software-index > main,
327
+ &.layout--spec-index > main {
328
328
  > .items {
329
329
  @extend .item-grid;
330
330
  @extend .index-item-grid;
@@ -351,24 +351,24 @@ body.hub {
351
351
  }
352
352
  }
353
353
 
354
- &.layout-project-index > main {
354
+ &.layout--project-index > main {
355
355
  .items {
356
356
  @extend .item-grid;
357
357
  @extend .index-item-grid;
358
358
  }
359
359
  }
360
360
 
361
- &.layout-project-index > main,
362
- &.layout-blog-index > main,
363
- &.layout-software-index > main,
364
- &.layout-spec-index > main {
361
+ &.layout--project-index > main,
362
+ &.layout--blog-index > main,
363
+ &.layout--software-index > main,
364
+ &.layout--spec-index > main {
365
365
  > .items {
366
366
  @extend .with-symbol-background;
367
367
  }
368
368
  }
369
369
 
370
- &.layout-home > main > .other-projects,
371
- &.layout-project-index > main {
370
+ &.layout--home > main > .other-projects,
371
+ &.layout--project-index > main {
372
372
  .items.one-row {
373
373
  justify-content: center;
374
374
  }
@@ -406,11 +406,11 @@ body.hub {
406
406
 
407
407
  /* Project */
408
408
 
409
- body.project {
410
- &.layout-home > main > .underlay > .software,
411
- &.layout-home > main > .specs,
412
- &.layout-software-index > main,
413
- &.layout-spec-index > main {
409
+ .site--project {
410
+ &.layout--home > main > .underlay > .software,
411
+ &.layout--home > main > .specs,
412
+ &.layout--software-index > main,
413
+ &.layout--spec-index > main {
414
414
  > .items {
415
415
  .item {
416
416
  @extend .item-card;
@@ -431,8 +431,8 @@ body.project {
431
431
  }
432
432
  }
433
433
 
434
- &.layout-home > main > .underlay > .software,
435
- &.layout-software-index > main {
434
+ &.layout--home > main > .underlay > .software,
435
+ &.layout--software-index > main {
436
436
  > .items {
437
437
  .item {
438
438
  $logo-space: 132px;
@@ -453,23 +453,23 @@ body.project {
453
453
  }
454
454
  }
455
455
 
456
- &.layout-home > main > .underlay > .software,
457
- &.layout-home > main > .specs {
456
+ &.layout--home > main > .underlay > .software,
457
+ &.layout--home > main > .specs {
458
458
  @extend .main-section;
459
459
  }
460
460
 
461
- &.layout-software-index > main,
462
- &.layout-spec-index > main {
461
+ &.layout--software-index > main,
462
+ &.layout--spec-index > main {
463
463
  > .items {
464
464
  @extend .index-item-grid;
465
465
  }
466
466
  }
467
467
 
468
- &.layout-spec > main > article {
468
+ &.layout--spec > main > article {
469
469
  @extend .main-article;
470
470
  }
471
- &.layout-spec > main,
472
- &.layout-product > main {
471
+ &.layout--spec > main,
472
+ &.layout--product > main {
473
473
  > .documentation:only-child {
474
474
  flex: 1;
475
475
  display: flex;
@@ -1,3 +1,5 @@
1
+ @import 'open-project-mixins';
2
+
1
3
  body {
2
4
  font-family: $font-family;
3
5
  font-size: 15px;
@@ -109,18 +111,6 @@ a {
109
111
  }
110
112
  }
111
113
 
112
- @mixin hoverable-card($base-y, $base-blur, $color) {
113
- $hovered-y: $base-y * 2;
114
- $hovered-blur: $base-blur * 2;
115
-
116
- transition: all .15s ease;
117
- box-shadow: 0px $base-y $base-blur $color;
118
- &:hover {
119
- transform: translateY(-1px);
120
- box-shadow: 0px $hovered-y $hovered-blur $color;
121
- }
122
- }
123
-
124
114
  .item-card {
125
115
  background: white;
126
116
  display: block;
@@ -149,10 +139,10 @@ a {
149
139
  flex: 1;
150
140
 
151
141
  color: $primary-color;
152
- body.layout-software-index & {
142
+ .layout--software-index & {
153
143
  color: $hub-software--primary-color;
154
144
  }
155
- body.layout-spec-index & {
145
+ .layout--spec-index & {
156
146
  color: $hub-specs--primary-color;
157
147
  }
158
148
  }
@@ -201,10 +191,10 @@ a {
201
191
 
202
192
  color: $primary-color;
203
193
 
204
- body.hub.layout-software-index & {
194
+ .site--hub.layout--software-index & {
205
195
  color: $hub-software--primary-color;
206
196
  }
207
- body.hub.layout-spec-index & {
197
+ .site--hub.layout--spec-index & {
208
198
  color: $hub-specs--primary-color;
209
199
  }
210
200
  }
@@ -44,7 +44,7 @@ body > .underlay > footer {
44
44
  .logo {
45
45
  display: block;
46
46
  }
47
- body.layout-home > .underlay.header > .hero > .text > & {
47
+ .layout--home > .underlay.header > .hero > .text > & {
48
48
  position: absolute;
49
49
  bottom: 0;
50
50
  right: 0;
@@ -136,13 +136,13 @@ body > .underlay > footer {
136
136
  }
137
137
  }
138
138
  }
139
- body.hub.layout-software-index > & {
139
+ .site--hub.layout--software-index > & {
140
140
  background: $hub-software--hero-background;
141
141
  }
142
- body.hub.layout-spec-index > & {
142
+ .site--hub.layout--spec-index > & {
143
143
  background: $hub-specs--hero-background;
144
144
  }
145
- body.layout-home > & {
145
+ .layout--home > & {
146
146
  background: $superhero-background;
147
147
 
148
148
  > .hero {
@@ -155,11 +155,11 @@ body > .underlay > footer {
155
155
  }
156
156
  }
157
157
 
158
- body.hub > & {
158
+ .site--hub > & {
159
159
  > .hero { text-align: center; }
160
160
  }
161
161
 
162
- body.hub.layout-home > & {
162
+ .site--hub.layout--home > & {
163
163
  > .hero {
164
164
  text-align: left;
165
165
 
@@ -184,7 +184,7 @@ body > .underlay > footer {
184
184
  }
185
185
  }
186
186
 
187
- body.project > & {
187
+ .site--project > & {
188
188
  > .hero {
189
189
  text-align: center;
190
190
 
@@ -198,7 +198,7 @@ body > .underlay > footer {
198
198
  }
199
199
  }
200
200
 
201
- body.project.layout-home > & {
201
+ .site--project.layout--home > & {
202
202
  > .hero {
203
203
  padding-bottom: 30px;
204
204
  @media screen and (min-width: $widescreen-breakpoint) {
@@ -0,0 +1,12 @@
1
+ @mixin hoverable-card($base-y, $base-blur, $color) {
2
+ $hovered-y: $base-y * 2;
3
+ $hovered-blur: $base-blur * 2;
4
+
5
+ transition: all .15s ease;
6
+ box-shadow: 0px $base-y $base-blur $color;
7
+ &:hover {
8
+ transform: translateY(-1px);
9
+ box-shadow: 0px $hovered-y $hovered-blur $color;
10
+ }
11
+ }
12
+
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-open-project
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.10
4
+ version: 1.1.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Ribose Inc.
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2018-09-01 00:00:00.000000000 Z
11
+ date: 2018-09-03 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -194,6 +194,7 @@ files:
194
194
  - _sass/normalize.scss
195
195
  - _sass/open-project-base.scss
196
196
  - _sass/open-project-header-footer.scss
197
+ - _sass/open-project-mixins.scss
197
198
  - assets/css/style.scss
198
199
  - assets/fa/fa-brands.js
199
200
  - assets/fa/fa-solid.js