bulma-clean-theme 0.11 → 0.13

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 (150) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +10 -634
  3. data/_includes/head.html +1 -1
  4. data/_includes/header.html +1 -1
  5. data/_includes/image-modal.html +1 -1
  6. data/_includes/notification.html +2 -2
  7. data/_includes/series.html +32 -0
  8. data/_layouts/default.html +2 -2
  9. data/_layouts/post.html +4 -0
  10. data/_layouts/recipe.html +22 -0
  11. data/_posts/2021-10-30-creating-a-post-series.md +59 -0
  12. data/node_modules/.package-lock.json +21 -0
  13. data/node_modules/bulma/CHANGELOG.md +521 -448
  14. data/node_modules/bulma/README.md +5 -2
  15. data/node_modules/bulma/bulma.sass +1 -1
  16. data/node_modules/bulma/css/bulma-rtl.css +778 -591
  17. data/node_modules/bulma/css/bulma-rtl.css.map +1 -1
  18. data/node_modules/bulma/css/bulma-rtl.min.css +1 -1
  19. data/node_modules/bulma/css/bulma.css +621 -434
  20. data/node_modules/bulma/css/bulma.css.map +1 -1
  21. data/node_modules/bulma/css/bulma.min.css +1 -1
  22. data/node_modules/bulma/package.json +28 -54
  23. data/node_modules/bulma/sass/base/_all.sass +3 -2
  24. data/node_modules/{bulma-block-list/node_modules/bulma/sass/utilities → bulma/sass/base}/animations.sass +0 -0
  25. data/node_modules/bulma/sass/base/generic.sass +2 -0
  26. data/node_modules/bulma/sass/components/_all.sass +12 -12
  27. data/node_modules/bulma/sass/components/breadcrumb.sass +2 -0
  28. data/node_modules/bulma/sass/components/card.sass +23 -3
  29. data/node_modules/bulma/sass/components/dropdown.sass +3 -1
  30. data/node_modules/bulma/sass/components/level.sass +3 -1
  31. data/node_modules/bulma/sass/components/media.sass +16 -9
  32. data/node_modules/bulma/sass/components/menu.sass +2 -0
  33. data/node_modules/bulma/sass/components/message.sass +2 -0
  34. data/node_modules/bulma/sass/components/modal.sass +2 -0
  35. data/node_modules/bulma/sass/components/navbar.sass +3 -0
  36. data/node_modules/bulma/sass/components/pagination.sass +19 -3
  37. data/node_modules/bulma/sass/components/panel.sass +3 -1
  38. data/node_modules/bulma/sass/components/tabs.sass +2 -0
  39. data/node_modules/bulma/sass/elements/_all.sass +12 -12
  40. data/node_modules/bulma/sass/elements/box.sass +3 -1
  41. data/node_modules/bulma/sass/elements/button.sass +27 -7
  42. data/node_modules/bulma/sass/elements/container.sass +2 -0
  43. data/node_modules/bulma/sass/elements/content.sass +4 -0
  44. data/node_modules/bulma/sass/elements/icon.sass +25 -0
  45. data/node_modules/bulma/sass/elements/image.sass +2 -0
  46. data/node_modules/bulma/sass/elements/notification.sass +2 -0
  47. data/node_modules/bulma/sass/elements/other.sass +2 -10
  48. data/node_modules/bulma/sass/elements/progress.sass +2 -0
  49. data/node_modules/bulma/sass/elements/table.sass +2 -0
  50. data/node_modules/bulma/sass/elements/tag.sass +2 -0
  51. data/node_modules/bulma/sass/elements/title.sass +2 -2
  52. data/node_modules/bulma/sass/form/_all.sass +6 -6
  53. data/node_modules/bulma/sass/form/file.sass +2 -0
  54. data/node_modules/bulma/sass/form/shared.sass +3 -0
  55. data/node_modules/bulma/sass/grid/_all.sass +2 -2
  56. data/node_modules/bulma/sass/grid/columns.sass +93 -84
  57. data/node_modules/bulma/sass/grid/tiles.sass +3 -1
  58. data/node_modules/bulma/sass/helpers/_all.sass +9 -9
  59. data/node_modules/bulma/sass/helpers/color.sass +2 -0
  60. data/node_modules/bulma/sass/helpers/float.sass +2 -0
  61. data/node_modules/bulma/sass/helpers/other.sass +3 -0
  62. data/node_modules/bulma/sass/helpers/position.sass +2 -0
  63. data/node_modules/bulma/sass/helpers/spacing.sass +1 -1
  64. data/node_modules/bulma/sass/helpers/typography.sass +5 -0
  65. data/node_modules/bulma/sass/helpers/visibility.sass +1 -1
  66. data/node_modules/bulma/sass/layout/_all.sass +3 -3
  67. data/node_modules/bulma/sass/layout/footer.sass +2 -0
  68. data/node_modules/bulma/sass/layout/hero.sass +8 -2
  69. data/node_modules/bulma/sass/layout/section.sass +6 -2
  70. data/node_modules/bulma/sass/utilities/_all.sass +6 -6
  71. data/node_modules/bulma/sass/utilities/animations.sass +1 -5
  72. data/node_modules/bulma/sass/utilities/controls.sass +2 -3
  73. data/node_modules/bulma/sass/utilities/derived-variables.sass +7 -0
  74. data/node_modules/bulma/sass/utilities/extends.sass +25 -0
  75. data/node_modules/bulma/sass/utilities/functions.sass +25 -4
  76. data/node_modules/bulma/sass/utilities/initial-variables.sass +5 -5
  77. data/node_modules/bulma/sass/utilities/mixins.sass +18 -23
  78. data/node_modules/bulma-block-list/.editorconfig +15 -0
  79. data/node_modules/bulma-block-list/.github/FUNDING.yml +12 -0
  80. data/node_modules/bulma-block-list/changelog.txt +20 -0
  81. data/node_modules/bulma-block-list/docs/Gemfile +2 -2
  82. data/node_modules/bulma-block-list/docs/_config.yml +2 -0
  83. data/node_modules/bulma-block-list/docs/_data/menu.yaml +5 -1
  84. data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +30 -2
  85. data/node_modules/bulma-block-list/docs/index.html +106 -7
  86. data/node_modules/bulma-block-list/package.json +10 -44
  87. data/node_modules/bulma-block-list/src/block-list.scss +30 -2
  88. data/package-lock.json +32 -15
  89. data/package.json +2 -2
  90. metadata +20 -67
  91. data/node_modules/bulma-block-list/node_modules/bulma/CHANGELOG.md +0 -1390
  92. data/node_modules/bulma-block-list/node_modules/bulma/LICENSE +0 -21
  93. data/node_modules/bulma-block-list/node_modules/bulma/README.md +0 -130
  94. data/node_modules/bulma-block-list/node_modules/bulma/bulma.sass +0 -9
  95. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css +0 -10855
  96. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css.map +0 -1
  97. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.min.css +0 -1
  98. data/node_modules/bulma-block-list/node_modules/bulma/package.json +0 -77
  99. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/_all.sass +0 -5
  100. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/generic.sass +0 -142
  101. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/helpers.sass +0 -281
  102. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/minireset.sass +0 -79
  103. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/_all.sass +0 -15
  104. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/breadcrumb.sass +0 -75
  105. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/card.sass +0 -79
  106. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/dropdown.sass +0 -81
  107. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/level.sass +0 -77
  108. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/list.sass +0 -39
  109. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/media.sass +0 -50
  110. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/menu.sass +0 -57
  111. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/message.sass +0 -99
  112. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/modal.sass +0 -113
  113. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/navbar.sass +0 -441
  114. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/pagination.sass +0 -150
  115. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/panel.sass +0 -119
  116. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/tabs.sass +0 -151
  117. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/_all.sass +0 -15
  118. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/box.sass +0 -24
  119. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/button.sass +0 -323
  120. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/container.sass +0 -24
  121. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/content.sass +0 -155
  122. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/form.sass +0 -1
  123. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/icon.sass +0 -21
  124. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/image.sass +0 -71
  125. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/notification.sass +0 -43
  126. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/other.sass +0 -39
  127. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/progress.sass +0 -67
  128. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/table.sass +0 -127
  129. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/tag.sass +0 -128
  130. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/title.sass +0 -70
  131. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/_all.sass +0 -8
  132. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/checkbox-radio.sass +0 -21
  133. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/file.sass +0 -180
  134. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/input-textarea.sass +0 -64
  135. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/select.sass +0 -85
  136. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/shared.sass +0 -55
  137. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/tools.sass +0 -205
  138. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/_all.sass +0 -4
  139. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/columns.sass +0 -504
  140. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/tiles.sass +0 -34
  141. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/_all.sass +0 -5
  142. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/footer.sass +0 -9
  143. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/hero.sass +0 -145
  144. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/section.sass +0 -13
  145. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/_all.sass +0 -8
  146. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/controls.sass +0 -50
  147. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/derived-variables.sass +0 -106
  148. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/functions.sass +0 -110
  149. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/initial-variables.sass +0 -77
  150. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/mixins.sass +0 -261
@@ -1,54 +1,21 @@
1
1
  {
2
- "_from": "bulma@0.9.1",
3
- "_id": "bulma@0.9.1",
4
- "_inBundle": false,
5
- "_integrity": "sha512-LSF69OumXg2HSKl2+rN0/OEXJy7WFEb681wtBlNS/ulJYR27J3rORHibdXZ6GVb/vyUzzYK/Arjyh56wjbFedA==",
6
- "_location": "/bulma",
7
- "_phantomChildren": {},
8
- "_requested": {
9
- "type": "version",
10
- "registry": true,
11
- "raw": "bulma@0.9.1",
12
- "name": "bulma",
13
- "escapedName": "bulma",
14
- "rawSpec": "0.9.1",
15
- "saveSpec": null,
16
- "fetchSpec": "0.9.1"
17
- },
18
- "_requiredBy": [
19
- "#USER",
20
- "/"
21
- ],
22
- "_resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.1.tgz",
23
- "_shasum": "2bf0e25062a22166db5c92e8c3dcb4605ab040d8",
24
- "_spec": "bulma@0.9.1",
25
- "_where": "/Users/chrisrhymes/Code/bulma-clean-theme",
2
+ "name": "bulma",
3
+ "version": "0.9.3",
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.sass",
12
+ "unpkg": "css/bulma.css",
13
+ "style": "bulma/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",
@@ -56,12 +23,15 @@
56
23
  "responsive",
57
24
  "framework"
58
25
  ],
59
- "license": "MIT",
60
- "main": "bulma.sass",
61
- "name": "bulma",
62
- "repository": {
63
- "type": "git",
64
- "url": "git+https://github.com/jgthms/bulma.git"
26
+ "bugs": {
27
+ "url": "https://github.com/jgthms/bulma/issues"
28
+ },
29
+ "devDependencies": {
30
+ "autoprefixer": "^9.8.6",
31
+ "clean-css-cli": "^4.3.0",
32
+ "node-sass": "^4.14.1",
33
+ "postcss-cli": "^7.1.2",
34
+ "rimraf": "^3.0.2"
65
35
  },
66
36
  "scripts": {
67
37
  "build": "npm run build-sass && npm run build-autoprefix && npm run build-cleancss",
@@ -69,14 +39,18 @@
69
39
  "build-cleancss": "cleancss -o css/bulma.min.css css/bulma.css",
70
40
  "build-sass": "node-sass --output-style expanded --source-map true bulma.sass css/bulma.css",
71
41
  "clean": "rimraf css",
72
- "deploy": "npm run clean && npm run build && npm run rtl",
73
42
  "rtl": "npm run rtl-sass && npm run rtl-autoprefix && npm run rtl-cleancss",
43
+ "rtl-sass": "node-sass --output-style expanded --source-map true bulma-rtl.sass css/bulma-rtl.css",
74
44
  "rtl-autoprefix": "postcss --use autoprefixer --map false --output css/bulma-rtl.css css/bulma-rtl.css",
75
45
  "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",
46
+ "deploy": "npm run clean && npm run build && npm run rtl",
77
47
  "start": "npm run build-sass -- --watch"
78
48
  },
79
- "style": "bulma/css/bulma.min.css",
80
- "unpkg": "css/bulma.css",
81
- "version": "0.9.1"
49
+ "files": [
50
+ "css",
51
+ "sass",
52
+ "bulma.sass",
53
+ "LICENSE",
54
+ "README.md"
55
+ ]
82
56
  }
@@ -1,5 +1,6 @@
1
1
  /* Bulma Base */
2
2
  @charset "utf-8"
3
3
 
4
- @import "minireset.sass"
5
- @import "generic.sass"
4
+ @import "minireset"
5
+ @import "generic"
6
+ @import "animations"
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $body-background-color: $scheme-main !default
2
4
  $body-size: 16px !default
3
5
  $body-min-width: 300px !default
@@ -1,15 +1,15 @@
1
1
  /* Bulma Components */
2
2
  @charset "utf-8"
3
3
 
4
- @import "breadcrumb.sass"
5
- @import "card.sass"
6
- @import "dropdown.sass"
7
- @import "level.sass"
8
- @import "media.sass"
9
- @import "menu.sass"
10
- @import "message.sass"
11
- @import "modal.sass"
12
- @import "navbar.sass"
13
- @import "pagination.sass"
14
- @import "panel.sass"
15
- @import "tabs.sass"
4
+ @import "breadcrumb"
5
+ @import "card"
6
+ @import "dropdown"
7
+ @import "level"
8
+ @import "media"
9
+ @import "menu"
10
+ @import "message"
11
+ @import "modal"
12
+ @import "navbar"
13
+ @import "pagination"
14
+ @import "panel"
15
+ @import "tabs"
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $breadcrumb-item-color: $link !default
2
4
  $breadcrumb-item-hover-color: $link-hover !default
3
5
  $breadcrumb-item-active-color: $text-strong !default
@@ -1,8 +1,9 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $card-color: $text !default
2
4
  $card-background-color: $scheme-main !default
3
- $card-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
5
+ $card-shadow: $shadow !default
4
6
  $card-radius: 0.25rem !default
5
- $card-overflow: hidden !default
6
7
 
7
8
  $card-header-background-color: transparent !default
8
9
  $card-header-color: $text-strong !default
@@ -25,10 +26,18 @@ $card-media-margin: $block-spacing !default
25
26
  box-shadow: $card-shadow
26
27
  color: $card-color
27
28
  max-width: 100%
28
- overflow: $card-overflow
29
29
  position: relative
30
30
 
31
+ %card-item
32
+ &:first-child
33
+ border-top-left-radius: $card-radius
34
+ border-top-right-radius: $card-radius
35
+ &:last-child
36
+ border-bottom-left-radius: $card-radius
37
+ border-bottom-right-radius: $card-radius
38
+
31
39
  .card-header
40
+ @extend %card-item
32
41
  background-color: $card-header-background-color
33
42
  align-items: stretch
34
43
  box-shadow: $card-header-shadow
@@ -45,6 +54,7 @@ $card-media-margin: $block-spacing !default
45
54
  justify-content: center
46
55
 
47
56
  .card-header-icon
57
+ +reset
48
58
  align-items: center
49
59
  cursor: pointer
50
60
  display: flex
@@ -54,12 +64,22 @@ $card-media-margin: $block-spacing !default
54
64
  .card-image
55
65
  display: block
56
66
  position: relative
67
+ &:first-child
68
+ img
69
+ border-top-left-radius: $card-radius
70
+ border-top-right-radius: $card-radius
71
+ &:last-child
72
+ img
73
+ border-bottom-left-radius: $card-radius
74
+ border-bottom-right-radius: $card-radius
57
75
 
58
76
  .card-content
77
+ @extend %card-item
59
78
  background-color: $card-content-background-color
60
79
  padding: $card-content-padding
61
80
 
62
81
  .card-footer
82
+ @extend %card-item
63
83
  background-color: $card-footer-background-color
64
84
  border-top: $card-footer-border-top
65
85
  align-items: stretch
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $dropdown-menu-min-width: 12rem !default
2
4
 
3
5
  $dropdown-content-background-color: $scheme-main !default
@@ -6,7 +8,7 @@ $dropdown-content-offset: 4px !default
6
8
  $dropdown-content-padding-bottom: 0.5rem !default
7
9
  $dropdown-content-padding-top: 0.5rem !default
8
10
  $dropdown-content-radius: $radius !default
9
- $dropdown-content-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
11
+ $dropdown-content-shadow: $shadow !default
10
12
  $dropdown-content-z: 20 !default
11
13
 
12
14
  $dropdown-item-color: $text !default
@@ -1,4 +1,6 @@
1
- $level-item-spacing: ($block-spacing / 2) !default
1
+ @import "../utilities/mixins"
2
+
3
+ $level-item-spacing: ($block-spacing * 0.5) !default
2
4
 
3
5
  .level
4
6
  @extend %block
@@ -1,26 +1,33 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $media-border-color: bulmaRgba($border, 0.5) !default
2
- $media-spacing: 1rem
3
- $media-spacing-large: 1.5rem
4
+ $media-border-size: 1px !default
5
+ $media-spacing: 1rem !default
6
+ $media-spacing-large: 1.5rem !default
7
+ $media-content-spacing: 0.75rem !default
8
+ $media-level-1-spacing: 0.75rem !default
9
+ $media-level-1-content-spacing: 0.5rem !default
10
+ $media-level-2-spacing: 0.5rem !default
4
11
 
5
12
  .media
6
13
  align-items: flex-start
7
14
  display: flex
8
15
  text-align: inherit
9
16
  .content:not(:last-child)
10
- margin-bottom: 0.75rem
17
+ margin-bottom: $media-content-spacing
11
18
  .media
12
- border-top: 1px solid $media-border-color
19
+ border-top: $media-border-size solid $media-border-color
13
20
  display: flex
14
- padding-top: 0.75rem
21
+ padding-top: $media-level-1-spacing
15
22
  .content:not(:last-child),
16
23
  .control:not(:last-child)
17
- margin-bottom: 0.5rem
24
+ margin-bottom: $media-level-1-content-spacing
18
25
  .media
19
- padding-top: 0.5rem
26
+ padding-top: $media-level-2-spacing
20
27
  & + .media
21
- margin-top: 0.5rem
28
+ margin-top: $media-level-2-spacing
22
29
  & + .media
23
- border-top: 1px solid $media-border-color
30
+ border-top: $media-border-size solid $media-border-color
24
31
  margin-top: $media-spacing
25
32
  padding-top: $media-spacing
26
33
  // Sizes
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $menu-item-color: $text !default
2
4
  $menu-item-radius: $radius-small !default
3
5
  $menu-item-hover-color: $text-strong !default
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $message-background-color: $background !default
2
4
  $message-radius: $radius !default
3
5
 
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $modal-z: 40 !default
2
4
 
3
5
  $modal-background-background-color: bulmaRgba($scheme-invert, 0.86) !default
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $navbar-background-color: $scheme-main !default
2
4
  $navbar-box-shadow-size: 0 2px 0 0 !default
3
5
  $navbar-box-shadow-color: $background !default
@@ -151,6 +153,7 @@ body
151
153
  overflow-y: hidden
152
154
 
153
155
  .navbar-burger
156
+ @extend %reset
154
157
  color: $navbar-burger-color
155
158
  +hamburger($navbar-height)
156
159
  +ltr-property("margin", auto, false)
@@ -1,3 +1,6 @@
1
+ @import "../utilities/controls"
2
+ @import "../utilities/mixins"
3
+
1
4
  $pagination-color: $text-strong !default
2
5
  $pagination-border-color: $border !default
3
6
  $pagination-margin: -0.25rem !default
@@ -8,6 +11,9 @@ $pagination-item-margin: 0.25rem !default
8
11
  $pagination-item-padding-left: 0.5em !default
9
12
  $pagination-item-padding-right: 0.5em !default
10
13
 
14
+ $pagination-nav-padding-left: 0.75em !default
15
+ $pagination-nav-padding-right: 0.75em !default
16
+
11
17
  $pagination-hover-color: $link-hover !default
12
18
  $pagination-hover-border-color: $link-hover-border !default
13
19
 
@@ -27,7 +33,7 @@ $pagination-current-border-color: $link !default
27
33
 
28
34
  $pagination-ellipsis-color: $grey-light !default
29
35
 
30
- $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2)
36
+ $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2) !default
31
37
 
32
38
  .pagination
33
39
  @extend %block
@@ -91,8 +97,8 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2)
91
97
 
92
98
  .pagination-previous,
93
99
  .pagination-next
94
- padding-left: 0.75em
95
- padding-right: 0.75em
100
+ padding-left: $pagination-nav-padding-left
101
+ padding-right: $pagination-nav-padding-right
96
102
  white-space: nowrap
97
103
 
98
104
  .pagination-link
@@ -107,6 +113,8 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2)
107
113
 
108
114
  .pagination-list
109
115
  flex-wrap: wrap
116
+ li
117
+ list-style: none
110
118
 
111
119
  +mobile
112
120
  .pagination
@@ -126,12 +134,20 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2)
126
134
  flex-shrink: 1
127
135
  justify-content: flex-start
128
136
  order: 1
137
+ .pagination-previous,
138
+ .pagination-next,
139
+ .pagination-link,
140
+ .pagination-ellipsis
141
+ margin-bottom: 0
142
+ margin-top: 0
129
143
  .pagination-previous
130
144
  order: 2
131
145
  .pagination-next
132
146
  order: 3
133
147
  .pagination
134
148
  justify-content: space-between
149
+ margin-bottom: 0
150
+ margin-top: 0
135
151
  &.is-centered
136
152
  .pagination-previous
137
153
  order: 1
@@ -1,7 +1,9 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $panel-margin: $block-spacing !default
2
4
  $panel-item-border: 1px solid $border-light !default
3
5
  $panel-radius: $radius-large !default
4
- $panel-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
6
+ $panel-shadow: $shadow !default
5
7
 
6
8
  $panel-heading-background-color: $border-light !default
7
9
  $panel-heading-color: $text-strong !default
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $tabs-border-bottom-color: $border !default
2
4
  $tabs-border-bottom-style: solid !default
3
5
  $tabs-border-bottom-width: 1px !default
@@ -1,16 +1,16 @@
1
1
  /* Bulma Elements */
2
2
  @charset "utf-8"
3
3
 
4
- @import "box.sass"
5
- @import "button.sass"
6
- @import "container.sass"
7
- @import "content.sass"
8
- @import "icon.sass"
9
- @import "image.sass"
10
- @import "notification.sass"
11
- @import "progress.sass"
12
- @import "table.sass"
13
- @import "tag.sass"
14
- @import "title.sass"
4
+ @import "box"
5
+ @import "button"
6
+ @import "container"
7
+ @import "content"
8
+ @import "icon"
9
+ @import "image"
10
+ @import "notification"
11
+ @import "progress"
12
+ @import "table"
13
+ @import "tag"
14
+ @import "title"
15
15
 
16
- @import "other.sass"
16
+ @import "other"
@@ -1,7 +1,9 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $box-color: $text !default
2
4
  $box-background-color: $scheme-main !default
3
5
  $box-radius: $radius-large !default
4
- $box-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
6
+ $box-shadow: $shadow !default
5
7
  $box-padding: 1.25rem !default
6
8
 
7
9
  $box-link-hover-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1px $link !default
@@ -1,3 +1,6 @@
1
+ @import "../utilities/controls"
2
+ @import "../utilities/mixins"
3
+
1
4
  $button-color: $text-strong !default
2
5
  $button-background-color: $scheme-main !default
3
6
  $button-family: false !default
@@ -24,6 +27,13 @@ $button-text-decoration: underline !default
24
27
  $button-text-hover-background-color: $background !default
25
28
  $button-text-hover-color: $text-strong !default
26
29
 
30
+ $button-ghost-background: none !default
31
+ $button-ghost-border-color: transparent !default
32
+ $button-ghost-color: $link !default
33
+ $button-ghost-decoration: none !default
34
+ $button-ghost-hover-color: $link !default
35
+ $button-ghost-hover-decoration: underline !default
36
+
27
37
  $button-disabled-background-color: $scheme-main !default
28
38
  $button-disabled-border-color: $border !default
29
39
  $button-disabled-shadow: none !default
@@ -37,7 +47,8 @@ $button-colors: $colors !default
37
47
 
38
48
  // The button sizes use mixins so they can be used at different breakpoints
39
49
  =button-small
40
- border-radius: $radius-small
50
+ &:not(.is-rounded)
51
+ border-radius: $radius-small
41
52
  font-size: $size-small
42
53
  =button-normal
43
54
  font-size: $size-normal
@@ -73,14 +84,14 @@ $button-colors: $colors !default
73
84
  height: 1.5em
74
85
  width: 1.5em
75
86
  &:first-child:not(:last-child)
76
- +ltr-property("margin", calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width}), false)
77
- +ltr-property("margin", $button-padding-horizontal / 4)
87
+ +ltr-property("margin", calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width}), false)
88
+ +ltr-property("margin", $button-padding-horizontal * 0.25)
78
89
  &:last-child:not(:first-child)
79
- +ltr-property("margin", $button-padding-horizontal / 4, false)
80
- +ltr-property("margin", calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width}))
90
+ +ltr-property("margin", $button-padding-horizontal * 0.25, false)
91
+ +ltr-property("margin", calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width}))
81
92
  &:first-child:last-child
82
- margin-left: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width})
83
- margin-right: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width})
93
+ margin-left: calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width})
94
+ margin-right: calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width})
84
95
  // States
85
96
  &:hover,
86
97
  &.is-hovered
@@ -117,6 +128,15 @@ $button-colors: $colors !default
117
128
  background-color: transparent
118
129
  border-color: transparent
119
130
  box-shadow: none
131
+ &.is-ghost
132
+ background: $button-ghost-background
133
+ border-color: $button-ghost-border-color
134
+ color: $button-ghost-color
135
+ text-decoration: $button-ghost-decoration
136
+ &:hover,
137
+ &.is-hovered
138
+ color: $button-ghost-hover-color
139
+ text-decoration: $button-ghost-hover-decoration
120
140
  @each $name, $pair in $button-colors
121
141
  $color: nth($pair, 1)
122
142
  $color-invert: nth($pair, 2)
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $container-offset: (2 * $gap) !default
2
4
  $container-max-width: $fullhd !default
3
5
 
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $content-heading-color: $text-strong !default
2
4
  $content-heading-weight: $weight-semibold !default
3
5
  $content-heading-line-height: 1.125 !default
@@ -149,6 +151,8 @@ $content-table-foot-cell-color: $text-strong !default
149
151
  // Sizes
150
152
  &.is-small
151
153
  font-size: $size-small
154
+ &.is-normal
155
+ font-size: $size-normal
152
156
  &.is-medium
153
157
  font-size: $size-medium
154
158
  &.is-large
@@ -2,6 +2,7 @@ $icon-dimensions: 1.5rem !default
2
2
  $icon-dimensions-small: 1rem !default
3
3
  $icon-dimensions-medium: 2rem !default
4
4
  $icon-dimensions-large: 3rem !default
5
+ $icon-text-spacing: 0.25em !default
5
6
 
6
7
  .icon
7
8
  align-items: center
@@ -19,3 +20,27 @@ $icon-dimensions-large: 3rem !default
19
20
  &.is-large
20
21
  height: $icon-dimensions-large
21
22
  width: $icon-dimensions-large
23
+
24
+ .icon-text
25
+ align-items: flex-start
26
+ color: inherit
27
+ display: inline-flex
28
+ flex-wrap: wrap
29
+ line-height: $icon-dimensions
30
+ vertical-align: top
31
+ .icon
32
+ flex-grow: 0
33
+ flex-shrink: 0
34
+ &:not(:last-child)
35
+ +ltr
36
+ margin-right: $icon-text-spacing
37
+ +rtl
38
+ margin-left: $icon-text-spacing
39
+ &:not(:first-child)
40
+ +ltr
41
+ margin-left: $icon-text-spacing
42
+ +rtl
43
+ margin-right: $icon-text-spacing
44
+
45
+ div.icon-text
46
+ display: flex
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $dimensions: 16 24 32 48 64 96 128 !default
2
4
 
3
5
  .image
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $notification-background-color: $background !default
2
4
  $notification-code-background-color: $scheme-main !default
3
5
  $notification-radius: $radius !default
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  .block
2
4
  @extend %block
3
5
 
@@ -11,16 +13,6 @@
11
13
  margin-bottom: 5px
12
14
  text-transform: uppercase
13
15
 
14
- .highlight
15
- @extend %block
16
- font-weight: $weight-normal
17
- max-width: 100%
18
- overflow: hidden
19
- padding: 0
20
- pre
21
- overflow: auto
22
- max-width: 100%
23
-
24
16
  .loader
25
17
  @extend %loader
26
18
 
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $progress-bar-background-color: $border-light !default
2
4
  $progress-value-background-color: $text !default
3
5
  $progress-border-radius: $radius-rounded !default
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $table-color: $text-strong !default
2
4
  $table-background-color: $scheme-main !default
3
5
 
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $tag-background-color: $background !default
2
4
  $tag-color: $text !default
3
5
  $tag-radius: $radius !default
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $title-color: $text-strong !default
2
4
  $title-family: false !default
3
5
  $title-size: $size-3 !default
@@ -41,8 +43,6 @@ $subtitle-negative-margin: -1.25rem !default
41
43
  strong
42
44
  color: $title-strong-color
43
45
  font-weight: $title-strong-weight
44
- & + .highlight
45
- margin-top: -0.75rem
46
46
  &:not(.is-spaced) + .subtitle
47
47
  margin-top: $subtitle-negative-margin
48
48
  // Sizes