solar-flair 0.2.6 → 0.2.7

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: 3ae580faa0a675fd557aae0a40d7627734b09b6f28f02e69bbd1c0bfb007fee3
4
- data.tar.gz: c59dfd37e8b16bfa76acd478a9176bb67c18b86aeb13dcff4982fd8ce6475a62
3
+ metadata.gz: '09840ced87fdb1daa364a43a4e64a7394021f742604edb5121f18ba98861d5a8'
4
+ data.tar.gz: '08600a950e7ba7c81daa00aaf938faa1d8ab3f0973d3a31e6b08656c77eb78bd'
5
5
  SHA512:
6
- metadata.gz: 3f24f88b33feb0822397ac9418f13bec98098a06707e9a91a3b26cc9d6b199edb14182608078624b2a6163ba327a58158f7a76577d269ad200c80ac6f047c295
7
- data.tar.gz: e7bd04a074750e7bc19cbc21f6eaa7653c13844b24364e0f1191874b152ec2da8fbbb3f473ef97b32e6e4fbdbaca9add3f40d0c0f3c64fcf40df25271631079d
6
+ metadata.gz: e5b7877589bb72de6104e9dc6b92f5605a6ce3d29301bf97c50eab1f4edc959c96592d8fb01498b6135ad35c6206a0d99f1fbf40381d1d6675581f2332420131
7
+ data.tar.gz: bd770b26efb1bfbbeb5724246081d09621c385f1ab58b1fbbc40f279045f237eac77e3d2775785175bd55cb11f56182c1b02e1fe7797ff44ed023463760a0bb0
data/_layouts/page.html CHANGED
@@ -3,8 +3,8 @@ layout: default
3
3
  ---
4
4
 
5
5
  {% if page.cover %}
6
- <div class="jumbotron jumbotron-fluid mb-5" style="position:relative;background-image:url('{{ page.cover }}');background-size:cover;background-position:center; height: 65vh; color:white;">
7
- <div class="container" style="position: absolute; bottom: 0;background:rgba(0,0,0,.7); width:100%; max-width:none; text-shadow: rgb(0, 0, 0) 1px 2px;">
6
+ <div class="jumbotron cover jumbotron-fluid mb-5" style="background-image:url('{{ page.cover }}');">
7
+ <div class="container" >
8
8
  <div class="row">
9
9
  <div class="offset-1 col-11">
10
10
  <h1 class="display-3 text-uppercase">{{ page.long_title | escape }}</h1>
@@ -3,8 +3,8 @@ layout: default
3
3
  ---
4
4
 
5
5
  {% if page.cover %}
6
- <div class="jumbotron jumbotron-fluid mb-5" style="position:relative;background-image:url('{{ page.cover }}');background-size:cover;background-position:center; height: 65vh; color:white;">
7
- <div class="container" style="position: absolute; bottom: 0;background:rgba(0,0,0,.7); width:100%; max-width:none; text-shadow: rgb(0, 0, 0) 1px 2px;">
6
+ <div class="jumbotron cover jumbotron-fluid mb-5" style="background-image:url('{{ page.cover }}');">
7
+ <div class="container" >
8
8
  <div class="row">
9
9
  <div class="offset-1 col-11">
10
10
  <h1 class="display-3 text-uppercase">{{ page.long_title | escape }}</h1>
@@ -0,0 +1,30 @@
1
+ .jumbotron.home{
2
+ position:relative;
3
+ background-size:cover;
4
+ background-position:center;
5
+ height: 100vh;
6
+ color:white;
7
+
8
+ .container{
9
+ position: absolute;
10
+ bottom: 0;background:rgba(0,0,0,.7);
11
+ width:100%;
12
+ max-width:none;
13
+ text-shadow: rgb(0, 0, 0) 1px 2px;
14
+ }
15
+ }
16
+ .jumbotron.cover{
17
+ position:relative;
18
+ background-size:cover;
19
+ background-position:center;
20
+ height: 65vh;
21
+ color:white;
22
+
23
+ .container{
24
+ position: absolute;
25
+ bottom: 0;background:rgba(0,0,0,.7);
26
+ width:100%;
27
+ max-width:none;
28
+ text-shadow: rgb(0, 0, 0) 1px 2px;
29
+ }
30
+ }
@@ -6,6 +6,7 @@
6
6
  // Define defaults for each variable.
7
7
 
8
8
  $base-font-family: 'Open Sans', sans-serif !default;
9
+ $header-font-family: 'Montserrat', sans-serif;
9
10
  $base-font-size: 16px !default;
10
11
  $base-font-weight: 400 !default;
11
12
  $small-font-size: $base-font-size * 0.875 !default;
@@ -17,10 +18,10 @@ $text-color: #111 !default;
17
18
  $background-color: #fdfdfd !default;
18
19
 
19
20
 
20
- $color-one: #428E42 !default;
21
- $color-two: #F47B28 !default;
22
- $color-three: #14A1AF !default;
23
- $color-four: #9E1D58 !default;
21
+ $color-one: #428E42 !default;
22
+ $color-two: #F47B28 !default;
23
+ $color-three: #14A1AF !default;
24
+ $color-four: #9E1D58 !default;
24
25
  $color-grey: #828282 !default;
25
26
 
26
27
  $green-color: #428E42 ;
@@ -50,6 +51,7 @@ $on-laptop: 800px !default;
50
51
  "solar-flair/hr",
51
52
  "solar-flair/typeography",
52
53
  "solar-flair/lists",
54
+ "solar-flair/jumbotron",
53
55
  "solar-flair/home"
54
56
  // "solar-flair/layout",
55
57
  // "solar-flair/syntax-highlighting"
@@ -63,8 +65,8 @@ body{
63
65
  p{
64
66
  font-size: 1.1em;
65
67
  }
66
- nav{
67
- font-family: 'Montserrat', sans-serif;
68
+ nav, h1, h2, h3, h4, h5{
69
+ font-family: $header-font-family;
68
70
  }
69
71
 
70
72
  main.page-content{
Binary file
data/assets/main.scss CHANGED
@@ -30,6 +30,12 @@
30
30
  $color-grey: {{ site.data.theme['grey'].color }};
31
31
  {% endif %}
32
32
 
33
+ {% if page.cover %}
34
+ $page-cover: {{ page.cover }};
35
+ {% else %}
36
+ $page-cover: none;
37
+ {% endif %}
38
+
33
39
 
34
40
  @import 'solar-flair';
35
41
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: solar-flair
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.6
4
+ version: 0.2.7
5
5
  platform: ruby
6
6
  authors:
7
7
  - Nicholas D. Kline
@@ -81,6 +81,7 @@ files:
81
81
  - _sass/solar-flair/_gradients.scss
82
82
  - _sass/solar-flair/_home.scss
83
83
  - _sass/solar-flair/_hr.scss
84
+ - _sass/solar-flair/_jumbotron.scss
84
85
  - _sass/solar-flair/_layout.scss
85
86
  - _sass/solar-flair/_links.scss
86
87
  - _sass/solar-flair/_lists.scss
@@ -119,6 +120,7 @@ files:
119
120
  - assets/fonts/Open_Sans/OpenSans-SemiBoldItalic.ttf
120
121
  - assets/images/canvas.jpg
121
122
  - assets/images/cloth.png
123
+ - assets/images/cover-tester.jpg
122
124
  - assets/images/paisley.jpg
123
125
  - assets/images/pattern.svg
124
126
  - assets/images/squares.jpg