jekyll-theme-opentoolbox 1.1.0 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (191) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +57 -31
  3. data/_includes/banner.html +4 -4
  4. data/_includes/callouts.html +8 -3
  5. data/_includes/contribute.html +19 -0
  6. data/_includes/credits.html +13 -0
  7. data/_includes/disqus.html +16 -16
  8. data/_includes/footer.html +6 -17
  9. data/_includes/gallery.html +24 -24
  10. data/_includes/google-analytics.html +7 -7
  11. data/_includes/header.html +11 -12
  12. data/_includes/icon.html +3 -0
  13. data/_includes/image-modal.html +18 -18
  14. data/_includes/important-message.html +5 -0
  15. data/_includes/latest-posts.html +14 -12
  16. data/_includes/menubar.html +20 -20
  17. data/_includes/notification.html +17 -16
  18. data/_includes/pagination.html +21 -23
  19. data/_includes/post-card.html +1 -1
  20. data/_includes/section-divider.html +5 -0
  21. data/_includes/showcase.html +1 -1
  22. data/_includes/simple_banner.html +11 -0
  23. data/_includes/sponsors.html +43 -41
  24. data/_includes/subscribe.html +15 -15
  25. data/_includes/tabs.html +18 -17
  26. data/_includes/tag.html +2 -2
  27. data/_includes/toc.html +82 -82
  28. data/_includes/vimeo.html +2 -2
  29. data/_includes/youtube.html +7 -7
  30. data/_layouts/base.html +2 -0
  31. data/_layouts/default.html +1 -1
  32. data/_layouts/page.html +10 -10
  33. data/_layouts/post.html +4 -2
  34. data/_layouts/resource.html +1 -1
  35. data/_sass/_external.scss +1 -0
  36. data/_sass/_layout.scss +48 -36
  37. data/_sass/_main.scss +45 -22
  38. data/_sass/_showcase.scss +12 -12
  39. data/_sass/{syntax.scss → _syntax.scss} +209 -209
  40. data/_sass/_variables.scss +125 -0
  41. data/_sass/highlight/_dark.scss +71 -0
  42. data/_sass/{_highlight.scss → highlight/_light.scss} +0 -0
  43. data/assets/css/app.scss +7 -146
  44. data/blog/index.html +4 -2
  45. data/node_modules/bulma-block-list/LICENSE.txt +21 -21
  46. data/node_modules/bulma-block-list/README.md +31 -31
  47. data/node_modules/bulma-block-list/docs/Gemfile +2 -2
  48. data/node_modules/bulma-block-list/docs/_config.yml +15 -15
  49. data/node_modules/bulma-block-list/docs/_data/menu.yaml +19 -19
  50. data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +108 -108
  51. data/node_modules/bulma-block-list/docs/_sass/_main.scss +19 -19
  52. data/node_modules/bulma-block-list/docs/assets/css/app.scss +6 -6
  53. data/node_modules/bulma-block-list/docs/index.html +260 -260
  54. data/node_modules/bulma-block-list/node_modules/bulma/CHANGELOG.md +1390 -1390
  55. data/node_modules/bulma-block-list/node_modules/bulma/LICENSE +21 -21
  56. data/node_modules/bulma-block-list/node_modules/bulma/README.md +130 -130
  57. data/node_modules/bulma-block-list/node_modules/bulma/bulma.sass +9 -9
  58. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css +10854 -10854
  59. data/node_modules/bulma-block-list/node_modules/bulma/package.json +77 -77
  60. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/_all.sass +5 -5
  61. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/generic.sass +142 -142
  62. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/helpers.sass +281 -281
  63. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/minireset.sass +79 -79
  64. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/_all.sass +15 -15
  65. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/breadcrumb.sass +75 -75
  66. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/card.sass +79 -79
  67. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/dropdown.sass +81 -81
  68. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/level.sass +77 -77
  69. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/list.sass +39 -39
  70. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/media.sass +50 -50
  71. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/menu.sass +57 -57
  72. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/message.sass +99 -99
  73. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/modal.sass +113 -113
  74. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/navbar.sass +441 -441
  75. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/pagination.sass +150 -150
  76. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/panel.sass +119 -119
  77. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/tabs.sass +151 -151
  78. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/_all.sass +15 -15
  79. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/box.sass +24 -24
  80. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/button.sass +323 -323
  81. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/container.sass +24 -24
  82. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/content.sass +155 -155
  83. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/form.sass +1 -1
  84. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/icon.sass +21 -21
  85. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/image.sass +71 -71
  86. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/notification.sass +43 -43
  87. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/other.sass +39 -39
  88. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/progress.sass +67 -67
  89. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/table.sass +127 -127
  90. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/tag.sass +128 -128
  91. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/title.sass +70 -70
  92. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/_all.sass +8 -8
  93. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/checkbox-radio.sass +21 -21
  94. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/file.sass +180 -180
  95. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/input-textarea.sass +64 -64
  96. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/select.sass +85 -85
  97. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/shared.sass +55 -55
  98. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/tools.sass +205 -205
  99. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/_all.sass +4 -4
  100. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/columns.sass +504 -504
  101. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/tiles.sass +34 -34
  102. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/_all.sass +5 -5
  103. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/footer.sass +9 -9
  104. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/hero.sass +145 -145
  105. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/section.sass +13 -13
  106. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/_all.sass +8 -8
  107. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/animations.sass +5 -5
  108. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/controls.sass +50 -50
  109. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/derived-variables.sass +106 -106
  110. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/functions.sass +110 -110
  111. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/initial-variables.sass +77 -77
  112. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/mixins.sass +261 -261
  113. data/node_modules/bulma-block-list/package.json +56 -56
  114. data/node_modules/bulma-block-list/src/block-list.scss +108 -108
  115. data/node_modules/bulma-block-list/src/demo.scss +2 -2
  116. data/node_modules/bulma/CHANGELOG.md +1558 -1558
  117. data/node_modules/bulma/LICENSE +21 -21
  118. data/node_modules/bulma/README.md +134 -134
  119. data/node_modules/bulma/bulma.sass +10 -10
  120. data/node_modules/bulma/css/bulma-rtl.css +11810 -11810
  121. data/node_modules/bulma/css/bulma.css +11810 -11810
  122. data/node_modules/bulma/package.json +81 -81
  123. data/node_modules/bulma/sass/base/_all.sass +6 -6
  124. data/node_modules/bulma/sass/base/animations.sass +5 -5
  125. data/node_modules/bulma/sass/base/generic.sass +145 -145
  126. data/node_modules/bulma/sass/base/helpers.sass +1 -1
  127. data/node_modules/bulma/sass/base/minireset.sass +79 -79
  128. data/node_modules/bulma/sass/components/_all.sass +15 -15
  129. data/node_modules/bulma/sass/components/breadcrumb.sass +77 -77
  130. data/node_modules/bulma/sass/components/card.sass +103 -103
  131. data/node_modules/bulma/sass/components/dropdown.sass +83 -83
  132. data/node_modules/bulma/sass/components/level.sass +79 -79
  133. data/node_modules/bulma/sass/components/media.sass +59 -59
  134. data/node_modules/bulma/sass/components/menu.sass +59 -59
  135. data/node_modules/bulma/sass/components/message.sass +101 -101
  136. data/node_modules/bulma/sass/components/modal.sass +117 -117
  137. data/node_modules/bulma/sass/components/navbar.sass +446 -446
  138. data/node_modules/bulma/sass/components/pagination.sass +166 -166
  139. data/node_modules/bulma/sass/components/panel.sass +121 -121
  140. data/node_modules/bulma/sass/components/tabs.sass +176 -176
  141. data/node_modules/bulma/sass/elements/_all.sass +16 -16
  142. data/node_modules/bulma/sass/elements/box.sass +26 -26
  143. data/node_modules/bulma/sass/elements/button.sass +345 -345
  144. data/node_modules/bulma/sass/elements/container.sass +29 -29
  145. data/node_modules/bulma/sass/elements/content.sass +159 -159
  146. data/node_modules/bulma/sass/elements/form.sass +1 -1
  147. data/node_modules/bulma/sass/elements/icon.sass +46 -46
  148. data/node_modules/bulma/sass/elements/image.sass +73 -73
  149. data/node_modules/bulma/sass/elements/notification.sass +52 -52
  150. data/node_modules/bulma/sass/elements/other.sass +31 -31
  151. data/node_modules/bulma/sass/elements/progress.sass +73 -73
  152. data/node_modules/bulma/sass/elements/table.sass +133 -133
  153. data/node_modules/bulma/sass/elements/tag.sass +140 -140
  154. data/node_modules/bulma/sass/elements/title.sass +70 -70
  155. data/node_modules/bulma/sass/form/_all.sass +9 -9
  156. data/node_modules/bulma/sass/form/checkbox-radio.sass +22 -22
  157. data/node_modules/bulma/sass/form/file.sass +184 -184
  158. data/node_modules/bulma/sass/form/input-textarea.sass +66 -66
  159. data/node_modules/bulma/sass/form/select.sass +87 -87
  160. data/node_modules/bulma/sass/form/shared.sass +60 -60
  161. data/node_modules/bulma/sass/form/tools.sass +215 -215
  162. data/node_modules/bulma/sass/grid/_all.sass +5 -5
  163. data/node_modules/bulma/sass/grid/columns.sass +513 -513
  164. data/node_modules/bulma/sass/grid/tiles.sass +36 -36
  165. data/node_modules/bulma/sass/helpers/_all.sass +12 -12
  166. data/node_modules/bulma/sass/helpers/color.sass +39 -39
  167. data/node_modules/bulma/sass/helpers/flexbox.sass +35 -35
  168. data/node_modules/bulma/sass/helpers/float.sass +10 -10
  169. data/node_modules/bulma/sass/helpers/other.sass +14 -14
  170. data/node_modules/bulma/sass/helpers/overflow.sass +2 -2
  171. data/node_modules/bulma/sass/helpers/position.sass +7 -7
  172. data/node_modules/bulma/sass/helpers/spacing.sass +31 -31
  173. data/node_modules/bulma/sass/helpers/typography.sass +103 -103
  174. data/node_modules/bulma/sass/helpers/visibility.sass +122 -122
  175. data/node_modules/bulma/sass/layout/_all.sass +6 -6
  176. data/node_modules/bulma/sass/layout/footer.sass +11 -11
  177. data/node_modules/bulma/sass/layout/hero.sass +153 -153
  178. data/node_modules/bulma/sass/layout/section.sass +17 -17
  179. data/node_modules/bulma/sass/utilities/_all.sass +9 -9
  180. data/node_modules/bulma/sass/utilities/animations.sass +1 -1
  181. data/node_modules/bulma/sass/utilities/controls.sass +49 -49
  182. data/node_modules/bulma/sass/utilities/derived-variables.sass +114 -114
  183. data/node_modules/bulma/sass/utilities/extends.sass +25 -25
  184. data/node_modules/bulma/sass/utilities/functions.sass +136 -136
  185. data/node_modules/bulma/sass/utilities/initial-variables.sass +78 -78
  186. data/node_modules/bulma/sass/utilities/mixins.sass +280 -280
  187. data/package-lock.json +28 -28
  188. data/package.json +20 -20
  189. metadata +14 -7
  190. data/_includes/hero.html +0 -11
  191. data/_includes/join.html +0 -30
@@ -1 +1 @@
1
- @warn "The helpers.sass file is DEPRECATED. It has moved into its own /helpers folder. Please import sass/helpers/_all instead."
1
+ @warn "The helpers.sass file is DEPRECATED. It has moved into its own /helpers folder. Please import sass/helpers/_all instead."
@@ -1,79 +1,79 @@
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
- // Headings
30
- h1,
31
- h2,
32
- h3,
33
- h4,
34
- h5,
35
- h6
36
- font-size: 100%
37
- font-weight: normal
38
-
39
- // List
40
- ul
41
- list-style: none
42
-
43
- // Form
44
- button,
45
- input,
46
- select,
47
- textarea
48
- margin: 0
49
-
50
- // Box sizing
51
- html
52
- box-sizing: border-box
53
-
54
- *
55
- &,
56
- &::before,
57
- &::after
58
- box-sizing: inherit
59
-
60
- // Media
61
- img,
62
- video
63
- height: auto
64
- max-width: 100%
65
-
66
- // Iframe
67
- iframe
68
- border: 0
69
-
70
- // Table
71
- table
72
- border-collapse: collapse
73
- border-spacing: 0
74
-
75
- td,
76
- th
77
- padding: 0
78
- &:not([align])
79
- text-align: inherit
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
+ // Headings
30
+ h1,
31
+ h2,
32
+ h3,
33
+ h4,
34
+ h5,
35
+ h6
36
+ font-size: 100%
37
+ font-weight: normal
38
+
39
+ // List
40
+ ul
41
+ list-style: none
42
+
43
+ // Form
44
+ button,
45
+ input,
46
+ select,
47
+ textarea
48
+ margin: 0
49
+
50
+ // Box sizing
51
+ html
52
+ box-sizing: border-box
53
+
54
+ *
55
+ &,
56
+ &::before,
57
+ &::after
58
+ box-sizing: inherit
59
+
60
+ // Media
61
+ img,
62
+ video
63
+ height: auto
64
+ max-width: 100%
65
+
66
+ // Iframe
67
+ iframe
68
+ border: 0
69
+
70
+ // Table
71
+ table
72
+ border-collapse: collapse
73
+ border-spacing: 0
74
+
75
+ td,
76
+ th
77
+ padding: 0
78
+ &:not([align])
79
+ text-align: inherit
@@ -1,15 +1,15 @@
1
- /* Bulma Components */
2
- @charset "utf-8"
3
-
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
+ /* Bulma Components */
2
+ @charset "utf-8"
3
+
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,77 +1,77 @@
1
- @import "../utilities/mixins"
2
-
3
- $breadcrumb-item-color: $link !default
4
- $breadcrumb-item-hover-color: $link-hover !default
5
- $breadcrumb-item-active-color: $text-strong !default
6
-
7
- $breadcrumb-item-padding-vertical: 0 !default
8
- $breadcrumb-item-padding-horizontal: 0.75em !default
9
-
10
- $breadcrumb-item-separator-color: $border-hover !default
11
-
12
- .breadcrumb
13
- @extend %block
14
- @extend %unselectable
15
- font-size: $size-normal
16
- white-space: nowrap
17
- a
18
- align-items: center
19
- color: $breadcrumb-item-color
20
- display: flex
21
- justify-content: center
22
- padding: $breadcrumb-item-padding-vertical $breadcrumb-item-padding-horizontal
23
- &:hover
24
- color: $breadcrumb-item-hover-color
25
- li
26
- align-items: center
27
- display: flex
28
- &:first-child a
29
- +ltr-property("padding", 0, false)
30
- &.is-active
31
- a
32
- color: $breadcrumb-item-active-color
33
- cursor: default
34
- pointer-events: none
35
- & + li::before
36
- color: $breadcrumb-item-separator-color
37
- content: "\0002f"
38
- ul,
39
- ol
40
- align-items: flex-start
41
- display: flex
42
- flex-wrap: wrap
43
- justify-content: flex-start
44
- .icon
45
- &:first-child
46
- +ltr-property("margin", 0.5em)
47
- &:last-child
48
- +ltr-property("margin", 0.5em, false)
49
- // Alignment
50
- &.is-centered
51
- ol,
52
- ul
53
- justify-content: center
54
- &.is-right
55
- ol,
56
- ul
57
- justify-content: flex-end
58
- // Sizes
59
- &.is-small
60
- font-size: $size-small
61
- &.is-medium
62
- font-size: $size-medium
63
- &.is-large
64
- font-size: $size-large
65
- // Styles
66
- &.has-arrow-separator
67
- li + li::before
68
- content: "\02192"
69
- &.has-bullet-separator
70
- li + li::before
71
- content: "\02022"
72
- &.has-dot-separator
73
- li + li::before
74
- content: "\000b7"
75
- &.has-succeeds-separator
76
- li + li::before
77
- content: "\0227B"
1
+ @import "../utilities/mixins"
2
+
3
+ $breadcrumb-item-color: $link !default
4
+ $breadcrumb-item-hover-color: $link-hover !default
5
+ $breadcrumb-item-active-color: $text-strong !default
6
+
7
+ $breadcrumb-item-padding-vertical: 0 !default
8
+ $breadcrumb-item-padding-horizontal: 0.75em !default
9
+
10
+ $breadcrumb-item-separator-color: $border-hover !default
11
+
12
+ .breadcrumb
13
+ @extend %block
14
+ @extend %unselectable
15
+ font-size: $size-normal
16
+ white-space: nowrap
17
+ a
18
+ align-items: center
19
+ color: $breadcrumb-item-color
20
+ display: flex
21
+ justify-content: center
22
+ padding: $breadcrumb-item-padding-vertical $breadcrumb-item-padding-horizontal
23
+ &:hover
24
+ color: $breadcrumb-item-hover-color
25
+ li
26
+ align-items: center
27
+ display: flex
28
+ &:first-child a
29
+ +ltr-property("padding", 0, false)
30
+ &.is-active
31
+ a
32
+ color: $breadcrumb-item-active-color
33
+ cursor: default
34
+ pointer-events: none
35
+ & + li::before
36
+ color: $breadcrumb-item-separator-color
37
+ content: "\0002f"
38
+ ul,
39
+ ol
40
+ align-items: flex-start
41
+ display: flex
42
+ flex-wrap: wrap
43
+ justify-content: flex-start
44
+ .icon
45
+ &:first-child
46
+ +ltr-property("margin", 0.5em)
47
+ &:last-child
48
+ +ltr-property("margin", 0.5em, false)
49
+ // Alignment
50
+ &.is-centered
51
+ ol,
52
+ ul
53
+ justify-content: center
54
+ &.is-right
55
+ ol,
56
+ ul
57
+ justify-content: flex-end
58
+ // Sizes
59
+ &.is-small
60
+ font-size: $size-small
61
+ &.is-medium
62
+ font-size: $size-medium
63
+ &.is-large
64
+ font-size: $size-large
65
+ // Styles
66
+ &.has-arrow-separator
67
+ li + li::before
68
+ content: "\02192"
69
+ &.has-bullet-separator
70
+ li + li::before
71
+ content: "\02022"
72
+ &.has-dot-separator
73
+ li + li::before
74
+ content: "\000b7"
75
+ &.has-succeeds-separator
76
+ li + li::before
77
+ content: "\0227B"
@@ -1,103 +1,103 @@
1
- @import "../utilities/mixins"
2
-
3
- $card-color: $text !default
4
- $card-background-color: $scheme-main !default
5
- $card-shadow: $shadow !default
6
- $card-radius: 0.25rem !default
7
-
8
- $card-header-background-color: transparent !default
9
- $card-header-color: $text-strong !default
10
- $card-header-padding: 0.75rem 1rem !default
11
- $card-header-shadow: 0 0.125em 0.25em rgba($scheme-invert, 0.1) !default
12
- $card-header-weight: $weight-bold !default
13
-
14
- $card-content-background-color: transparent !default
15
- $card-content-padding: 1.5rem !default
16
-
17
- $card-footer-background-color: transparent !default
18
- $card-footer-border-top: 1px solid $border-light !default
19
- $card-footer-padding: 0.75rem !default
20
-
21
- $card-media-margin: $block-spacing !default
22
-
23
- .card
24
- background-color: $card-background-color
25
- border-radius: $card-radius
26
- box-shadow: $card-shadow
27
- color: $card-color
28
- max-width: 100%
29
- position: relative
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
-
39
- .card-header
40
- @extend %card-item
41
- background-color: $card-header-background-color
42
- align-items: stretch
43
- box-shadow: $card-header-shadow
44
- display: flex
45
-
46
- .card-header-title
47
- align-items: center
48
- color: $card-header-color
49
- display: flex
50
- flex-grow: 1
51
- font-weight: $card-header-weight
52
- padding: $card-header-padding
53
- &.is-centered
54
- justify-content: center
55
-
56
- .card-header-icon
57
- +reset
58
- align-items: center
59
- cursor: pointer
60
- display: flex
61
- justify-content: center
62
- padding: $card-header-padding
63
-
64
- .card-image
65
- display: block
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
75
-
76
- .card-content
77
- @extend %card-item
78
- background-color: $card-content-background-color
79
- padding: $card-content-padding
80
-
81
- .card-footer
82
- @extend %card-item
83
- background-color: $card-footer-background-color
84
- border-top: $card-footer-border-top
85
- align-items: stretch
86
- display: flex
87
-
88
- .card-footer-item
89
- align-items: center
90
- display: flex
91
- flex-basis: 0
92
- flex-grow: 1
93
- flex-shrink: 0
94
- justify-content: center
95
- padding: $card-footer-padding
96
- &:not(:last-child)
97
- +ltr-property("border", $card-footer-border-top)
98
-
99
- // Combinations
100
-
101
- .card
102
- .media:not(:last-child)
103
- margin-bottom: $card-media-margin
1
+ @import "../utilities/mixins"
2
+
3
+ $card-color: $text !default
4
+ $card-background-color: $scheme-main !default
5
+ $card-shadow: $shadow !default
6
+ $card-radius: 0.25rem !default
7
+
8
+ $card-header-background-color: transparent !default
9
+ $card-header-color: $text-strong !default
10
+ $card-header-padding: 0.75rem 1rem !default
11
+ $card-header-shadow: 0 0.125em 0.25em rgba($scheme-invert, 0.1) !default
12
+ $card-header-weight: $weight-bold !default
13
+
14
+ $card-content-background-color: transparent !default
15
+ $card-content-padding: 1.5rem !default
16
+
17
+ $card-footer-background-color: transparent !default
18
+ $card-footer-border-top: 1px solid $border-light !default
19
+ $card-footer-padding: 0.75rem !default
20
+
21
+ $card-media-margin: $block-spacing !default
22
+
23
+ .card
24
+ background-color: $card-background-color
25
+ border-radius: $card-radius
26
+ box-shadow: $card-shadow
27
+ color: $card-color
28
+ max-width: 100%
29
+ position: relative
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
+
39
+ .card-header
40
+ @extend %card-item
41
+ background-color: $card-header-background-color
42
+ align-items: stretch
43
+ box-shadow: $card-header-shadow
44
+ display: flex
45
+
46
+ .card-header-title
47
+ align-items: center
48
+ color: $card-header-color
49
+ display: flex
50
+ flex-grow: 1
51
+ font-weight: $card-header-weight
52
+ padding: $card-header-padding
53
+ &.is-centered
54
+ justify-content: center
55
+
56
+ .card-header-icon
57
+ +reset
58
+ align-items: center
59
+ cursor: pointer
60
+ display: flex
61
+ justify-content: center
62
+ padding: $card-header-padding
63
+
64
+ .card-image
65
+ display: block
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
75
+
76
+ .card-content
77
+ @extend %card-item
78
+ background-color: $card-content-background-color
79
+ padding: $card-content-padding
80
+
81
+ .card-footer
82
+ @extend %card-item
83
+ background-color: $card-footer-background-color
84
+ border-top: $card-footer-border-top
85
+ align-items: stretch
86
+ display: flex
87
+
88
+ .card-footer-item
89
+ align-items: center
90
+ display: flex
91
+ flex-basis: 0
92
+ flex-grow: 1
93
+ flex-shrink: 0
94
+ justify-content: center
95
+ padding: $card-footer-padding
96
+ &:not(:last-child)
97
+ +ltr-property("border", $card-footer-border-top)
98
+
99
+ // Combinations
100
+
101
+ .card
102
+ .media:not(:last-child)
103
+ margin-bottom: $card-media-margin