solar-flair 0.2.6 → 0.2.7

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: 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