balean-theme 0.1.1 → 0.1.2

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: 6f59fe68cc3ac8faa15f19c14b3154c40f445df532eb9483b85ec847e2127e93
4
- data.tar.gz: 8f03bfc9735cd42e1e621676ae5b602b4c38ca7738fe370ca747fc6e32306c9d
3
+ metadata.gz: 635ca72a3aef02a3fb03f55e56cc7c2fca2b9a3328cb616d70f9018be16234cb
4
+ data.tar.gz: 1791119a9f6b4b1af7a35bf766243b50684f5fd61e220082878d2400475f21d7
5
5
  SHA512:
6
- metadata.gz: 8082e4988761dfb2072bcc653cb66ef8c4b78ba5ff14cf09b84418bad55f1fa918dd46865648f9a785ed4b0853983b7f3d20a187ae772ddfefdd5d9033bc989c
7
- data.tar.gz: 8ac6b9d3d9d17ec0f948f46c568970aed225d34968221f90dc1ecc58ba8c9e75b27b01285f9e0474d64cab9a948c62cebf4b83f431c88aa2174ea1964213a076
6
+ metadata.gz: 39234695f54cb767464a64152cbf05387dfb8cfa6b589d8f27e224764f6c6513cd51e0d91de4e52f89e87d9c03a63f171e4dcb5fa8cc86c85af2d68fe0cbaa52
7
+ data.tar.gz: 8be065539e7a20441790c150d0d4a4f77a134a3007e605eb59f73d32eceeba842e720ffca299c55542620ddc5881babb708e8c52e92c8983f60f3b2e54d02104
@@ -0,0 +1,7 @@
1
+ /* global Settings */
2
+ @forward "settings";
3
+
4
+ /* Components */
5
+ @forward "components";
6
+
7
+
@@ -1,7 +1,7 @@
1
1
  @use "balean/variables" as vars;
2
2
 
3
3
  /* Buttons */
4
- .button {
4
+ .bui-button {
5
5
  display: inline-block;
6
6
  padding: 20px 40px;
7
7
  font-size: 26px;
@@ -1,5 +1 @@
1
1
  @forward "buttons";
2
-
3
- @forward "header";
4
-
5
- @forward "sections";
@@ -19,20 +19,20 @@ $balean-bg-3: #003049ff; // Dark navy
19
19
 
20
20
  /* Color Scheme */
21
21
  :root {
22
- --primary-color-1: #{$balean-primary-1};
23
- --primary-color-2: #{$balean-primary-2};
24
- --primary-color-3: #{$balean-primary-3};
25
- --primary-color-4: #{$balean-primary-4};
26
- --secondary-color-1: #{$balean-secondary-1};
27
- --secondary-color-2: #{$balean-secondary-2};
28
- --secondary-color-3: #{$balean-secondary-3};
29
- --secondary-color-4: #{$balean-secondary-4};
30
- --secondary-color-5: #{$balean-secondary-5};
31
- --balean-bg-1: #{$balean-bg-1};
32
- --balean-bg-2: #{$balean-bg-2};
33
- --balean-bg-3: #{$balean-bg-3};
34
- --white: #fff;
35
- --light-gray: #eaecef;
36
- --gray: #767676;
37
- --dark: #111;
22
+ --bui-primary-color-1: #{$balean-primary-1};
23
+ --bui-primary-color-2: #{$balean-primary-2};
24
+ --bui-primary-color-3: #{$balean-primary-3};
25
+ --bui-primary-color-4: #{$balean-primary-4};
26
+ --bui-secondary-color-1: #{$balean-secondary-1};
27
+ --bui-secondary-color-2: #{$balean-secondary-2};
28
+ --bui-secondary-color-3: #{$balean-secondary-3};
29
+ --bui-secondary-color-4: #{$balean-secondary-4};
30
+ --bui-secondary-color-5: #{$balean-secondary-5};
31
+ --bui-bg-1: #{$balean-bg-1};
32
+ --bui-bg-2: #{$balean-bg-2};
33
+ --bui-bg-3: #{$balean-bg-3};
34
+ --bui-white: #fff;
35
+ --bui-light-gray: #eaecef;
36
+ --bui-gray: #767676;
37
+ --bui-dark: #111;
38
38
  }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: balean-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.1
4
+ version: 0.1.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Sander Brienen
@@ -38,26 +38,13 @@ extra_rdoc_files: []
38
38
  files:
39
39
  - LICENSE.txt
40
40
  - README.md
41
- - _sass/_bootstrap.scss
42
- - _sass/balean/base/_base.scss
43
- - _sass/balean/base/_index.scss
41
+ - _sass/balean/_theme.scss
44
42
  - _sass/balean/components/_buttons.scss
45
- - _sass/balean/components/_header.scss
46
43
  - _sass/balean/components/_index.scss
47
- - _sass/balean/components/_sections.scss
48
44
  - _sass/balean/settings/_balean-font.scss
49
45
  - _sass/balean/settings/_color-scheme.scss
50
46
  - _sass/balean/settings/_index.scss
51
- - _sass/balean/tools/_animate.scss
52
- - _sass/balean/tools/_grid.scss
53
- - _sass/balean/tools/_index.scss
54
- - _sass/balean/tools/_normalize.scss
55
- - _sass/balean/tools/_reset.scss
56
- - _sass/balean/tools/_shared.scss
57
- - _sass/balean/tools/_splide.scss
58
- - _sass/balean/tools/_syntax-highlighting.scss
59
47
  - _sass/balean/variables/_index.scss
60
- - assets/css/balean-theme.scss
61
48
  - assets/fonts/comfortaa-v45-latin-regular.woff2
62
49
  - assets/images/balean-favicon.png
63
50
  - assets/images/icon-512x512.png
@@ -1,13 +0,0 @@
1
- /* global Settings */
2
- @forward "balean/settings";
3
-
4
- /* Base CSS definitions */
5
- @forward "balean/base";
6
-
7
- /* Tools to load the page */
8
- @forward "balean/tools";
9
-
10
- /* Components */
11
- @forward "balean/components";
12
-
13
-
@@ -1,230 +0,0 @@
1
- @use "balean/variables" as vars;
2
-
3
- *, *::after, *::before {
4
- box-sizing: border-box;
5
- }
6
-
7
- body {
8
- font-family: vars.$base-font-family;
9
- font-size: vars.$base-font-size;
10
- line-height: vars.$base-line-height;
11
- overflow-x: hidden;
12
- color: var(--text-color);
13
- background-color: var(--background-color);
14
- -webkit-font-smoothing: antialiased;
15
- -moz-osx-font-smoothing: grayscale;
16
-
17
- &.search-is-visible {
18
- overflow: hidden;
19
- -webkit-overflow-scrolling: auto;
20
- }
21
-
22
- &.disable-animation {
23
- *, *::after, *::before {
24
- transition: none !important;
25
- }
26
- }
27
-
28
- @media (max-width: vars.$desktop) {
29
- font-size: 18px;
30
- }
31
-
32
- @media (max-width: vars.$mobile) {
33
- font-size: 16px;
34
- }
35
- }
36
-
37
- .global-wrap {
38
- &.is-active {
39
- overflow-x: hidden;
40
- overflow-y: scroll;
41
- }
42
- }
43
-
44
- h1,
45
- h2,
46
- h3,
47
- h4,
48
- h5,
49
- h6 {
50
- margin-bottom: 12px;
51
- font-family: vars.$heading-font-family;
52
- font-weight: vars.$heading-font-weight;
53
- line-height: vars.$heading-line-height;
54
- letter-spacing: vars.$heading-letter-spacing;
55
- color: var(--heading-font-color);
56
- }
57
-
58
- h1 {
59
- font-size: vars.$font-size-h1;
60
- }
61
-
62
- h2 {
63
- font-size: vars.$font-size-h2;
64
- }
65
-
66
- h3 {
67
- font-size: vars.$font-size-h3;
68
- }
69
-
70
- h4 {
71
- font-size: vars.$font-size-h4;
72
- }
73
-
74
- h5 {
75
- font-size: vars.$font-size-h5;
76
- }
77
-
78
- h6 {
79
- font-size: vars.$font-size-h6;
80
- }
81
-
82
- blockquote {
83
- margin: 60px -260px 60px -260px;
84
- font-family: vars.$heading-font-family;
85
- font-size: 60px;
86
- font-weight: 700;
87
- line-height: 1.2;
88
- text-align: center;
89
- color: var(--heading-font-color);
90
-
91
- p {
92
- margin-bottom: 0;
93
- }
94
-
95
- cite {
96
- display: inline-block;
97
- margin-top: 16px;
98
- font-family: vars.$base-font-family;
99
- font-size: 16px;
100
- font-weight: 400;
101
- font-style: normal;
102
- color: var(--heading-font-color);
103
-
104
- }
105
-
106
- @media (max-width: vars.$wide) {
107
- margin: 60px -80px 60px -80px;
108
- font-size: 50px;
109
- }
110
-
111
- @media (max-width: vars.$desktop) {
112
- margin: 40px 0;
113
- font-size: 40px;
114
- }
115
-
116
- @media (max-width: vars.$tablet) {
117
- font-size: 36px;
118
- }
119
-
120
- @media (max-width: vars.$mobile) {
121
- margin: 32px 0;
122
- font-size: 28px;
123
- }
124
- }
125
-
126
- pre {
127
- overflow: auto;
128
- padding: 15px;
129
- margin-bottom: 0;
130
- font-size: 14px;
131
- white-space: pre-wrap;
132
- word-wrap: break-word;
133
- word-break: break-all;
134
- color: var(--heading-font-color);
135
- }
136
-
137
- img,
138
- .lightense-wrap {
139
- max-width: 100%;
140
- height: auto;
141
- vertical-align: middle;
142
- }
143
-
144
- img,
145
- .lightense-wrap,
146
- .gallery {
147
- &+em {
148
- display: block;
149
- margin-top: 8px;
150
- font-size: 14px;
151
- font-style: normal;
152
- font-weight: normal;
153
- text-align: center;
154
-
155
- @media (max-width: vars.$mobile) {
156
- margin-top: 16px;
157
- }
158
- }
159
- }
160
-
161
- a {
162
- text-decoration: underline;
163
- color: var(--link-color);
164
- transition: vars.$global-transition;
165
-
166
- &:hover {
167
- color: var(--link-color-hover);
168
- }
169
- }
170
-
171
- hr {
172
- width: 100%;
173
- height: 1px;
174
- margin: 60px 0;
175
- border: 0;
176
- background: var(--background-alt-color);
177
- }
178
-
179
- .table-container {
180
- display: block;
181
- max-width: 100%;
182
- overflow-x: auto;
183
- }
184
-
185
- table {
186
- font-size: 12px;
187
- color: var(--dark);
188
- width: 100%;
189
- border-width: 1px;
190
- border-color: var(--background-alt-color);
191
- border-collapse: collapse;
192
- color: var(--heading-font-color);
193
- }
194
-
195
- table th {
196
- padding: 10px;
197
- font-size: 16px;
198
- text-align: left;
199
- border: 1px solid var(--th-color);
200
- color: var(--heading-font-color);
201
- font-weight: 700;
202
- background-color: var(--th-color);
203
- }
204
-
205
- table tr {
206
- background-color: var(--tr-color);
207
- transition: all .2s ease;
208
- &:nth-child(even) {
209
- background-color: transparent;
210
- }
211
- }
212
-
213
- table td {
214
- padding: 10px;
215
- font-size: 14px;
216
- border: 1px solid var(--background-alt-color);
217
- }
218
-
219
- .lazy {
220
- opacity: 0;
221
- transition: opacity .3s ease;
222
- }
223
-
224
- .lazy.loaded {
225
- opacity: 1;
226
- }
227
-
228
- .lightense-backdrop {
229
- background-color: var(--background-color) !important;
230
- }
@@ -1 +0,0 @@
1
- @forward "base";