forest-time-jekyll 0.3.2 → 0.3.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (10) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/head.html +4 -1
  3. data/_sass/_objects.image.scss +2 -2
  4. data/_sass/_objects.text.scss +8 -7
  5. data/_sass/contact-form.scss +57 -57
  6. data/_sass/mailchimp.scss +76 -76
  7. data/_sass/main.scss +400 -394
  8. data/_sass/syntax.scss +210 -63
  9. data/assets/css/core.scss +3 -3
  10. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 32c0e56e8090d96031f9a839767a18aadc072754081b6c76fe798343b0815526
4
- data.tar.gz: 5b1a098a07077ce7b027c3e140781fcbd023062ea0269f918766461178d10957
3
+ metadata.gz: 95b393eb3e2b83a19b599350681106381aed6f8527999dfeb8deffa763fd20a3
4
+ data.tar.gz: 3d33841160ca8435035b024b679cbc5979bbf8b1c1f28b88c7ef383de27cec59
5
5
  SHA512:
6
- metadata.gz: 7043b412a66c8b99f032853e04df5029a172ebfc5d9e4eb68eba624f4744376bd0d87dd9b5fe3c29dfd57f6cf07274a3cd148768fbcb86c1e9563fe9be2c676d
7
- data.tar.gz: 6d7085a898990864ec8e21053b73fc2fc643563d4b0ab265683bf45a572390af7552355bd201b3e557ab9c962dd06df97c2ebb981c4c7c4d3207e0a3c91dc1fc
6
+ metadata.gz: 5222d39d80f164f751a38e91f7220de0698bd743f6971e6722f7c9774fb5bed3607d5d15797335d4d6f5f52c589d1ca56293e1f6f0a3e04725ffd7eb81dc2787
7
+ data.tar.gz: 9fcd0f7bc1222786ff8e77aef5e1f837518449789f6f77b8353eeec30e920452004a8df43e09daa8a5b2d746d81859c3116c4e209925209a8387c1c268267443
data/_includes/head.html CHANGED
@@ -27,11 +27,14 @@
27
27
  <meta name="msapplication-TileColor" content="#ffffff">
28
28
  <meta name="theme-color" content="#ffffff">
29
29
 
30
+ <!-- "calculate" cover -->
31
+ {% if page.cover %} {% assign pageCover = page.cover %} {% else %} {% assign pageCover = site.cover %} {% endif %}
32
+
30
33
  <!-- Open Graph -->
31
34
  <meta property="og:title" content="{{ title }}" />
32
35
  <meta property="og:type" content="article" />
33
36
  <meta property="og:url" content="{{ site.url }}{{ page.url | prepend: site.baseurl }}" />
34
- <meta property="og:image" content="{{ site.brandingFolder | prepend: site.baseurl | prepend: site.url }}/cover.jpg" />
37
+ <meta property="og:image" content="{{ site.baseurl | prepend: site.url }}/{{ pageCover }}" />
35
38
  <meta property="og:description" content="{{ description }}" />
36
39
 
37
40
  <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/core.css">
data/_sass/_objects.image.scss CHANGED
@@ -1,3 +1,3 @@
1
1
  .o-image--bordered {
2
- border: 1px solid lightgray;
3
- }
2
+ border: 1px solid lightgray;
3
+ }
data/_sass/_objects.text.scss CHANGED
@@ -1,19 +1,20 @@
1
1
  .o-text--h3-size {
2
- font-size: 1.17em;
2
+ font-size: 1.17em;
3
3
  }
4
4
 
5
5
  .o-text--block {
6
- display: block;
6
+ display: block;
7
7
  }
8
8
 
9
9
  .o-text--align-center {
10
- text-align: center;
10
+ text-align: center;
11
11
  }
12
12
 
13
13
  .o-text--underline {
14
- text-decoration: underline;
14
+ text-decoration: underline;
15
15
  }
16
16
 
17
- .o-text--no-border, .o-text--noborder:hover {
18
- border: none;
19
- }
17
+ .o-text--no-border,
18
+ .o-text--noborder:hover {
19
+ border: none;
20
+ }
data/_sass/contact-form.scss CHANGED
@@ -1,45 +1,45 @@
1
- @import 'mailchimp';
1
+ @import "mailchimp";
2
2
 
3
- * {
4
- box-sizing: border-box;
5
- -webkit-box-sizing: border-box;
6
- -moz-box-sizing: border-box;
7
- -webkit-font-smoothing: antialiased;
8
- -moz-font-smoothing: antialiased;
9
- -o-font-smoothing: antialiased;
10
- text-rendering: optimizeLegibility;
3
+ * {
4
+ box-sizing: border-box;
5
+ -webkit-box-sizing: border-box;
6
+ -moz-box-sizing: border-box;
7
+ -webkit-font-smoothing: antialiased;
8
+ -moz-font-smoothing: antialiased;
9
+ -o-font-smoothing: antialiased;
10
+ text-rendering: optimizeLegibility;
11
11
  }
12
12
 
13
13
  .container {
14
- width: 100%;
15
- margin: 0 auto;
16
- position: relative;
14
+ width: 100%;
15
+ margin: 0 auto;
16
+ position: relative;
17
17
  }
18
18
 
19
19
  #contact {
20
- background: #F9F9F9;
21
- padding: 25px;
22
- margin: 50px 0;
20
+ background: #f9f9f9;
21
+ padding: 25px;
22
+ margin: 50px 0;
23
23
  }
24
24
 
25
25
  #contact h3 {
26
- color: #F96;
27
- display: block;
28
- font-size: 30px;
29
- font-weight: 400;
26
+ color: #f96;
27
+ display: block;
28
+ font-size: 30px;
29
+ font-weight: 400;
30
30
  }
31
31
 
32
32
  #contact h4 {
33
- margin: 5px 0 15px;
34
- display: block;
33
+ margin: 5px 0 15px;
34
+ display: block;
35
35
  }
36
36
 
37
37
  fieldset {
38
- border: medium none !important;
39
- margin: 0 0 10px;
40
- min-width: 100%;
41
- padding: 0;
42
- width: 100%;
38
+ border: medium none !important;
39
+ margin: 0 0 10px;
40
+ min-width: 100%;
41
+ padding: 0;
42
+ width: 100%;
43
43
  }
44
44
 
45
45
  #contact input[type="text"],
@@ -47,11 +47,11 @@ fieldset {
47
47
  #contact input[type="tel"],
48
48
  #contact input[type="url"],
49
49
  #contact textarea {
50
- width: 100%;
51
- border: 1px solid #CCC;
52
- background: #FFF;
53
- margin: 0 0 5px;
54
- padding: 10px;
50
+ width: 100%;
51
+ border: 1px solid #ccc;
52
+ background: #fff;
53
+ margin: 0 0 5px;
54
+ padding: 10px;
55
55
  }
56
56
 
57
57
  #contact input[type="text"]:hover,
@@ -59,57 +59,57 @@ fieldset {
59
59
  #contact input[type="tel"]:hover,
60
60
  #contact input[type="url"]:hover,
61
61
  #contact textarea:hover {
62
- -webkit-transition: border-color 0.3s ease-in-out;
63
- -moz-transition: border-color 0.3s ease-in-out;
64
- transition: border-color 0.3s ease-in-out;
65
- border: 1px solid #AAA;
62
+ -webkit-transition: border-color 0.3s ease-in-out;
63
+ -moz-transition: border-color 0.3s ease-in-out;
64
+ transition: border-color 0.3s ease-in-out;
65
+ border: 1px solid #aaa;
66
66
  }
67
67
 
68
68
  #contact textarea {
69
- height: 200px;
70
- min-height: 100px;
71
- max-width: 100%;
69
+ height: 200px;
70
+ min-height: 100px;
71
+ max-width: 100%;
72
72
  }
73
73
 
74
74
  #contact button[type="submit"] {
75
- cursor: pointer;
76
- width: 100%;
77
- border: none;
78
- background: #0CF;
79
- color: #FFF;
80
- margin: 0 0 5px;
81
- padding: 10px;
75
+ cursor: pointer;
76
+ width: 100%;
77
+ border: none;
78
+ background: #0cf;
79
+ color: #fff;
80
+ margin: 0 0 5px;
81
+ padding: 10px;
82
82
  }
83
83
 
84
84
  #contact button[type="submit"]:hover {
85
- background: #09C;
86
- -webkit-transition: background 0.3s ease-in-out;
87
- -moz-transition: background 0.3s ease-in-out;
88
- transition: background-color 0.3s ease-in-out;
85
+ background: #09c;
86
+ -webkit-transition: background 0.3s ease-in-out;
87
+ -moz-transition: background 0.3s ease-in-out;
88
+ transition: background-color 0.3s ease-in-out;
89
89
  }
90
90
 
91
91
  #contact button[type="submit"]:active {
92
- box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
92
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
93
93
  }
94
94
 
95
95
  #contact input:focus,
96
96
  #contact textarea:focus {
97
- outline: 0;
98
- border: 1px solid #999;
97
+ outline: 0;
98
+ border: 1px solid #999;
99
99
  }
100
100
 
101
101
  ::-webkit-input-placeholder {
102
- color: #888;
102
+ color: #888;
103
103
  }
104
104
 
105
105
  :-moz-placeholder {
106
- color: #888;
106
+ color: #888;
107
107
  }
108
108
 
109
109
  ::-moz-placeholder {
110
- color: #888;
110
+ color: #888;
111
111
  }
112
112
 
113
113
  :-ms-input-placeholder {
114
- color: #888;
115
- }
114
+ color: #888;
115
+ }
data/_sass/mailchimp.scss CHANGED
@@ -1,119 +1,119 @@
1
1
  // <link href="https://cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
2
2
 
3
3
  #mc_embed_signup form {
4
- text-align: center;
5
- padding: 10px 0 10px 0;
4
+ text-align: center;
5
+ padding: 10px 0 10px 0;
6
6
  }
7
7
 
8
8
  .mc-field-group {
9
- display: inline-block;
9
+ display: inline-block;
10
10
  }
11
11
 
12
12
  /* positions input field horizontally */
13
13
 
14
14
  #mc_embed_signup input.email {
15
- font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
16
- font-size: 15px;
17
- border: 1px solid #ABB0B2;
18
- -webkit-border-radius: 3px;
19
- -moz-border-radius: 3px;
20
- border-radius: 3px;
21
- color: #343434;
22
- background-color: #fff;
23
- box-sizing: border-box;
24
- height: 32px;
25
- padding: 0px 0.4em;
26
- display: inline-block;
27
- margin: 0;
28
- width: 350px;
29
- vertical-align: top;
15
+ font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
16
+ font-size: 15px;
17
+ border: 1px solid #abb0b2;
18
+ -webkit-border-radius: 3px;
19
+ -moz-border-radius: 3px;
20
+ border-radius: 3px;
21
+ color: #343434;
22
+ background-color: #fff;
23
+ box-sizing: border-box;
24
+ height: 32px;
25
+ padding: 0px 0.4em;
26
+ display: inline-block;
27
+ margin: 0;
28
+ width: 350px;
29
+ vertical-align: top;
30
30
  }
31
31
 
32
32
  #mc_embed_signup label {
33
- display: block;
34
- font-size: 16px;
35
- padding-bottom: 10px;
36
- font-weight: bold;
33
+ display: block;
34
+ font-size: 16px;
35
+ padding-bottom: 10px;
36
+ font-weight: bold;
37
37
  }
38
38
 
39
39
  #mc_embed_signup .clear {
40
- display: inline-block;
40
+ display: inline-block;
41
41
  }
42
42
 
43
43
  /* positions button horizontally in line with input */
44
44
 
45
45
  #mc_embed_signup .button {
46
- font-size: 13px;
47
- border: none;
48
- -webkit-border-radius: 3px;
49
- -moz-border-radius: 3px;
50
- border-radius: 3px;
51
- letter-spacing: .03em;
52
- color: #fff;
53
- background-color: #aaa;
54
- box-sizing: border-box;
55
- height: 32px;
56
- line-height: 32px;
57
- padding: 0 18px;
58
- display: inline-block;
59
- margin: 0;
60
- transition: all 0.23s ease-in-out 0s;
46
+ font-size: 13px;
47
+ border: none;
48
+ -webkit-border-radius: 3px;
49
+ -moz-border-radius: 3px;
50
+ border-radius: 3px;
51
+ letter-spacing: 0.03em;
52
+ color: #fff;
53
+ background-color: #aaa;
54
+ box-sizing: border-box;
55
+ height: 32px;
56
+ line-height: 32px;
57
+ padding: 0 18px;
58
+ display: inline-block;
59
+ margin: 0;
60
+ transition: all 0.23s ease-in-out 0s;
61
61
  }
62
62
 
63
63
  #mc_embed_signup .button:hover {
64
- background-color: #777;
65
- cursor: pointer;
64
+ background-color: #777;
65
+ cursor: pointer;
66
66
  }
67
67
 
68
68
  #mc_embed_signup div#mce-responses {
69
- float: left;
70
- top: -1.4em;
71
- padding: 0em .5em 0em .5em;
72
- overflow: hidden;
73
- width: 90%;
74
- margin: 0 5%;
75
- clear: both;
69
+ float: left;
70
+ top: -1.4em;
71
+ padding: 0em 0.5em 0em 0.5em;
72
+ overflow: hidden;
73
+ width: 90%;
74
+ margin: 0 5%;
75
+ clear: both;
76
76
  }
77
77
 
78
78
  #mc_embed_signup div.response {
79
- margin: 1em 0;
80
- padding: 1em .5em .5em 0;
81
- font-weight: bold;
82
- float: left;
83
- top: -1.5em;
84
- z-index: 1;
85
- width: 80%;
79
+ margin: 1em 0;
80
+ padding: 1em 0.5em 0.5em 0;
81
+ font-weight: bold;
82
+ float: left;
83
+ top: -1.5em;
84
+ z-index: 1;
85
+ width: 80%;
86
86
  }
87
87
 
88
88
  #mc_embed_signup #mce-error-response {
89
- display: none;
89
+ display: none;
90
90
  }
91
91
 
92
92
  #mc_embed_signup #mce-success-response {
93
- color: #529214;
94
- display: none;
93
+ color: #529214;
94
+ display: none;
95
95
  }
96
96
 
97
97
  #mc_embed_signup label.error {
98
- display: block;
99
- float: none;
100
- width: auto;
101
- margin-left: 1.05em;
102
- text-align: left;
103
- padding: .5em 0;
98
+ display: block;
99
+ float: none;
100
+ width: auto;
101
+ margin-left: 1.05em;
102
+ text-align: left;
103
+ padding: 0.5em 0;
104
104
  }
105
105
 
106
106
  @media (max-width: 768px) {
107
- #mc_embed_signup input.email {
108
- width: 100%;
109
- margin-bottom: 5px;
110
- }
111
- #mc_embed_signup .clear {
112
- display: block;
113
- width: 100%
114
- }
115
- #mc_embed_signup .button {
116
- width: 100%;
117
- margin: 0;
118
- }
119
- }
107
+ #mc_embed_signup input.email {
108
+ width: 100%;
109
+ margin-bottom: 5px;
110
+ }
111
+ #mc_embed_signup .clear {
112
+ display: block;
113
+ width: 100%;
114
+ }
115
+ #mc_embed_signup .button {
116
+ width: 100%;
117
+ margin: 0;
118
+ }
119
+ }
data/_sass/main.scss CHANGED
@@ -2,590 +2,596 @@ $max-width: 725px;
2
2
  $max-width--home: 650px;
3
3
  $text-color: #222;
4
4
  $primary-color: #4787ed;
5
- $secondary-color: #F37C22;
5
+ $secondary-color: #f37c22;
6
6
  $gray: #777;
7
7
  $base-margin: 1rem;
8
8
 
9
- // @import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400|Roboto:400,500,700&subset=latin-ext');
10
- @import url('https://fonts.googleapis.com/css?family=Open+Sans:600,700|Roboto:400,500,700&subset=latin-ext');
9
+ @import url("https://fonts.googleapis.com/css?family=Open+Sans:600,700|Roboto:400,500,700&subset=latin-ext");
11
10
 
12
- @import 'objects.text';
13
- @import 'objects.image';
11
+ @import "objects.text";
12
+ @import "objects.image";
14
13
 
15
14
  body {
16
- font-size: 17px;
17
- line-height: 20px;
18
- font-weight: normal;
19
- font-style: normal;
20
- font-family: 'Roboto', sans-serif;
21
- color: $text-color;
22
- padding: 20px;
23
- margin: 0;
24
- -webkit-font-smoothing: antialiased;
25
- -webkit-text-size-adjust: 100%;
26
- @media (min-width: 992px) {
27
- padding: 35px 50px;
28
- }
15
+ font-size: 17px;
16
+ line-height: 20px;
17
+ font-weight: normal;
18
+ font-style: normal;
19
+ font-family: "Roboto", sans-serif;
20
+ color: $text-color;
21
+ padding: 20px;
22
+ margin: 0;
23
+ -webkit-font-smoothing: antialiased;
24
+ -webkit-text-size-adjust: 100%;
25
+ @media (min-width: 992px) {
26
+ padding: 35px 50px;
27
+ }
29
28
  }
30
29
 
31
30
  strong {
32
- font-weight: 600;
31
+ font-weight: 600;
33
32
  }
34
33
 
35
34
  h1 {
36
- font-family: 'Open Sans';
37
- font-weight: 100;
38
- line-height: 1.7rem;
35
+ font-family: "Open Sans";
36
+ font-weight: 100;
37
+ line-height: 1.7rem;
39
38
  }
40
39
 
41
40
  h3 {
42
- font-size: 1.2rem;
41
+ font-size: 1.2rem;
43
42
  }
44
43
 
45
44
  h2,
46
45
  h3,
47
46
  h4,
48
47
  h5 {
49
- margin: 45px 0 25px;
50
- font-family: 'Open Sans', Roboto, sans-serif;
51
- font-weight: 400;
52
- line-height: 1.7rem;
48
+ margin: 45px 0 25px;
49
+ font-family: "Open Sans", Roboto, sans-serif;
50
+ font-weight: 400;
51
+ line-height: 1.7rem;
53
52
  }
54
53
 
55
54
  img {
56
- max-width: 100%;
55
+ max-width: 100%;
57
56
  }
58
57
 
59
58
  a {
60
- color: $primary-color;
61
- text-decoration: none;
62
- font-weight: bold;
59
+ color: $primary-color;
60
+ text-decoration: none;
61
+ font-weight: bold;
62
+ &:hover {
63
+ text-decoration: underline;
64
+ }
65
+ &.image {
66
+ display: block;
67
+ text-align: center;
68
+ border: 0;
69
+ border-radius: 5px;
70
+ margin: 30px 0;
63
71
  &:hover {
64
- text-decoration: underline;
65
- }
66
- &.image {
67
- display: block;
68
- text-align: center;
69
- border: 0;
70
- border-radius: 5px;
71
- margin: 30px 0;
72
- &:hover {
73
- text-decoration: none;
74
- }
72
+ text-decoration: none;
75
73
  }
74
+ }
76
75
  }
77
76
 
78
77
  mark {
79
- background: #fffc76;
80
- padding: 0 5px;
78
+ background: #fffc76;
79
+ padding: 0 5px;
81
80
  }
82
81
 
83
82
  blockquote {
84
- border-left: 5px solid #81D4FA;
85
- margin: 40px 0;
86
- padding: 5px 30px;
87
- font-style: italic;
83
+ border-left: 5px solid #81d4fa;
84
+ margin: 40px 0;
85
+ padding: 5px 30px;
86
+ font-style: italic;
88
87
  }
89
88
 
90
89
  .logo {
91
- position: relative;
92
- margin: 0 auto 35px;
90
+ position: relative;
91
+ margin: 0 auto 35px;
92
+ text-align: center;
93
+ a {
94
+ color: #000;
95
+ text-decoration: none;
96
+ font-weight: 700;
97
+ height: 90px;
98
+ width: 90px;
99
+ font-size: 1.5em;
100
+ display: inline-block;
93
101
  text-align: center;
94
- a {
95
- color: #000;
96
- text-decoration: none;
97
- font-weight: 700;
98
- height: 90px;
99
- width: 90px;
100
- font-size: 1.5em;
101
- display: inline-block;
102
- text-align: center;
103
- line-height: 100px;
104
- border: 5px solid #fff;
105
- box-sizing: border-box;
106
- &:hover+.logo-prompt,
107
- &:focus+.logo-prompt {
108
- display: inline-block !important;
109
- }
110
- @media (max-width: 480px) {
111
- &:hover+.logo-prompt,
112
- &:focus+.logo-prompt {
113
- display: none !important;
114
- }
115
- }
116
- }
117
- .logo-prompt {
118
- position: absolute;
119
- display: none;
120
- vertical-align: middle;
121
- padding: 5px;
122
- border-radius: 3px;
123
- background: #666;
124
- background: rgba(0, 0, 0, .5);
125
- margin-left: 15px;
126
- color: #fff;
127
- font-size: 0.8235em;
128
- text-align: center;
129
- line-height: 1.2;
130
- top: 50%;
131
- margin-top: -10px;
132
- &:before {
133
- content: "";
134
- border-width: 5px 5px 5px 0;
135
- border-style: solid;
136
- border-color: transparent #666;
137
- border-color: transparent rgba(0, 0, 0, .5);
138
- position: absolute;
139
- top: 50%;
140
- left: -5px;
141
- margin-top: -5px;
142
- }
143
- }
102
+ line-height: 100px;
103
+ border: 5px solid #fff;
104
+ box-sizing: border-box;
105
+ &:hover + .logo-prompt,
106
+ &:focus + .logo-prompt {
107
+ display: inline-block !important;
108
+ }
109
+ @media (max-width: 480px) {
110
+ &:hover + .logo-prompt,
111
+ &:focus + .logo-prompt {
112
+ display: none !important;
113
+ }
114
+ }
115
+ }
116
+ .logo-prompt {
117
+ position: absolute;
118
+ display: none;
119
+ vertical-align: middle;
120
+ padding: 5px;
121
+ border-radius: 3px;
122
+ background: #666;
123
+ background: rgba(0, 0, 0, 0.5);
124
+ margin-left: 15px;
125
+ color: #fff;
126
+ font-size: 0.8235em;
127
+ text-align: center;
128
+ line-height: 1.2;
129
+ top: 50%;
130
+ margin-top: -10px;
131
+ &:before {
132
+ content: "";
133
+ border-width: 5px 5px 5px 0;
134
+ border-style: solid;
135
+ border-color: transparent #666;
136
+ border-color: transparent rgba(0, 0, 0, 0.5);
137
+ position: absolute;
138
+ top: 50%;
139
+ left: -5px;
140
+ margin-top: -5px;
141
+ }
142
+ }
144
143
  }
145
144
 
146
145
  iframe {
147
- margin: 45px 0 !important;
146
+ margin: 45px 0 !important;
148
147
  }
149
148
 
150
149
  ul,
151
150
  ol {
152
- margin: 0rem;
153
- padding-left: 50px;
154
- line-height: 1.5rem;
155
- margin-bottom: 1rem;
156
- li {
157
- word-wrap: break-word;
158
- }
159
- img {
160
- margin: 40px 0;
161
- border-radius: 5px;
162
- }
151
+ margin: 0rem;
152
+ padding-left: 50px;
153
+ line-height: 1.5rem;
154
+ margin-bottom: 1rem;
155
+ li {
156
+ word-wrap: break-word;
157
+ }
158
+ img {
159
+ margin: 40px 0;
160
+ border-radius: 5px;
161
+ }
163
162
  }
164
163
 
165
164
  sup {
166
- vertical-align: top;
167
- position: relative;
168
- top: -0.5em;
169
- margin-left: 1px;
165
+ vertical-align: top;
166
+ position: relative;
167
+ top: -0.5em;
168
+ margin-left: 1px;
170
169
  }
171
170
 
172
171
  code,
173
172
  pre {
174
- font-family: Consolas, Courier, monospace;
173
+ font-family: Consolas, Courier, monospace;
175
174
  }
176
175
 
177
176
  code {
178
- color: #f14e32;
179
- background: #eee;
180
- padding: 2px 6px;
181
- font-size: 13px;
177
+ color: #f14e32;
178
+ background: #eee;
179
+ padding: 2px 6px;
180
+ font-size: 13px;
182
181
  }
183
182
 
184
183
  pre {
185
- display: block;
186
- margin-top: 0;
187
- margin-bottom: 1rem;
188
- font-size: 0.9rem;
189
- line-height: 1.4;
190
- white-space: pre;
191
- overflow-x: auto;
192
- background-color: #f9f9f9;
193
- border-radius: 3px;
194
- border: 1px solid #ddd;
195
- padding: 1rem;
196
- code {
197
- font-size: 100%;
198
- color: inherit;
199
- background-color: transparent;
200
- padding: 0;
201
- }
184
+ display: block;
185
+ margin-top: 0;
186
+ margin-bottom: 1rem;
187
+ font-size: 0.9rem;
188
+ line-height: 1.4;
189
+ white-space: pre;
190
+ overflow-x: auto;
191
+ background-color: #f9f9f9;
192
+ border-radius: 3px;
193
+ border: 1px solid #ddd;
194
+ padding: 1rem;
195
+ code {
196
+ font-size: 100%;
197
+ color: inherit;
198
+ background-color: transparent;
199
+ padding: 0;
200
+ }
202
201
  }
203
202
 
204
203
  table {
205
- width: 100%;
206
- table-layout: fixed;
207
- margin: 45px 0;
208
- thead {
209
- background: #f2f2f2;
210
- }
211
- th {
212
- text-align: left;
213
- padding: 8px 10px;
214
- border-bottom: 15px solid #fff;
215
- }
216
- td {
217
- padding: 4px 0;
218
- }
204
+ width: 100%;
205
+ table-layout: fixed;
206
+ margin: 45px 0;
207
+ thead {
208
+ background: #f2f2f2;
209
+ }
210
+ th {
211
+ text-align: left;
212
+ padding: 8px 10px;
213
+ border-bottom: 15px solid #fff;
214
+ }
215
+ td {
216
+ padding: 4px 0;
217
+ }
219
218
  }
220
219
 
221
220
  iframe {
222
- width: 100%;
221
+ width: 100%;
223
222
  }
224
223
 
225
224
  article {
226
- max-width: $max-width;
225
+ max-width: $max-width;
226
+ margin: 0 auto;
227
+ .title {
228
+ line-height: 1.4em;
229
+ text-align: center;
230
+ }
231
+ .divider {
232
+ background: #ddd;
233
+ background: -webkit-gradient(
234
+ linear,
235
+ left top,
236
+ right top,
237
+ from(rgba(255, 255, 255, 0)),
238
+ color-stop(#ccc),
239
+ to(rgba(255, 255, 255, 0))
240
+ );
241
+ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ccc, rgba(255, 255, 255, 0));
242
+ background: linear-gradient(to right, rgba(255, 255, 255, 0), #ccc, rgba(255, 255, 255, 0));
243
+ height: 1px;
244
+ margin: 2em 0;
245
+ }
246
+ .center {
247
+ text-align: center;
227
248
  margin: 0 auto;
228
- .title {
229
- line-height: 1.4em;
230
- text-align: center;
231
- }
232
- .divider {
233
- background: #ddd;
234
- background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(#ccc), to(rgba(255, 255, 255, 0)));
235
- background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ccc, rgba(255, 255, 255, 0));
236
- background: linear-gradient(to right, rgba(255, 255, 255, 0), #ccc, rgba(255, 255, 255, 0));
237
- height: 1px;
238
- margin: 2em 0;
239
- }
240
- .center {
241
- text-align: center;
242
- margin: 0 auto;
243
- }
244
- hr {
245
- border: 0;
246
- border-bottom: 1px solid #000;
247
- margin: 30px 0;
248
- }
249
+ }
250
+ hr {
251
+ border: 0;
252
+ border-bottom: 1px solid #000;
253
+ margin: 30px 0;
254
+ }
255
+ p {
256
+ font-size: 1.1rem;
257
+ line-height: 1.7em;
258
+ word-wrap: break-word;
259
+ }
260
+ li {
261
+ margin-bottom: 0.25rem;
262
+ }
263
+ img {
264
+ border-radius: 4px;
265
+ margin: 1rem 0rem;
266
+ }
267
+ .footnote {
268
+ border: 0;
269
+ background-color: #0087be;
270
+ color: #fff;
271
+ padding-left: 2px;
272
+ padding-right: 2px;
273
+ }
274
+ .footnotes {
275
+ margin: 50px auto;
276
+ display: block;
249
277
  p {
250
- font-size: 1.1rem;
251
- line-height: 1.7em;
252
- word-wrap: break-word;
253
- }
254
- li {
255
- margin-bottom: .25rem;
256
- }
257
- img {
258
- border-radius: 4px;
259
- margin: 1rem 0rem;
260
- }
261
- .footnote {
262
- border: 0;
263
- background-color: #0087BE;
264
- color: #fff;
265
- padding-left: 2px;
266
- padding-right: 2px;
278
+ line-height: 1rem;
279
+ font-weight: normal;
267
280
  }
268
- .footnotes {
269
- margin: 50px auto;
270
- display: block;
271
- p {
272
- line-height: 1rem;
273
- font-weight: normal;
274
- }
275
- ol {
276
- margin: 0;
277
- padding-left: 15px;
278
- li {
279
- font-weight: bold;
280
- }
281
- }
282
- .reversefootnote {
283
- border: 0;
284
- color: #0087BE;
285
- }
281
+ ol {
282
+ margin: 0;
283
+ padding-left: 15px;
284
+ li {
285
+ font-weight: bold;
286
+ }
286
287
  }
287
- a:hover {
288
- color: $secondary-color;
289
- border-color: #369;
290
- text-decoration: none;
288
+ .reversefootnote {
289
+ border: 0;
290
+ color: #0087be;
291
291
  }
292
+ }
293
+ a:hover {
294
+ color: $secondary-color;
295
+ border-color: #369;
296
+ text-decoration: none;
297
+ }
292
298
  }
293
299
 
294
300
  .back {
295
- text-align: center;
296
- a {
297
- text-decoration: none;
298
- margin: 40px auto 0;
299
- display: inline-block;
300
- padding: 10px;
301
- border: 0;
302
- &:before {
303
- content: "<<";
304
- margin-right: 5px;
305
- color: #000;
306
- }
307
- img {
308
- border: none;
309
- }
301
+ text-align: center;
302
+ a {
303
+ text-decoration: none;
304
+ margin: 40px auto 0;
305
+ display: inline-block;
306
+ padding: 10px;
307
+ border: 0;
308
+ &:before {
309
+ content: "<<";
310
+ margin-right: 5px;
311
+ color: #000;
312
+ }
313
+ img {
314
+ border: none;
310
315
  }
316
+ }
311
317
  }
312
318
 
313
319
  .block {
314
- display: block;
320
+ display: block;
315
321
  }
316
322
 
317
323
  .page-navigation,
318
324
  .footer {
319
- text-align: center;
320
- max-width: $max-width;
321
- margin: 0 auto;
322
- font-size: 1rem;
325
+ text-align: center;
326
+ max-width: $max-width;
327
+ margin: 0 auto;
328
+ font-size: 1rem;
323
329
  }
324
330
 
325
331
  .page-navigation {
326
- margin: 50px auto 0 auto;
327
- a {
328
- display: inline-block;
329
- text-decoration: none;
330
- border-bottom: none;
331
- }
332
- span {
333
- display: inline-block;
334
- }
332
+ margin: 50px auto 0 auto;
333
+ a {
334
+ display: inline-block;
335
+ text-decoration: none;
336
+ border-bottom: none;
337
+ }
338
+ span {
339
+ display: inline-block;
340
+ }
335
341
  }
336
342
 
337
343
  .footer {
338
- margin-top: 50px;
339
- color: #777;
340
- a {
341
- border: none;
342
- font-weight: bold;
343
- }
344
+ margin-top: 50px;
345
+ color: #777;
346
+ a {
347
+ border: none;
348
+ font-weight: bold;
349
+ }
344
350
  }
345
351
 
346
352
  section {
347
- max-width: $max-width--home;
348
- margin: 0 auto 70px auto;
349
- ul {
350
- list-style: none;
351
- margin: 0;
352
- padding: 0;
353
- li {
354
- margin: 35px 0;
355
- .description {
356
- color: gray;
357
- font-size: 16px;
358
- margin-top: 10px;
359
- }
360
- .title {
361
- font-size: 22px;
362
- font-family: 'Open Sans';
363
- max-width: 100%;
364
- word-wrap: normal !important;
365
- }
366
- a {
367
- color: #3d3d3d;
368
- }
369
- .post-date {
370
- font-size: smaller;
371
- text-transform: uppercase;
372
- }
373
- time {
374
- display: inline-block;
375
- color: #757575;
376
- }
377
- @media (min-width: 992px) {
378
- a {
379
- &:hover {
380
- border-color: #000;
381
- }
382
- }
383
- }
353
+ max-width: $max-width--home;
354
+ margin: 0 auto 70px auto;
355
+ ul {
356
+ list-style: none;
357
+ margin: 0;
358
+ padding: 0;
359
+ li {
360
+ margin: 35px 0;
361
+ .description {
362
+ color: gray;
363
+ font-size: 16px;
364
+ margin-top: 10px;
365
+ }
366
+ .title {
367
+ font-size: 22px;
368
+ font-family: "Open Sans";
369
+ max-width: 100%;
370
+ word-wrap: normal !important;
371
+ }
372
+ a {
373
+ color: #3d3d3d;
374
+ }
375
+ .post-date {
376
+ font-size: smaller;
377
+ text-transform: uppercase;
378
+ }
379
+ time {
380
+ display: inline-block;
381
+ color: #757575;
382
+ }
383
+ @media (min-width: 992px) {
384
+ a {
385
+ &:hover {
386
+ border-color: #000;
387
+ }
384
388
  }
389
+ }
385
390
  }
391
+ }
386
392
  }
387
393
 
388
394
  @keyframes bounce {
389
- 0% {
390
- transform: translate3d( 0, -1000px, 0);
391
- }
392
- 60% {
393
- transform: translate3d( 0, 25px, 0);
394
- }
395
- 75% {
396
- transform: translate3d( 0, -10px, 0);
397
- }
398
- 90% {
399
- transform: translate3d( 0, 5px, 0);
400
- }
401
- 100% {
402
- transform: none;
403
- }
395
+ 0% {
396
+ transform: translate3d(0, -1000px, 0);
397
+ }
398
+ 60% {
399
+ transform: translate3d(0, 25px, 0);
400
+ }
401
+ 75% {
402
+ transform: translate3d(0, -10px, 0);
403
+ }
404
+ 90% {
405
+ transform: translate3d(0, 5px, 0);
406
+ }
407
+ 100% {
408
+ transform: none;
409
+ }
404
410
  }
405
411
 
406
412
  @-webkit-keyframes bounce {
407
- 0% {
408
- -webkit-transform: translate3d( 0, -1000px, 0);
409
- }
410
- 60% {
411
- -webkit-transform: translate3d( 0, 25px, 0);
412
- }
413
- 75% {
414
- -webkit-transform: translate3d( 0, -10px, 0);
415
- }
416
- 90% {
417
- -webkit-transform: translate3d( 0, 5px, 0);
418
- }
419
- 100% {
420
- -webkit-transform: none;
421
- }
413
+ 0% {
414
+ -webkit-transform: translate3d(0, -1000px, 0);
415
+ }
416
+ 60% {
417
+ -webkit-transform: translate3d(0, 25px, 0);
418
+ }
419
+ 75% {
420
+ -webkit-transform: translate3d(0, -10px, 0);
421
+ }
422
+ 90% {
423
+ -webkit-transform: translate3d(0, 5px, 0);
424
+ }
425
+ 100% {
426
+ -webkit-transform: none;
427
+ }
422
428
  }
423
429
 
424
430
  .c-navigation__menu {
425
- display: inline-block;
426
- text-transform: uppercase;
427
- margin-right: $base-margin / 2;
428
- margin-left: $base-margin / 2;
429
- font-size: 14px;
430
- font-weight: 600;
431
- &:hover {
432
- border-color: $primary-color !important;
433
- }
431
+ display: inline-block;
432
+ text-transform: uppercase;
433
+ margin-right: $base-margin / 2;
434
+ margin-left: $base-margin / 2;
435
+ font-size: 14px;
436
+ font-weight: 600;
437
+ &:hover {
438
+ border-color: $primary-color !important;
439
+ }
434
440
  }
435
441
 
436
442
  .c-navigation__menu-link {
437
- color: $primary-color;
443
+ color: $primary-color;
438
444
  }
439
445
 
440
446
  .c-header {
441
- text-align: center;
447
+ text-align: center;
442
448
  }
443
449
 
444
450
  .c-header__title {
445
- font-size: 30px;
446
- font-weight: 100;
447
- font-family: 'Open Sans';
448
- margin-bottom: 0;
451
+ font-size: 30px;
452
+ font-weight: 100;
453
+ font-family: "Open Sans";
454
+ margin-bottom: 0;
449
455
  }
450
456
 
451
457
  .c-header__subtitle {
452
- color: gray;
453
- font-size: 16px;
454
- line-height: 1.5rem;
458
+ color: gray;
459
+ font-size: 16px;
460
+ line-height: 1.5rem;
455
461
  }
456
462
 
457
463
  .c-header__link {
458
- color: inherit;
459
- font-weight: normal;
460
- text-decoration: underline;
464
+ color: inherit;
465
+ font-weight: normal;
466
+ text-decoration: underline;
461
467
  }
462
468
 
463
469
  .o-text--block {
464
- display: block;
470
+ display: block;
465
471
  }
466
472
 
467
473
  .o-text--bold {
468
- font-weight: 600;
474
+ font-weight: 600;
469
475
  }
470
476
 
471
477
  .c-ul-in-default {
472
- list-style-type: disc;
473
- margin-left: 4rem;
478
+ list-style-type: disc;
479
+ margin-left: 4rem;
474
480
  }
475
481
 
476
482
  .o-grid {
477
- display: flex;
478
- flex-flow: row nowrap;
483
+ display: flex;
484
+ flex-flow: row nowrap;
479
485
  }
480
486
 
481
487
  .o-grid--center {
482
- justify-content: center;
488
+ justify-content: center;
483
489
  }
484
490
 
485
491
  img.emoji {
486
- margin: 0rem;
492
+ margin: 0rem;
487
493
  }
488
494
 
489
495
  article .c-post-header {
490
- margin-bottom: 3 * $base-margin;
496
+ margin-bottom: 3 * $base-margin;
491
497
  }
492
498
 
493
499
  .c-article-image {
494
- width: 100%;
500
+ width: 100%;
495
501
  }
496
502
 
497
503
  .c-article--post {
498
- max-width: 650px;
504
+ max-width: 650px;
499
505
  }
500
506
 
501
507
  .c-article__meta {
502
- color: $gray;
508
+ color: $gray;
503
509
  }
504
510
 
505
511
  .c-article__meta--link {
512
+ color: inherit;
513
+ &:hover {
514
+ text-decoration: underline;
506
515
  color: inherit;
507
- &:hover {
508
- text-decoration: underline;
509
- color: inherit;
510
- }
516
+ }
511
517
  }
512
518
 
513
519
  .c-post-header__subtitle {
514
- font-size: 1.2rem;
515
- color: #555;
520
+ font-size: 1.2rem;
521
+ color: #555;
516
522
  }
517
523
 
518
524
  .c-bio {
519
- text-align: center;
520
- color: #777;
521
- font-style: italic;
522
- margin-top: 1rem;
525
+ text-align: center;
526
+ color: #777;
527
+ font-style: italic;
528
+ margin-top: 1rem;
523
529
  }
524
530
 
525
531
  .c-bio__avatar {
526
- width: 70px;
527
- height: 70px;
528
- border-radius: 50%;
529
- margin-right: 1rem;
532
+ width: 70px;
533
+ height: 70px;
534
+ border-radius: 50%;
535
+ margin-right: 1rem;
530
536
  }
531
537
 
532
538
  .o-grid--align-items-center {
533
- align-items: center;
539
+ align-items: center;
534
540
  }
535
541
 
536
542
  .o-text--center {
537
- text-align: center;
543
+ text-align: center;
538
544
  }
539
545
 
540
546
  .c-image__alt {
541
- font-weight: normal;
542
- color: #777;
543
- &:hover {
544
- text-decoration: none;
545
- }
547
+ font-weight: normal;
548
+ color: #777;
549
+ &:hover {
550
+ text-decoration: none;
551
+ }
546
552
  }
547
553
 
548
554
  a.phantom {
555
+ color: $gray;
556
+ font-weight: 500;
557
+ &:hover {
549
558
  color: $gray;
550
- font-weight: 500;
551
- &:hover {
552
- color: $gray;
553
- text-decoration: underline;
554
- }
559
+ text-decoration: underline;
560
+ }
555
561
  }
556
562
 
557
563
  .post-year {
558
- color: gray;
564
+ color: gray;
559
565
  }
560
566
 
561
567
  .c-post-header__player {
562
- margin-top: 2rem;
563
- color: red;
564
- font-size: 1rem;
568
+ margin-top: 2rem;
569
+ color: red;
570
+ font-size: 1rem;
565
571
  }
566
572
 
567
573
  .pagination {
568
- text-align: center;
574
+ text-align: center;
569
575
  }
570
576
 
571
577
  .alert {
572
- font-size: medium;
573
- position: relative;
574
- padding: .75rem 1.25rem;
575
- margin-bottom: 3rem;
576
- border: 1px solid transparent;
577
- border-radius: .17rem;
578
- margin-top: 60px;
579
- text-align: center;
578
+ font-size: medium;
579
+ position: relative;
580
+ padding: 0.75rem 1.25rem;
581
+ margin-bottom: 3rem;
582
+ border: 1px solid transparent;
583
+ border-radius: 0.17rem;
584
+ margin-top: 60px;
585
+ text-align: center;
580
586
  }
581
587
 
582
588
  .alert-light {
583
- color: #717171;
584
- background-color: #f6f6f6;
585
- border-color: #e4e4e4;
589
+ color: #717171;
590
+ background-color: #f6f6f6;
591
+ border-color: #e4e4e4;
586
592
  }
587
593
 
588
594
  .alert-custom {
589
- border: 1px solid #e4e4e4;
590
- background: #f4f8fb;
591
- }
595
+ border: 1px solid #e4e4e4;
596
+ background: #f4f8fb;
597
+ }