jekyll-theme-open-project 1.0.10 → 1.1.0

Sign up to get free protection for your applications and to get access to all the features.
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