jekyll-bulma-theme 1.0.6 → 1.0.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.
data/_sass/_app.scss CHANGED
@@ -1,157 +1,157 @@
1
- @import "syntax";
2
-
3
- $github: #333333;
4
- $twitter: #1da1f2;
5
- $facebook: #3b5998;
6
- $google: #dd4b39;
7
- $pinterest: #bd081c;
8
-
9
- body {
10
- display: flex;
11
- min-height: 100vh;
12
- flex-direction: column;
13
- margin-top: 52px;
14
- }
15
-
16
- #app {
17
- flex: 1 0 auto;
18
- }
19
-
20
- .media-content {
21
- overflow: hidden;
22
- }
23
-
24
- .text-github, a.navbar-item.text-github:hover {
25
- color: $github;
26
- }
27
-
28
- .text-twitter, a.navbar-item.text-twitter:hover {
29
- color: $twitter;
30
- }
31
-
32
- .text-facebook, a.navbar-item.text-facebook:hover {
33
- color: $facebook;
34
- }
35
-
36
- .is-github {
37
- background-color: $github;
38
- }
39
-
40
- .is-twitter {
41
- background-color: $twitter;
42
- }
43
-
44
- .is-facebook {
45
- background-color: $facebook;
46
- }
47
-
48
- .is-google {
49
- background-color: $google;
50
- }
51
-
52
- .is-pinterest {
53
- background-color: $pinterest;
54
- }
55
-
56
- .button {
57
- &.is-github,
58
- &.is-twitter,
59
- &.is-facebook,
60
- &.is-google,
61
- &.is-pinterest {
62
- border-color: transparent;
63
- color: white;
64
- }
65
- }
66
-
67
- .task-list-item-checkbox {
68
- margin-right: 5px;
69
- }
70
-
71
- .task-list-item {
72
- list-style: none;
73
- }
74
-
75
- %header-hashtag {
76
- color: #3273dc;
77
- margin-right: 10px;
78
- }
79
-
80
- .content {
81
- h1::before {
82
- content: "#";
83
- @extend %header-hashtag;
84
- }
85
- h2::before {
86
- content: "##";
87
- @extend %header-hashtag;
88
- }
89
- h3::before {
90
- content: "###";
91
- @extend %header-hashtag;
92
- }
93
- h4::before {
94
- content: "####";
95
- @extend %header-hashtag;
96
- }
97
- h5::before {
98
- content: "#####";
99
- @extend %header-hashtag;
100
- }
101
- h6::before {
102
- content: "######";
103
- @extend %header-hashtag;
104
- }
105
- }
106
-
107
- .message-body .media {
108
- img.avatar {
109
- height: 80px;
110
- width: 80px;
111
- border-radius: 50%;
112
- }
113
- blockquote {
114
- background-color: transparent;
115
- border-left: none;
116
- padding: 0 1.5em 0.5em;
117
- color: grey;
118
- font-size: 1.2rem;
119
- &::before {
120
- content: "\2014\2014\2014";
121
- }
122
- }
123
- a:not(.button):not(.tag) {
124
- text-decoration: none;
125
- }
126
- }
127
-
128
- .bd-special-shadow {
129
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
130
- background-image: linear-gradient(rgba(0, 0, 0, 0.1), transparent);
131
- height: 8px;
132
- left: 0;
133
- opacity: 0;
134
- position: absolute;
135
- right: 0;
136
- top: 100%;
137
- -webkit-transform: scaleY(0);
138
- transform: scaleY(0);
139
- -webkit-transform-origin: center top;
140
- transform-origin: center top;
141
- }
142
-
143
- @media screen and (max-width: 1023px) {
144
- .bd-is-clipped-touch {
145
- overflow: hidden !important;
146
- }
147
- }
148
-
149
- #shadowed {
150
- position: fixed;
151
- top: 0;
152
- right: 0;
153
- bottom: 0;
154
- left: 0;
155
- z-index: 10;
156
- background-color: rgba(0, 0, 0, .5);
157
- }
1
+ @import "syntax";
2
+
3
+ $github: #333333;
4
+ $twitter: #1da1f2;
5
+ $facebook: #3b5998;
6
+ $google: #dd4b39;
7
+ $pinterest: #bd081c;
8
+
9
+ body {
10
+ display: flex;
11
+ min-height: 100vh;
12
+ flex-direction: column;
13
+ margin-top: 52px;
14
+ }
15
+
16
+ #app {
17
+ flex: 1 0 auto;
18
+ }
19
+
20
+ .media-content {
21
+ overflow: hidden;
22
+ }
23
+
24
+ .text-github, a.navbar-item.text-github:hover {
25
+ color: $github;
26
+ }
27
+
28
+ .text-twitter, a.navbar-item.text-twitter:hover {
29
+ color: $twitter;
30
+ }
31
+
32
+ .text-facebook, a.navbar-item.text-facebook:hover {
33
+ color: $facebook;
34
+ }
35
+
36
+ .is-github {
37
+ background-color: $github;
38
+ }
39
+
40
+ .is-twitter {
41
+ background-color: $twitter;
42
+ }
43
+
44
+ .is-facebook {
45
+ background-color: $facebook;
46
+ }
47
+
48
+ .is-google {
49
+ background-color: $google;
50
+ }
51
+
52
+ .is-pinterest {
53
+ background-color: $pinterest;
54
+ }
55
+
56
+ .button {
57
+ &.is-github,
58
+ &.is-twitter,
59
+ &.is-facebook,
60
+ &.is-google,
61
+ &.is-pinterest {
62
+ border-color: transparent;
63
+ color: white;
64
+ }
65
+ }
66
+
67
+ .task-list-item-checkbox {
68
+ margin-right: 5px;
69
+ }
70
+
71
+ .task-list-item {
72
+ list-style: none;
73
+ }
74
+
75
+ %header-hashtag {
76
+ color: #3273dc;
77
+ margin-right: 10px;
78
+ }
79
+
80
+ .content {
81
+ h1::before {
82
+ content: "#";
83
+ @extend %header-hashtag;
84
+ }
85
+ h2::before {
86
+ content: "##";
87
+ @extend %header-hashtag;
88
+ }
89
+ h3::before {
90
+ content: "###";
91
+ @extend %header-hashtag;
92
+ }
93
+ h4::before {
94
+ content: "####";
95
+ @extend %header-hashtag;
96
+ }
97
+ h5::before {
98
+ content: "#####";
99
+ @extend %header-hashtag;
100
+ }
101
+ h6::before {
102
+ content: "######";
103
+ @extend %header-hashtag;
104
+ }
105
+ }
106
+
107
+ .message-body .media {
108
+ img.avatar {
109
+ height: 80px;
110
+ width: 80px;
111
+ border-radius: 50%;
112
+ }
113
+ blockquote {
114
+ background-color: transparent;
115
+ border-left: none;
116
+ padding: 0 1.5em 0.5em;
117
+ color: grey;
118
+ font-size: 1.2rem;
119
+ &::before {
120
+ content: "\2014\2014\2014";
121
+ }
122
+ }
123
+ a:not(.button):not(.tag) {
124
+ text-decoration: none;
125
+ }
126
+ }
127
+
128
+ .bd-special-shadow {
129
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
130
+ background-image: linear-gradient(rgba(0, 0, 0, 0.1), transparent);
131
+ height: 8px;
132
+ left: 0;
133
+ opacity: 0;
134
+ position: absolute;
135
+ right: 0;
136
+ top: 100%;
137
+ -webkit-transform: scaleY(0);
138
+ transform: scaleY(0);
139
+ -webkit-transform-origin: center top;
140
+ transform-origin: center top;
141
+ }
142
+
143
+ @media screen and (max-width: 1023px) {
144
+ .bd-is-clipped-touch {
145
+ overflow: hidden !important;
146
+ }
147
+ }
148
+
149
+ #shadowed {
150
+ position: fixed;
151
+ top: 0;
152
+ right: 0;
153
+ bottom: 0;
154
+ left: 0;
155
+ z-index: 10;
156
+ background-color: rgba(0, 0, 0, .5);
157
+ }
data/_sass/syntax.scss CHANGED
@@ -1,214 +1,214 @@
1
- .highlighter-rouge {
2
- margin-bottom: 10px;
3
- }
4
-
5
- .highlight table td { padding: 5px; }
6
- .highlight table pre { margin: 0; }
7
- .highlight .c, .highlight .cd {
8
- color: #75715e;
9
- font-style: italic;
10
- }
11
- .highlight .cm {
12
- color: #75715e;
13
- font-style: italic;
14
- }
15
- .highlight .c1 {
16
- color: #75715e;
17
- font-style: italic;
18
- }
19
- .highlight .cp {
20
- color: #75715e;
21
- font-weight: bold;
22
- }
23
- .highlight .cs {
24
- color: #75715e;
25
- font-weight: bold;
26
- font-style: italic;
27
- }
28
- .highlight .err {
29
- color: #960050;
30
- background-color: #1e0010;
31
- }
32
- .highlight .gi {
33
- color: #ffffff;
34
- background-color: #324932;
35
- }
36
- .highlight .gd {
37
- color: #ffffff;
38
- background-color: #493131;
39
- }
40
- .highlight .ge {
41
- color: #000000;
42
- font-style: italic;
43
- }
44
- .highlight .gr {
45
- color: #aa0000;
46
- }
47
- .highlight .gt {
48
- color: #aa0000;
49
- }
50
- .highlight .gh {
51
- color: #999999;
52
- }
53
- .highlight .go {
54
- color: #888888;
55
- }
56
- .highlight .gp {
57
- color: #555555;
58
- }
59
- .highlight .gs {
60
- font-weight: bold;
61
- }
62
- .highlight .gu {
63
- color: #aaaaaa;
64
- }
65
- .highlight .k, .highlight .kv {
66
- color: #66d9ef;
67
- font-weight: bold;
68
- }
69
- .highlight .kc {
70
- color: #66d9ef;
71
- font-weight: bold;
72
- }
73
- .highlight .kd {
74
- color: #66d9ef;
75
- font-weight: bold;
76
- }
77
- .highlight .kp {
78
- color: #66d9ef;
79
- font-weight: bold;
80
- }
81
- .highlight .kr {
82
- color: #66d9ef;
83
- font-weight: bold;
84
- }
85
- .highlight .kt {
86
- color: #66d9ef;
87
- font-weight: bold;
88
- }
89
- .highlight .kn {
90
- color: #f92672;
91
- font-weight: bold;
92
- }
93
- .highlight .ow {
94
- color: #f92672;
95
- font-weight: bold;
96
- }
97
- .highlight .o {
98
- color: #f92672;
99
- font-weight: bold;
100
- }
101
- .highlight .mf {
102
- color: #ae81ff;
103
- }
104
- .highlight .mh {
105
- color: #ae81ff;
106
- }
107
- .highlight .il {
108
- color: #ae81ff;
109
- }
110
- .highlight .mi {
111
- color: #ae81ff;
112
- }
113
- .highlight .mo {
114
- color: #ae81ff;
115
- }
116
- .highlight .m, .highlight .mb, .highlight .mx {
117
- color: #ae81ff;
118
- }
119
- .highlight .se {
120
- color: #ae81ff;
121
- }
122
- .highlight .sb {
123
- color: #e6db74;
124
- }
125
- .highlight .sc {
126
- color: #e6db74;
127
- }
128
- .highlight .sd {
129
- color: #e6db74;
130
- }
131
- .highlight .s2 {
132
- color: #e6db74;
133
- }
134
- .highlight .sh {
135
- color: #e6db74;
136
- }
137
- .highlight .si {
138
- color: #e6db74;
139
- }
140
- .highlight .sx {
141
- color: #e6db74;
142
- }
143
- .highlight .sr {
144
- color: #e6db74;
145
- }
146
- .highlight .s1 {
147
- color: #e6db74;
148
- }
149
- .highlight .ss {
150
- color: #e6db74;
151
- }
152
- .highlight .s {
153
- color: #e6db74;
154
- }
155
- .highlight .na {
156
- color: #a6e22e;
157
- }
158
- .highlight .nc {
159
- color: #a6e22e;
160
- font-weight: bold;
161
- }
162
- .highlight .nd {
163
- color: #a6e22e;
164
- font-weight: bold;
165
- }
166
- .highlight .ne {
167
- color: #a6e22e;
168
- font-weight: bold;
169
- }
170
- .highlight .nf {
171
- color: #a6e22e;
172
- font-weight: bold;
173
- }
174
- .highlight .no {
175
- color: #66d9ef;
176
- }
177
- .highlight .bp {
178
- color: #f8f8f2;
179
- }
180
- .highlight .nb {
181
- color: #f8f8f2;
182
- }
183
- .highlight .ni {
184
- color: #f8f8f2;
185
- }
186
- .highlight .nn {
187
- color: #f8f8f2;
188
- }
189
- .highlight .vc {
190
- color: #f8f8f2;
191
- }
192
- .highlight .vg {
193
- color: #f8f8f2;
194
- }
195
- .highlight .vi {
196
- color: #f8f8f2;
197
- }
198
- .highlight .nv {
199
- color: #f8f8f2;
200
- }
201
- .highlight .w {
202
- color: #f8f8f2;
203
- }
204
- .highlight .nl {
205
- color: #f8f8f2;
206
- font-weight: bold;
207
- }
208
- .highlight .nt {
209
- color: #f92672;
210
- }
211
- .highlight {
212
- color: #f8f8f2;
213
- background-color: #49483e;
214
- }
1
+ .highlighter-rouge {
2
+ margin-bottom: 10px;
3
+ }
4
+
5
+ .highlight table td { padding: 5px; }
6
+ .highlight table pre { margin: 0; }
7
+ .highlight .c, .highlight .cd {
8
+ color: #75715e;
9
+ font-style: italic;
10
+ }
11
+ .highlight .cm {
12
+ color: #75715e;
13
+ font-style: italic;
14
+ }
15
+ .highlight .c1 {
16
+ color: #75715e;
17
+ font-style: italic;
18
+ }
19
+ .highlight .cp {
20
+ color: #75715e;
21
+ font-weight: bold;
22
+ }
23
+ .highlight .cs {
24
+ color: #75715e;
25
+ font-weight: bold;
26
+ font-style: italic;
27
+ }
28
+ .highlight .err {
29
+ color: #960050;
30
+ background-color: #1e0010;
31
+ }
32
+ .highlight .gi {
33
+ color: #ffffff;
34
+ background-color: #324932;
35
+ }
36
+ .highlight .gd {
37
+ color: #ffffff;
38
+ background-color: #493131;
39
+ }
40
+ .highlight .ge {
41
+ color: #000000;
42
+ font-style: italic;
43
+ }
44
+ .highlight .gr {
45
+ color: #aa0000;
46
+ }
47
+ .highlight .gt {
48
+ color: #aa0000;
49
+ }
50
+ .highlight .gh {
51
+ color: #999999;
52
+ }
53
+ .highlight .go {
54
+ color: #888888;
55
+ }
56
+ .highlight .gp {
57
+ color: #555555;
58
+ }
59
+ .highlight .gs {
60
+ font-weight: bold;
61
+ }
62
+ .highlight .gu {
63
+ color: #aaaaaa;
64
+ }
65
+ .highlight .k, .highlight .kv {
66
+ color: #66d9ef;
67
+ font-weight: bold;
68
+ }
69
+ .highlight .kc {
70
+ color: #66d9ef;
71
+ font-weight: bold;
72
+ }
73
+ .highlight .kd {
74
+ color: #66d9ef;
75
+ font-weight: bold;
76
+ }
77
+ .highlight .kp {
78
+ color: #66d9ef;
79
+ font-weight: bold;
80
+ }
81
+ .highlight .kr {
82
+ color: #66d9ef;
83
+ font-weight: bold;
84
+ }
85
+ .highlight .kt {
86
+ color: #66d9ef;
87
+ font-weight: bold;
88
+ }
89
+ .highlight .kn {
90
+ color: #f92672;
91
+ font-weight: bold;
92
+ }
93
+ .highlight .ow {
94
+ color: #f92672;
95
+ font-weight: bold;
96
+ }
97
+ .highlight .o {
98
+ color: #f92672;
99
+ font-weight: bold;
100
+ }
101
+ .highlight .mf {
102
+ color: #ae81ff;
103
+ }
104
+ .highlight .mh {
105
+ color: #ae81ff;
106
+ }
107
+ .highlight .il {
108
+ color: #ae81ff;
109
+ }
110
+ .highlight .mi {
111
+ color: #ae81ff;
112
+ }
113
+ .highlight .mo {
114
+ color: #ae81ff;
115
+ }
116
+ .highlight .m, .highlight .mb, .highlight .mx {
117
+ color: #ae81ff;
118
+ }
119
+ .highlight .se {
120
+ color: #ae81ff;
121
+ }
122
+ .highlight .sb {
123
+ color: #e6db74;
124
+ }
125
+ .highlight .sc {
126
+ color: #e6db74;
127
+ }
128
+ .highlight .sd {
129
+ color: #e6db74;
130
+ }
131
+ .highlight .s2 {
132
+ color: #e6db74;
133
+ }
134
+ .highlight .sh {
135
+ color: #e6db74;
136
+ }
137
+ .highlight .si {
138
+ color: #e6db74;
139
+ }
140
+ .highlight .sx {
141
+ color: #e6db74;
142
+ }
143
+ .highlight .sr {
144
+ color: #e6db74;
145
+ }
146
+ .highlight .s1 {
147
+ color: #e6db74;
148
+ }
149
+ .highlight .ss {
150
+ color: #e6db74;
151
+ }
152
+ .highlight .s {
153
+ color: #e6db74;
154
+ }
155
+ .highlight .na {
156
+ color: #a6e22e;
157
+ }
158
+ .highlight .nc {
159
+ color: #a6e22e;
160
+ font-weight: bold;
161
+ }
162
+ .highlight .nd {
163
+ color: #a6e22e;
164
+ font-weight: bold;
165
+ }
166
+ .highlight .ne {
167
+ color: #a6e22e;
168
+ font-weight: bold;
169
+ }
170
+ .highlight .nf {
171
+ color: #a6e22e;
172
+ font-weight: bold;
173
+ }
174
+ .highlight .no {
175
+ color: #66d9ef;
176
+ }
177
+ .highlight .bp {
178
+ color: #f8f8f2;
179
+ }
180
+ .highlight .nb {
181
+ color: #f8f8f2;
182
+ }
183
+ .highlight .ni {
184
+ color: #f8f8f2;
185
+ }
186
+ .highlight .nn {
187
+ color: #f8f8f2;
188
+ }
189
+ .highlight .vc {
190
+ color: #f8f8f2;
191
+ }
192
+ .highlight .vg {
193
+ color: #f8f8f2;
194
+ }
195
+ .highlight .vi {
196
+ color: #f8f8f2;
197
+ }
198
+ .highlight .nv {
199
+ color: #f8f8f2;
200
+ }
201
+ .highlight .w {
202
+ color: #f8f8f2;
203
+ }
204
+ .highlight .nl {
205
+ color: #f8f8f2;
206
+ font-weight: bold;
207
+ }
208
+ .highlight .nt {
209
+ color: #f92672;
210
+ }
211
+ .highlight {
212
+ color: #f8f8f2;
213
+ background-color: #49483e;
214
+ }