mere-blog-theme 0.4 → 1.0

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.
Files changed (185) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +46 -22
  3. data/_includes/author-media.html +23 -20
  4. data/_includes/google-analytics.html +6 -3
  5. data/_includes/head.html +21 -11
  6. data/_includes/hero.html +12 -7
  7. data/_includes/navbar.html +19 -19
  8. data/_includes/pagination.html +41 -21
  9. data/_includes/post-item.html +18 -15
  10. data/_includes/social-buttons.html +25 -26
  11. data/_layouts/author.html +51 -38
  12. data/_layouts/default.html +21 -19
  13. data/_layouts/homepage.html +9 -12
  14. data/_layouts/post.html +29 -28
  15. data/_sass/_intro.scss +6 -4
  16. data/_sass/_layout.scss +29 -18
  17. data/_sass/_main.scss +17 -18
  18. data/_sass/syntax.scss +14 -6
  19. data/assets/css/app.scss +1 -1
  20. data/assets/js/app.js +9 -11
  21. data/node_modules/.package-lock.json +13 -0
  22. data/node_modules/bulma/LICENSE +1 -1
  23. data/node_modules/bulma/README.md +72 -57
  24. data/node_modules/bulma/bulma.scss +4 -0
  25. data/node_modules/bulma/css/bulma.css +18892 -8672
  26. data/node_modules/bulma/css/bulma.css.map +1 -1
  27. data/node_modules/bulma/css/bulma.min.css +3 -1
  28. data/node_modules/bulma/css/versions/bulma-no-dark-mode.css +19648 -0
  29. data/node_modules/bulma/css/versions/bulma-no-dark-mode.css.map +1 -0
  30. data/node_modules/bulma/css/versions/bulma-no-dark-mode.min.css +3 -0
  31. data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.css +11136 -0
  32. data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.css.map +1 -0
  33. data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.min.css +3 -0
  34. data/node_modules/bulma/css/versions/bulma-no-helpers.css +11136 -0
  35. data/node_modules/bulma/css/versions/bulma-no-helpers.css.map +1 -0
  36. data/node_modules/bulma/css/versions/bulma-no-helpers.min.css +3 -0
  37. data/node_modules/bulma/css/versions/bulma-prefixed.min.css +21551 -0
  38. data/node_modules/bulma/css/versions/bulma-prefixed.min.css.map +1 -0
  39. data/node_modules/bulma/css/versions/bulma-prefixed.min.min.css +3 -0
  40. data/node_modules/bulma/package.json +42 -62
  41. data/node_modules/bulma/sass/_index.scss +10 -0
  42. data/node_modules/bulma/sass/base/_index.scss +6 -0
  43. data/node_modules/bulma/sass/base/animations.scss +15 -0
  44. data/node_modules/bulma/sass/base/generic.scss +239 -0
  45. data/node_modules/bulma/sass/base/minireset.scss +92 -0
  46. data/node_modules/bulma/sass/base/skeleton.scss +114 -0
  47. data/node_modules/bulma/sass/components/_index.scss +13 -0
  48. data/node_modules/bulma/sass/components/breadcrumb.scss +139 -0
  49. data/node_modules/bulma/sass/components/card.scss +162 -0
  50. data/node_modules/bulma/sass/components/dropdown.scss +188 -0
  51. data/node_modules/bulma/sass/components/menu.scss +165 -0
  52. data/node_modules/bulma/sass/components/message.scss +183 -0
  53. data/node_modules/bulma/sass/components/modal.scss +164 -0
  54. data/node_modules/bulma/sass/components/navbar.scss +799 -0
  55. data/node_modules/bulma/sass/components/pagination.scss +379 -0
  56. data/node_modules/bulma/sass/components/panel.scss +218 -0
  57. data/node_modules/bulma/sass/components/tabs.scss +273 -0
  58. data/node_modules/bulma/sass/elements/_index.scss +16 -0
  59. data/node_modules/bulma/sass/elements/block.scss +6 -0
  60. data/node_modules/bulma/sass/elements/box.scss +59 -0
  61. data/node_modules/bulma/sass/elements/button.scss +647 -0
  62. data/node_modules/bulma/sass/elements/content.scss +289 -0
  63. data/node_modules/bulma/sass/elements/delete.scss +6 -0
  64. data/node_modules/bulma/sass/elements/icon.scss +67 -0
  65. data/node_modules/bulma/sass/elements/image.scss +62 -0
  66. data/node_modules/bulma/sass/elements/loader.scss +15 -0
  67. data/node_modules/bulma/sass/elements/notification.scss +105 -0
  68. data/node_modules/bulma/sass/elements/progress.scss +115 -0
  69. data/node_modules/bulma/sass/elements/table.scss +261 -0
  70. data/node_modules/bulma/sass/elements/tag.scss +219 -0
  71. data/node_modules/bulma/sass/elements/title.scss +128 -0
  72. data/node_modules/bulma/sass/form/_index.scss +9 -0
  73. data/node_modules/bulma/sass/form/checkbox-radio.scss +36 -0
  74. data/node_modules/bulma/sass/form/file.scss +330 -0
  75. data/node_modules/bulma/sass/form/input-textarea.scss +113 -0
  76. data/node_modules/bulma/sass/form/select.scss +144 -0
  77. data/node_modules/bulma/sass/form/shared.scss +176 -0
  78. data/node_modules/bulma/sass/form/tools.scss +352 -0
  79. data/node_modules/bulma/sass/grid/_index.scss +5 -0
  80. data/node_modules/bulma/sass/grid/columns.scss +961 -0
  81. data/node_modules/bulma/sass/grid/grid.scss +209 -0
  82. data/node_modules/bulma/sass/helpers/_index.scss +15 -0
  83. data/node_modules/bulma/sass/helpers/aspect-ratio.scss +10 -0
  84. data/node_modules/bulma/sass/helpers/border.scss +15 -0
  85. data/node_modules/bulma/sass/helpers/color.scss +344 -0
  86. data/node_modules/bulma/sass/helpers/flexbox.scss +62 -0
  87. data/node_modules/bulma/sass/helpers/float.scss +28 -0
  88. data/node_modules/bulma/sass/helpers/gap.scss +24 -0
  89. data/node_modules/bulma/sass/helpers/other.scss +19 -0
  90. data/node_modules/bulma/sass/helpers/overflow.scss +21 -0
  91. data/node_modules/bulma/sass/helpers/position.scss +19 -0
  92. data/node_modules/bulma/sass/helpers/spacing.scss +64 -0
  93. data/node_modules/bulma/sass/helpers/typography.scss +168 -0
  94. data/node_modules/bulma/sass/helpers/visibility.scss +221 -0
  95. data/node_modules/bulma/sass/layout/_index.scss +9 -0
  96. data/node_modules/bulma/sass/layout/container.scss +59 -0
  97. data/node_modules/bulma/sass/layout/footer.scss +23 -0
  98. data/node_modules/bulma/sass/layout/hero.scss +270 -0
  99. data/node_modules/bulma/sass/layout/level.scss +107 -0
  100. data/node_modules/bulma/sass/layout/media.scss +106 -0
  101. data/node_modules/bulma/sass/layout/section.scss +38 -0
  102. data/node_modules/bulma/sass/themes/_index.scss +35 -0
  103. data/node_modules/bulma/sass/themes/dark.scss +56 -0
  104. data/node_modules/bulma/sass/themes/light.scss +146 -0
  105. data/node_modules/bulma/sass/themes/setup.scss +174 -0
  106. data/node_modules/bulma/sass/utilities/_index.scss +7 -0
  107. data/node_modules/bulma/sass/utilities/controls.scss +85 -0
  108. data/node_modules/bulma/sass/utilities/css-variables.scss +426 -0
  109. data/node_modules/bulma/sass/utilities/derived-variables.scss +86 -106
  110. data/node_modules/bulma/sass/utilities/extends.scss +34 -0
  111. data/node_modules/bulma/sass/utilities/functions.scss +258 -0
  112. data/node_modules/bulma/sass/utilities/initial-variables.scss +155 -0
  113. data/node_modules/bulma/sass/utilities/mixins.scss +460 -0
  114. data/node_modules/bulma/versions/bulma-no-dark-mode.scss +20 -0
  115. data/node_modules/bulma/versions/bulma-no-helpers-prefixed.scss +13 -0
  116. data/node_modules/bulma/versions/bulma-no-helpers.scss +11 -0
  117. data/node_modules/bulma/versions/bulma-prefixed.scss +6 -0
  118. data/package-lock.json +14 -6
  119. data/package.json +1 -1
  120. metadata +116 -99
  121. data/node_modules/bulma/CHANGELOG.md +0 -1459
  122. data/node_modules/bulma/bulma.sass +0 -10
  123. data/node_modules/bulma/css/bulma-rtl.css +0 -11331
  124. data/node_modules/bulma/css/bulma-rtl.css.map +0 -1
  125. data/node_modules/bulma/css/bulma-rtl.min.css +0 -1
  126. data/node_modules/bulma/sass/base/_all.sass +0 -4
  127. data/node_modules/bulma/sass/base/generic.sass +0 -142
  128. data/node_modules/bulma/sass/base/helpers.sass +0 -1
  129. data/node_modules/bulma/sass/base/minireset.sass +0 -79
  130. data/node_modules/bulma/sass/components/_all.sass +0 -14
  131. data/node_modules/bulma/sass/components/breadcrumb.sass +0 -75
  132. data/node_modules/bulma/sass/components/card.sass +0 -79
  133. data/node_modules/bulma/sass/components/dropdown.sass +0 -81
  134. data/node_modules/bulma/sass/components/level.sass +0 -77
  135. data/node_modules/bulma/sass/components/media.sass +0 -52
  136. data/node_modules/bulma/sass/components/menu.sass +0 -57
  137. data/node_modules/bulma/sass/components/message.sass +0 -99
  138. data/node_modules/bulma/sass/components/modal.sass +0 -113
  139. data/node_modules/bulma/sass/components/navbar.sass +0 -441
  140. data/node_modules/bulma/sass/components/pagination.sass +0 -150
  141. data/node_modules/bulma/sass/components/panel.sass +0 -119
  142. data/node_modules/bulma/sass/components/tabs.sass +0 -174
  143. data/node_modules/bulma/sass/elements/_all.sass +0 -15
  144. data/node_modules/bulma/sass/elements/box.sass +0 -24
  145. data/node_modules/bulma/sass/elements/button.sass +0 -323
  146. data/node_modules/bulma/sass/elements/container.sass +0 -24
  147. data/node_modules/bulma/sass/elements/content.sass +0 -155
  148. data/node_modules/bulma/sass/elements/form.sass +0 -1
  149. data/node_modules/bulma/sass/elements/icon.sass +0 -21
  150. data/node_modules/bulma/sass/elements/image.sass +0 -71
  151. data/node_modules/bulma/sass/elements/notification.sass +0 -48
  152. data/node_modules/bulma/sass/elements/other.sass +0 -39
  153. data/node_modules/bulma/sass/elements/progress.sass +0 -67
  154. data/node_modules/bulma/sass/elements/table.sass +0 -129
  155. data/node_modules/bulma/sass/elements/tag.sass +0 -136
  156. data/node_modules/bulma/sass/elements/title.sass +0 -70
  157. data/node_modules/bulma/sass/form/_all.sass +0 -8
  158. data/node_modules/bulma/sass/form/checkbox-radio.sass +0 -21
  159. data/node_modules/bulma/sass/form/file.sass +0 -180
  160. data/node_modules/bulma/sass/form/input-textarea.sass +0 -64
  161. data/node_modules/bulma/sass/form/select.sass +0 -85
  162. data/node_modules/bulma/sass/form/shared.sass +0 -55
  163. data/node_modules/bulma/sass/form/tools.sass +0 -213
  164. data/node_modules/bulma/sass/grid/_all.sass +0 -4
  165. data/node_modules/bulma/sass/grid/columns.sass +0 -504
  166. data/node_modules/bulma/sass/grid/tiles.sass +0 -34
  167. data/node_modules/bulma/sass/helpers/_all.sass +0 -10
  168. data/node_modules/bulma/sass/helpers/color.sass +0 -37
  169. data/node_modules/bulma/sass/helpers/float.sass +0 -8
  170. data/node_modules/bulma/sass/helpers/other.sass +0 -8
  171. data/node_modules/bulma/sass/helpers/overflow.sass +0 -2
  172. data/node_modules/bulma/sass/helpers/position.sass +0 -5
  173. data/node_modules/bulma/sass/helpers/spacing.sass +0 -28
  174. data/node_modules/bulma/sass/helpers/typography.sass +0 -98
  175. data/node_modules/bulma/sass/helpers/visibility.sass +0 -122
  176. data/node_modules/bulma/sass/layout/_all.sass +0 -5
  177. data/node_modules/bulma/sass/layout/footer.sass +0 -9
  178. data/node_modules/bulma/sass/layout/hero.sass +0 -145
  179. data/node_modules/bulma/sass/layout/section.sass +0 -13
  180. data/node_modules/bulma/sass/utilities/_all.sass +0 -8
  181. data/node_modules/bulma/sass/utilities/animations.sass +0 -5
  182. data/node_modules/bulma/sass/utilities/controls.sass +0 -50
  183. data/node_modules/bulma/sass/utilities/functions.sass +0 -115
  184. data/node_modules/bulma/sass/utilities/initial-variables.sass +0 -78
  185. data/node_modules/bulma/sass/utilities/mixins.sass +0 -285
@@ -1,82 +1,62 @@
1
1
  {
2
- "_from": "bulma@0.9.0",
3
- "_id": "bulma@0.9.0",
4
- "_inBundle": false,
5
- "_integrity": "sha512-rV75CJkubNUroAt0qCRkjznZLoaXq/ctfMXsMvKSL84UetbSyx5REl96e8GoQ04G4Tkw0XF3STECffTOQrbzOQ==",
6
- "_location": "/bulma",
7
- "_phantomChildren": {},
8
- "_requested": {
9
- "type": "version",
10
- "registry": true,
11
- "raw": "bulma@0.9.0",
12
- "name": "bulma",
13
- "escapedName": "bulma",
14
- "rawSpec": "0.9.0",
15
- "saveSpec": null,
16
- "fetchSpec": "0.9.0"
17
- },
18
- "_requiredBy": [
19
- "#USER",
20
- "/"
21
- ],
22
- "_resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.0.tgz",
23
- "_shasum": "948c5445a49e9d7546f0826cb3820d17178a814f",
24
- "_spec": "bulma@0.9.0",
25
- "_where": "/Users/chrisrhymes/Code/mere-blog-theme",
2
+ "name": "bulma",
3
+ "version": "1.0.2",
4
+ "homepage": "https://bulma.io",
26
5
  "author": {
27
6
  "name": "Jeremy Thomas",
28
7
  "email": "bbxdesign@gmail.com",
29
8
  "url": "https://jgthms.com"
30
9
  },
31
- "bugs": {
32
- "url": "https://github.com/jgthms/bulma/issues"
33
- },
34
- "bundleDependencies": false,
35
- "deprecated": false,
36
10
  "description": "Modern CSS framework based on Flexbox",
37
- "devDependencies": {
38
- "autoprefixer": "^9.8.0",
39
- "clean-css-cli": "^4.3.0",
40
- "node-sass": "^4.14.1",
41
- "postcss-cli": "^7.1.1",
42
- "rimraf": "^3.0.2"
11
+ "main": "bulma.scss",
12
+ "unpkg": "css/bulma.css",
13
+ "style": "css/bulma.min.css",
14
+ "repository": {
15
+ "type": "git",
16
+ "url": "git+https://github.com/jgthms/bulma.git"
43
17
  },
44
- "files": [
45
- "css",
46
- "sass",
47
- "bulma.sass",
48
- "LICENSE",
49
- "README.md"
50
- ],
51
- "homepage": "https://bulma.io",
18
+ "license": "MIT",
52
19
  "keywords": [
53
20
  "css",
54
21
  "sass",
22
+ "scss",
55
23
  "flexbox",
24
+ "grid",
56
25
  "responsive",
57
26
  "framework"
58
27
  ],
59
- "license": "MIT",
60
- "main": "bulma.sass",
61
- "name": "bulma",
62
- "repository": {
63
- "type": "git",
64
- "url": "git+https://github.com/jgthms/bulma.git"
28
+ "bugs": {
29
+ "url": "https://github.com/jgthms/bulma/issues"
30
+ },
31
+ "devDependencies": {
32
+ "cssnano": "^7.0.4",
33
+ "postcss-cli": "^11.0.0",
34
+ "prettier": "^3.3.3",
35
+ "rimraf": "^6.0.1",
36
+ "sass": "^1.77.8"
65
37
  },
66
38
  "scripts": {
67
- "build": "npm run build-sass && npm run build-autoprefix && npm run build-cleancss",
68
- "build-autoprefix": "postcss --use autoprefixer --map false --output css/bulma.css css/bulma.css",
69
- "build-cleancss": "cleancss -o css/bulma.min.css css/bulma.css",
70
- "build-sass": "node-sass --output-style expanded --source-map true bulma.sass css/bulma.css",
39
+ "build-bulma": "sass --style=expanded --source-map bulma.scss css/bulma.css",
40
+ "minify-bulma": "postcss css/bulma.css --no-map --use cssnano --output css/bulma.min.css",
41
+ "version-no-dark-mode": "sass --style=expanded --source-map versions/bulma-no-dark-mode.scss css/versions/bulma-no-dark-mode.css",
42
+ "version-no-helpers": "sass --style=expanded --source-map versions/bulma-no-helpers.scss css/versions/bulma-no-helpers.css",
43
+ "version-no-helpers-prefixed": "sass --style=expanded --source-map versions/bulma-no-helpers-prefixed.scss css/versions/bulma-no-helpers-prefixed.css",
44
+ "version-prefixed": "sass --style=expanded --source-map versions/bulma-prefixed.scss css/versions/bulma-prefixed.min.css",
45
+ "build-versions": "npm run version-no-dark-mode && npm run version-no-helpers && npm run version-no-helpers-prefixed && npm run version-prefixed",
46
+ "minify-versions": "postcss css/versions/*.css --dir css/versions --ext min.css --no-map --use cssnano",
47
+ "build-all": "npm run build-bulma && npm run build-versions",
48
+ "minify-all": "npm run minify-bulma && npm run minify-versions",
71
49
  "clean": "rimraf css",
72
- "deploy": "npm run clean && npm run build && npm run rtl",
73
- "rtl": "npm run rtl-sass && npm run rtl-autoprefix && npm run rtl-cleancss",
74
- "rtl-autoprefix": "postcss --use autoprefixer --map false --output css/bulma-rtl.css css/bulma-rtl.css",
75
- "rtl-cleancss": "cleancss -o css/bulma-rtl.min.css css/bulma-rtl.css",
76
- "rtl-sass": "node-sass --output-style expanded --source-map true bulma-rtl.sass css/bulma-rtl.css",
77
- "start": "npm run build-sass -- --watch"
50
+ "deploy": "npm run clean && npm run build-all && npm run minify-all",
51
+ "test": "sass --style=expanded --source-map --watch test.scss css/test.css",
52
+ "start": "npm run build-bulma -- --watch"
78
53
  },
79
- "style": "bulma/css/bulma.min.css",
80
- "unpkg": "css/bulma.css",
81
- "version": "0.9.0"
54
+ "files": [
55
+ "css",
56
+ "sass",
57
+ "versions",
58
+ "bulma.scss",
59
+ "LICENSE",
60
+ "README.md"
61
+ ]
82
62
  }
@@ -0,0 +1,10 @@
1
+ @forward "utilities";
2
+ @forward "themes";
3
+ @forward "base";
4
+ @forward "elements";
5
+ @forward "form";
6
+ @forward "components";
7
+ @forward "grid";
8
+ @forward "layout";
9
+ @forward "base/skeleton";
10
+ @forward "helpers";
@@ -0,0 +1,6 @@
1
+ /* Bulma Base */
2
+ @charset "utf-8";
3
+
4
+ @forward "minireset";
5
+ @forward "generic";
6
+ @forward "animations";
@@ -0,0 +1,15 @@
1
+ @keyframes spinAround {
2
+ from {
3
+ transform: rotate(0deg);
4
+ }
5
+
6
+ to {
7
+ transform: rotate(359deg);
8
+ }
9
+ }
10
+
11
+ @keyframes pulsate {
12
+ 50% {
13
+ opacity: 0.5;
14
+ }
15
+ }
@@ -0,0 +1,239 @@
1
+ @use "../utilities/css-variables.scss" as cv;
2
+ @use "../utilities/mixins" as mx;
3
+
4
+ $body-background-color: cv.getVar("scheme-main") !default;
5
+ $body-size: 1em !default;
6
+ $body-min-width: 300px !default;
7
+ $body-rendering: optimizeLegibility !default;
8
+ $body-family: cv.getVar("family-primary") !default;
9
+ $body-overflow-x: hidden !default;
10
+ $body-overflow-y: scroll !default;
11
+
12
+ $body-color: cv.getVar("text") !default;
13
+ $body-font-size: 1em !default;
14
+ $body-weight: cv.getVar("weight-normal") !default;
15
+ $body-line-height: 1.5 !default;
16
+
17
+ $code-family: cv.getVar("family-code") !default;
18
+ $code-padding: 0.25em 0.5em 0.25em !default;
19
+ $code-weight: normal !default;
20
+ $code-size: 0.875em !default;
21
+
22
+ $small-font-size: 0.875em !default;
23
+
24
+ $hr-background-color: cv.getVar("background") !default;
25
+ $hr-height: 2px !default;
26
+ $hr-margin: 1.5rem 0 !default;
27
+
28
+ $strong-color: cv.getVar("text-strong") !default;
29
+ $strong-weight: cv.getVar("weight-semibold") !default;
30
+
31
+ $pre-font-size: 0.875em !default;
32
+ $pre-padding: 1.25rem 1.5rem !default;
33
+ $pre-code-font-size: 1em !default;
34
+
35
+ :root {
36
+ @include cv.register-vars(
37
+ (
38
+ "body-background-color": #{$body-background-color},
39
+ "body-size": #{$body-size},
40
+ "body-min-width": #{$body-min-width},
41
+ "body-rendering": #{$body-rendering},
42
+ "body-family": #{$body-family},
43
+ "body-overflow-x": #{$body-overflow-x},
44
+ "body-overflow-y": #{$body-overflow-y},
45
+ "body-color": #{$body-color},
46
+ "body-font-size": #{$body-font-size},
47
+ "body-weight": #{$body-weight},
48
+ "body-line-height": #{$body-line-height},
49
+ "code-family": #{$code-family},
50
+ "code-padding": #{$code-padding},
51
+ "code-weight": #{$code-weight},
52
+ "code-size": #{$code-size},
53
+ "small-font-size": #{$small-font-size},
54
+ "hr-background-color": #{$hr-background-color},
55
+ "hr-height": #{$hr-height},
56
+ "hr-margin": #{$hr-margin},
57
+ "strong-color": #{$strong-color},
58
+ "strong-weight": #{$strong-weight},
59
+ "pre-font-size": #{$pre-font-size},
60
+ "pre-padding": #{$pre-padding},
61
+ "pre-code-font-size": #{$pre-code-font-size},
62
+ )
63
+ );
64
+ }
65
+
66
+ html {
67
+ background-color: cv.getVar("body-background-color");
68
+ font-size: cv.getVar("body-size");
69
+ -moz-osx-font-smoothing: grayscale;
70
+ -webkit-font-smoothing: antialiased;
71
+ min-width: cv.getVar("body-min-width");
72
+ overflow-x: cv.getVar("body-overflow-x");
73
+ overflow-y: cv.getVar("body-overflow-y");
74
+ text-rendering: cv.getVar("body-rendering");
75
+ text-size-adjust: 100%;
76
+ }
77
+
78
+ article,
79
+ aside,
80
+ figure,
81
+ footer,
82
+ header,
83
+ hgroup,
84
+ section {
85
+ display: block;
86
+ }
87
+
88
+ body,
89
+ button,
90
+ input,
91
+ optgroup,
92
+ select,
93
+ textarea {
94
+ font-family: cv.getVar("body-family");
95
+ }
96
+
97
+ code,
98
+ pre {
99
+ -moz-osx-font-smoothing: auto;
100
+ -webkit-font-smoothing: auto;
101
+ font-family: cv.getVar("code-family");
102
+ }
103
+
104
+ body {
105
+ color: cv.getVar("body-color");
106
+ font-size: cv.getVar("body-font-size");
107
+ font-weight: cv.getVar("body-weight");
108
+ line-height: cv.getVar("body-line-height");
109
+ }
110
+
111
+ // Inline
112
+
113
+ a,
114
+ button {
115
+ cursor: pointer;
116
+
117
+ &:focus-visible {
118
+ outline-color: hsl(
119
+ cv.getVar("focus-h"),
120
+ cv.getVar("focus-s"),
121
+ cv.getVar("focus-l")
122
+ );
123
+ outline-offset: cv.getVar("focus-offset");
124
+ outline-style: cv.getVar("focus-style");
125
+ outline-width: cv.getVar("focus-width");
126
+
127
+ &:active {
128
+ outline-width: 1px;
129
+ }
130
+ }
131
+
132
+ &:active {
133
+ outline-width: 1px;
134
+ }
135
+ }
136
+
137
+ a {
138
+ color: cv.getVar("link-text");
139
+ cursor: pointer;
140
+ text-decoration: none;
141
+ transition-duration: cv.getVar("duration");
142
+ transition-property: background-color, border-color, color;
143
+
144
+ strong {
145
+ color: currentColor;
146
+ }
147
+ }
148
+
149
+ button {
150
+ @include mx.reset;
151
+ transition-duration: cv.getVar("duration");
152
+ transition-property: background-color, border-color, color;
153
+ }
154
+
155
+ code {
156
+ background-color: cv.getVar("code-background");
157
+ border-radius: 0.5em;
158
+ color: cv.getVar("code");
159
+ font-size: cv.getVar("code-size");
160
+ font-weight: cv.getVar("code-weight");
161
+ padding: cv.getVar("code-padding");
162
+ }
163
+
164
+ hr {
165
+ background-color: cv.getVar("hr-background-color");
166
+ border: none;
167
+ display: block;
168
+ height: cv.getVar("hr-height");
169
+ margin: cv.getVar("hr-margin");
170
+ }
171
+
172
+ img {
173
+ height: auto;
174
+ max-width: 100%;
175
+ }
176
+
177
+ input[type="checkbox"],
178
+ input[type="radio"] {
179
+ vertical-align: baseline;
180
+ }
181
+
182
+ small {
183
+ font-size: cv.getVar("small-font-size");
184
+ }
185
+
186
+ span {
187
+ font-style: inherit;
188
+ font-weight: inherit;
189
+ }
190
+
191
+ strong {
192
+ color: cv.getVar("strong-color");
193
+ font-weight: cv.getVar("strong-weight");
194
+ }
195
+
196
+ svg {
197
+ height: auto;
198
+ width: auto;
199
+ }
200
+
201
+ // Block
202
+
203
+ fieldset {
204
+ border: none;
205
+ }
206
+
207
+ pre {
208
+ @include mx.overflow-touch;
209
+
210
+ background-color: cv.getVar("pre-background");
211
+ color: cv.getVar("pre");
212
+ font-size: cv.getVar("pre-font-size");
213
+ overflow-x: auto;
214
+ padding: cv.getVar("pre-padding");
215
+ white-space: pre;
216
+ word-wrap: normal;
217
+
218
+ code {
219
+ background-color: transparent;
220
+ color: currentColor;
221
+ font-size: cv.getVar("pre-code-font-size");
222
+ padding: 0;
223
+ }
224
+ }
225
+
226
+ table {
227
+ td,
228
+ th {
229
+ vertical-align: top;
230
+
231
+ &:not([align]) {
232
+ text-align: inherit;
233
+ }
234
+ }
235
+
236
+ th {
237
+ color: cv.getVar("text-strong");
238
+ }
239
+ }
@@ -0,0 +1,92 @@
1
+ /*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
2
+ // Blocks
3
+ html,
4
+ body,
5
+ p,
6
+ ol,
7
+ ul,
8
+ li,
9
+ dl,
10
+ dt,
11
+ dd,
12
+ blockquote,
13
+ figure,
14
+ fieldset,
15
+ legend,
16
+ textarea,
17
+ pre,
18
+ iframe,
19
+ hr,
20
+ h1,
21
+ h2,
22
+ h3,
23
+ h4,
24
+ h5,
25
+ h6 {
26
+ margin: 0;
27
+ padding: 0;
28
+ }
29
+
30
+ // Headings
31
+ h1,
32
+ h2,
33
+ h3,
34
+ h4,
35
+ h5,
36
+ h6 {
37
+ font-size: 100%;
38
+ font-weight: normal;
39
+ }
40
+
41
+ // List
42
+ ul {
43
+ list-style: none;
44
+ }
45
+
46
+ // Form
47
+ button,
48
+ input,
49
+ select,
50
+ textarea {
51
+ margin: 0;
52
+ }
53
+
54
+ // Box sizing
55
+ html {
56
+ box-sizing: border-box;
57
+ }
58
+
59
+ * {
60
+ &,
61
+ &::before,
62
+ &::after {
63
+ box-sizing: inherit;
64
+ }
65
+ }
66
+
67
+ // Media
68
+ img,
69
+ video {
70
+ height: auto;
71
+ max-width: 100%;
72
+ }
73
+
74
+ // Iframe
75
+ iframe {
76
+ border: 0;
77
+ }
78
+
79
+ // Table
80
+ table {
81
+ border-collapse: collapse;
82
+ border-spacing: 0;
83
+ }
84
+
85
+ td,
86
+ th {
87
+ padding: 0;
88
+
89
+ &:not([align]) {
90
+ text-align: inherit;
91
+ }
92
+ }
@@ -0,0 +1,114 @@
1
+ @use "../utilities/css-variables" as cv;
2
+ @use "../utilities/initial-variables" as iv;
3
+ @use "../utilities/mixins" as mx;
4
+ @use "../utilities/extends";
5
+
6
+ $skeleton-background: cv.getVar("border") !default;
7
+ $skeleton-radius: cv.getVar("radius-small") !default;
8
+ $skeleton-block-min-height: 4.5em !default;
9
+ $skeleton-lines-gap: 0.75em !default;
10
+ $skeleton-line-height: 0.75em !default;
11
+
12
+ :root {
13
+ @include cv.register-vars(
14
+ (
15
+ "skeleton-background": #{$skeleton-background},
16
+ "skeleton-radius": #{$skeleton-radius},
17
+ "skeleton-block-min-height": #{$skeleton-block-min-height},
18
+ "skeleton-lines-gap": #{$skeleton-lines-gap},
19
+ "skeleton-line-height": #{$skeleton-line-height},
20
+ )
21
+ );
22
+ }
23
+
24
+ %skeleton-pulsation {
25
+ animation-duration: 2s;
26
+ animation-iteration-count: infinite;
27
+ animation-name: pulsate;
28
+ animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
29
+ background-color: cv.getVar("skeleton-background");
30
+ border-radius: cv.getVar("skeleton-radius");
31
+ box-shadow: none;
32
+ pointer-events: none;
33
+ }
34
+
35
+ .#{iv.$class-prefix}is-skeleton {
36
+ @extend %skeleton-pulsation;
37
+ color: transparent !important;
38
+
39
+ em,
40
+ strong {
41
+ color: inherit;
42
+ }
43
+
44
+ img {
45
+ visibility: hidden;
46
+ }
47
+
48
+ &.#{iv.$class-prefix}checkbox {
49
+ input {
50
+ opacity: 0;
51
+ }
52
+ }
53
+
54
+ &.#{iv.$class-prefix}delete {
55
+ border-radius: cv.getVar("radius-rounded");
56
+
57
+ &::before,
58
+ &::after {
59
+ display: none;
60
+ }
61
+ }
62
+ }
63
+
64
+ input.#{iv.$class-prefix}is-skeleton,
65
+ textarea.#{iv.$class-prefix}is-skeleton {
66
+ resize: none;
67
+
68
+ @include mx.placeholder {
69
+ color: transparent !important;
70
+ }
71
+ }
72
+
73
+ .#{iv.$class-prefix}has-skeleton {
74
+ color: transparent !important;
75
+ position: relative;
76
+
77
+ &::after {
78
+ @extend %skeleton-pulsation;
79
+ content: "";
80
+ display: block;
81
+ height: 100%;
82
+ left: 0;
83
+ max-width: 100%;
84
+ min-width: 10%;
85
+ position: absolute;
86
+ top: 0;
87
+ width: 7em;
88
+ }
89
+ }
90
+
91
+ .#{iv.$class-prefix}skeleton-block {
92
+ @extend %block;
93
+ @extend %skeleton-pulsation;
94
+ color: transparent !important;
95
+ min-height: cv.getVar("skeleton-block-min-height");
96
+ }
97
+
98
+ .#{iv.$class-prefix}skeleton-lines {
99
+ color: transparent !important;
100
+ display: flex;
101
+ flex-direction: column;
102
+ gap: cv.getVar("skeleton-lines-gap");
103
+ position: relative;
104
+
105
+ > div {
106
+ @extend %skeleton-pulsation;
107
+ height: cv.getVar("skeleton-line-height");
108
+
109
+ &:last-child {
110
+ min-width: 4em;
111
+ width: 30%;
112
+ }
113
+ }
114
+ }
@@ -0,0 +1,13 @@
1
+ /* Bulma Components */
2
+ @charset "utf-8";
3
+
4
+ @forward "breadcrumb";
5
+ @forward "card";
6
+ @forward "dropdown";
7
+ @forward "menu";
8
+ @forward "message";
9
+ @forward "modal";
10
+ @forward "navbar";
11
+ @forward "pagination";
12
+ @forward "panel";
13
+ @forward "tabs";