mere-blog-theme 0.5 → 1.0.1

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 (189) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +44 -24
  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 +50 -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 +4 -4
  22. data/node_modules/bulma/LICENSE +1 -1
  23. data/node_modules/bulma/README.md +67 -55
  24. data/node_modules/bulma/bulma.scss +4 -0
  25. data/node_modules/bulma/css/bulma.css +18412 -8566
  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 +25 -19
  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 +112 -0
  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 +5 -12
  119. data/package.json +1 -1
  120. metadata +107 -80
  121. data/node_modules/bulma/CHANGELOG.md +0 -1539
  122. data/node_modules/bulma/bulma.sass +0 -10
  123. data/node_modules/bulma/css/bulma-rtl.css +0 -11705
  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 -6
  127. data/node_modules/bulma/sass/base/animations.sass +0 -5
  128. data/node_modules/bulma/sass/base/generic.sass +0 -145
  129. data/node_modules/bulma/sass/base/helpers.sass +0 -1
  130. data/node_modules/bulma/sass/base/minireset.sass +0 -79
  131. data/node_modules/bulma/sass/components/_all.sass +0 -15
  132. data/node_modules/bulma/sass/components/breadcrumb.sass +0 -77
  133. data/node_modules/bulma/sass/components/card.sass +0 -102
  134. data/node_modules/bulma/sass/components/dropdown.sass +0 -83
  135. data/node_modules/bulma/sass/components/level.sass +0 -79
  136. data/node_modules/bulma/sass/components/media.sass +0 -59
  137. data/node_modules/bulma/sass/components/menu.sass +0 -59
  138. data/node_modules/bulma/sass/components/message.sass +0 -101
  139. data/node_modules/bulma/sass/components/modal.sass +0 -117
  140. data/node_modules/bulma/sass/components/navbar.sass +0 -445
  141. data/node_modules/bulma/sass/components/pagination.sass +0 -158
  142. data/node_modules/bulma/sass/components/panel.sass +0 -121
  143. data/node_modules/bulma/sass/components/tabs.sass +0 -176
  144. data/node_modules/bulma/sass/elements/_all.sass +0 -16
  145. data/node_modules/bulma/sass/elements/box.sass +0 -26
  146. data/node_modules/bulma/sass/elements/button.sass +0 -345
  147. data/node_modules/bulma/sass/elements/container.sass +0 -29
  148. data/node_modules/bulma/sass/elements/content.sass +0 -157
  149. data/node_modules/bulma/sass/elements/form.sass +0 -1
  150. data/node_modules/bulma/sass/elements/icon.sass +0 -40
  151. data/node_modules/bulma/sass/elements/image.sass +0 -73
  152. data/node_modules/bulma/sass/elements/notification.sass +0 -52
  153. data/node_modules/bulma/sass/elements/other.sass +0 -41
  154. data/node_modules/bulma/sass/elements/progress.sass +0 -73
  155. data/node_modules/bulma/sass/elements/table.sass +0 -133
  156. data/node_modules/bulma/sass/elements/tag.sass +0 -140
  157. data/node_modules/bulma/sass/elements/title.sass +0 -72
  158. data/node_modules/bulma/sass/form/_all.sass +0 -9
  159. data/node_modules/bulma/sass/form/checkbox-radio.sass +0 -22
  160. data/node_modules/bulma/sass/form/file.sass +0 -182
  161. data/node_modules/bulma/sass/form/input-textarea.sass +0 -66
  162. data/node_modules/bulma/sass/form/select.sass +0 -87
  163. data/node_modules/bulma/sass/form/shared.sass +0 -60
  164. data/node_modules/bulma/sass/form/tools.sass +0 -215
  165. data/node_modules/bulma/sass/grid/_all.sass +0 -5
  166. data/node_modules/bulma/sass/grid/columns.sass +0 -513
  167. data/node_modules/bulma/sass/grid/tiles.sass +0 -36
  168. data/node_modules/bulma/sass/helpers/_all.sass +0 -12
  169. data/node_modules/bulma/sass/helpers/color.sass +0 -39
  170. data/node_modules/bulma/sass/helpers/flexbox.sass +0 -35
  171. data/node_modules/bulma/sass/helpers/float.sass +0 -10
  172. data/node_modules/bulma/sass/helpers/other.sass +0 -14
  173. data/node_modules/bulma/sass/helpers/overflow.sass +0 -2
  174. data/node_modules/bulma/sass/helpers/position.sass +0 -7
  175. data/node_modules/bulma/sass/helpers/spacing.sass +0 -31
  176. data/node_modules/bulma/sass/helpers/typography.sass +0 -100
  177. data/node_modules/bulma/sass/helpers/visibility.sass +0 -122
  178. data/node_modules/bulma/sass/layout/_all.sass +0 -6
  179. data/node_modules/bulma/sass/layout/footer.sass +0 -11
  180. data/node_modules/bulma/sass/layout/hero.sass +0 -149
  181. data/node_modules/bulma/sass/layout/section.sass +0 -15
  182. data/node_modules/bulma/sass/utilities/_all.sass +0 -9
  183. data/node_modules/bulma/sass/utilities/animations.sass +0 -1
  184. data/node_modules/bulma/sass/utilities/controls.sass +0 -49
  185. data/node_modules/bulma/sass/utilities/derived-variables.sass +0 -110
  186. data/node_modules/bulma/sass/utilities/extends.sass +0 -22
  187. data/node_modules/bulma/sass/utilities/functions.sass +0 -115
  188. data/node_modules/bulma/sass/utilities/initial-variables.sass +0 -78
  189. data/node_modules/bulma/sass/utilities/mixins.sass +0 -268
@@ -1,115 +0,0 @@
1
- @function mergeColorMaps($bulma-colors, $custom-colors)
2
- // We return at least Bulma's hard-coded colors
3
- $merged-colors: $bulma-colors
4
-
5
- // We want a map as input
6
- @if type-of($custom-colors) == 'map'
7
- @each $name, $components in $custom-colors
8
- // The color name should be a string
9
- // and the components either a single color
10
- // or a colors list with at least one element
11
- @if type-of($name) == 'string' and (type-of($components) == 'list' or type-of($components) == 'color') and length($components) >= 1
12
- $color-base: null
13
- $color-invert: null
14
- $color-light: null
15
- $color-dark: null
16
- $value: null
17
-
18
- // The param can either be a single color
19
- // or a list of 2 colors
20
- @if type-of($components) == 'color'
21
- $color-base: $components
22
- $color-invert: findColorInvert($color-base)
23
- $color-light: findLightColor($color-base)
24
- $color-dark: findDarkColor($color-base)
25
- @else if type-of($components) == 'list'
26
- $color-base: nth($components, 1)
27
- // If Invert, Light and Dark are provided
28
- @if length($components) > 3
29
- $color-invert: nth($components, 2)
30
- $color-light: nth($components, 3)
31
- $color-dark: nth($components, 4)
32
- // If only Invert and Light are provided
33
- @else if length($components) > 2
34
- $color-invert: nth($components, 2)
35
- $color-light: nth($components, 3)
36
- $color-dark: findDarkColor($color-base)
37
- // If only Invert is provided
38
- @else
39
- $color-invert: nth($components, 2)
40
- $color-light: findLightColor($color-base)
41
- $color-dark: findDarkColor($color-base)
42
-
43
- $value: ($color-base, $color-invert, $color-light, $color-dark)
44
-
45
- // We only want to merge the map if the color base is an actual color
46
- @if type-of($color-base) == 'color'
47
- // We merge this colors elements as map with Bulma's colors map
48
- // (we can override them this way, no multiple definition for the same name)
49
- // $merged-colors: map_merge($merged-colors, ($name: ($color-base, $color-invert, $color-light, $color-dark)))
50
- $merged-colors: map_merge($merged-colors, ($name: $value))
51
-
52
- @return $merged-colors
53
-
54
- @function powerNumber($number, $exp)
55
- $value: 1
56
- @if $exp > 0
57
- @for $i from 1 through $exp
58
- $value: $value * $number
59
- @else if $exp < 0
60
- @for $i from 1 through -$exp
61
- $value: $value / $number
62
- @return $value
63
-
64
- @function colorLuminance($color)
65
- @if type-of($color) != 'color'
66
- @return 0.55
67
- $color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
68
- @each $name, $value in $color-rgb
69
- $adjusted: 0
70
- $value: $value / 255
71
- @if $value < 0.03928
72
- $value: $value / 12.92
73
- @else
74
- $value: ($value + .055) / 1.055
75
- $value: powerNumber($value, 2)
76
- $color-rgb: map-merge($color-rgb, ($name: $value))
77
- @return (map-get($color-rgb, 'red') * .2126) + (map-get($color-rgb, 'green') * .7152) + (map-get($color-rgb, 'blue') * .0722)
78
-
79
- @function findColorInvert($color)
80
- @if (colorLuminance($color) > 0.55)
81
- @return rgba(#000, 0.7)
82
- @else
83
- @return #fff
84
-
85
- @function findLightColor($color)
86
- @if type-of($color) == 'color'
87
- $l: 96%
88
- @if lightness($color) > 96%
89
- $l: lightness($color)
90
- @return change-color($color, $lightness: $l)
91
- @return $background
92
-
93
- @function findDarkColor($color)
94
- @if type-of($color) == 'color'
95
- $base-l: 29%
96
- $luminance: colorLuminance($color)
97
- $luminance-delta: (0.53 - $luminance)
98
- $target-l: round($base-l + ($luminance-delta * 53))
99
- @return change-color($color, $lightness: max($base-l, $target-l))
100
- @return $text-strong
101
-
102
- @function bulmaRgba($color, $alpha)
103
- @if type-of($color) != 'color'
104
- @return $color
105
- @return rgba($color, $alpha)
106
-
107
- @function bulmaDarken($color, $amount)
108
- @if type-of($color) != 'color'
109
- @return $color
110
- @return darken($color, $amount)
111
-
112
- @function bulmaLighten($color, $amount)
113
- @if type-of($color) != 'color'
114
- @return $color
115
- @return lighten($color, $amount)
@@ -1,78 +0,0 @@
1
- // Colors
2
-
3
- $black: hsl(0, 0%, 4%) !default
4
- $black-bis: hsl(0, 0%, 7%) !default
5
- $black-ter: hsl(0, 0%, 14%) !default
6
-
7
- $grey-darker: hsl(0, 0%, 21%) !default
8
- $grey-dark: hsl(0, 0%, 29%) !default
9
- $grey: hsl(0, 0%, 48%) !default
10
- $grey-light: hsl(0, 0%, 71%) !default
11
- $grey-lighter: hsl(0, 0%, 86%) !default
12
- $grey-lightest: hsl(0, 0%, 93%) !default
13
-
14
- $white-ter: hsl(0, 0%, 96%) !default
15
- $white-bis: hsl(0, 0%, 98%) !default
16
- $white: hsl(0, 0%, 100%) !default
17
-
18
- $orange: hsl(14, 100%, 53%) !default
19
- $yellow: hsl(48, 100%, 67%) !default
20
- $green: hsl(141, 53%, 53%) !default
21
- $turquoise: hsl(171, 100%, 41%) !default
22
- $cyan: hsl(204, 71%, 53%) !default
23
- $blue: hsl(217, 71%, 53%) !default
24
- $purple: hsl(271, 100%, 71%) !default
25
- $red: hsl(348, 86%, 61%) !default
26
-
27
- // Typography
28
-
29
- $family-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default
30
- $family-monospace: monospace !default
31
- $render-mode: optimizeLegibility !default
32
-
33
- $size-1: 3rem !default
34
- $size-2: 2.5rem !default
35
- $size-3: 2rem !default
36
- $size-4: 1.5rem !default
37
- $size-5: 1.25rem !default
38
- $size-6: 1rem !default
39
- $size-7: 0.75rem !default
40
-
41
- $weight-light: 300 !default
42
- $weight-normal: 400 !default
43
- $weight-medium: 500 !default
44
- $weight-semibold: 600 !default
45
- $weight-bold: 700 !default
46
-
47
- // Spacing
48
-
49
- $block-spacing: 1.5rem !default
50
-
51
- // Responsiveness
52
-
53
- // The container horizontal gap, which acts as the offset for breakpoints
54
- $gap: 32px !default
55
- // 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16
56
- $tablet: 769px !default
57
- // 960px container + 4rem
58
- $desktop: 960px + (2 * $gap) !default
59
- // 1152px container + 4rem
60
- $widescreen: 1152px + (2 * $gap) !default
61
- $widescreen-enabled: true !default
62
- // 1344px container + 4rem
63
- $fullhd: 1344px + (2 * $gap) !default
64
- $fullhd-enabled: true !default
65
-
66
- // Miscellaneous
67
-
68
- $easing: ease-out !default
69
- $radius-small: 2px !default
70
- $radius: 4px !default
71
- $radius-large: 6px !default
72
- $radius-rounded: 290486px !default
73
- $speed: 86ms !default
74
-
75
- // Flags
76
-
77
- $variable-columns: true !default
78
- $rtl: false !default
@@ -1,268 +0,0 @@
1
- @import "derived-variables"
2
-
3
- =clearfix
4
- &::after
5
- clear: both
6
- content: " "
7
- display: table
8
-
9
- =center($width, $height: 0)
10
- position: absolute
11
- @if $height != 0
12
- left: calc(50% - (#{$width} / 2))
13
- top: calc(50% - (#{$height} / 2))
14
- @else
15
- left: calc(50% - (#{$width} / 2))
16
- top: calc(50% - (#{$width} / 2))
17
-
18
- =fa($size, $dimensions)
19
- display: inline-block
20
- font-size: $size
21
- height: $dimensions
22
- line-height: $dimensions
23
- text-align: center
24
- vertical-align: top
25
- width: $dimensions
26
-
27
- =hamburger($dimensions)
28
- cursor: pointer
29
- display: block
30
- height: $dimensions
31
- position: relative
32
- width: $dimensions
33
- span
34
- background-color: currentColor
35
- display: block
36
- height: 1px
37
- left: calc(50% - 8px)
38
- position: absolute
39
- transform-origin: center
40
- transition-duration: $speed
41
- transition-property: background-color, opacity, transform
42
- transition-timing-function: $easing
43
- width: 16px
44
- &:nth-child(1)
45
- top: calc(50% - 6px)
46
- &:nth-child(2)
47
- top: calc(50% - 1px)
48
- &:nth-child(3)
49
- top: calc(50% + 4px)
50
- &:hover
51
- background-color: bulmaRgba(black, 0.05)
52
- // Modifers
53
- &.is-active
54
- span
55
- &:nth-child(1)
56
- transform: translateY(5px) rotate(45deg)
57
- &:nth-child(2)
58
- opacity: 0
59
- &:nth-child(3)
60
- transform: translateY(-5px) rotate(-45deg)
61
-
62
- =overflow-touch
63
- -webkit-overflow-scrolling: touch
64
-
65
- =placeholder
66
- $placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input'
67
- @each $placeholder in $placeholders
68
- &:#{$placeholder}-placeholder
69
- @content
70
-
71
- // Responsiveness
72
-
73
- =from($device)
74
- @media screen and (min-width: $device)
75
- @content
76
-
77
- =until($device)
78
- @media screen and (max-width: $device - 1px)
79
- @content
80
-
81
- =mobile
82
- @media screen and (max-width: $tablet - 1px)
83
- @content
84
-
85
- =tablet
86
- @media screen and (min-width: $tablet), print
87
- @content
88
-
89
- =tablet-only
90
- @media screen and (min-width: $tablet) and (max-width: $desktop - 1px)
91
- @content
92
-
93
- =touch
94
- @media screen and (max-width: $desktop - 1px)
95
- @content
96
-
97
- =desktop
98
- @media screen and (min-width: $desktop)
99
- @content
100
-
101
- =desktop-only
102
- @if $widescreen-enabled
103
- @media screen and (min-width: $desktop) and (max-width: $widescreen - 1px)
104
- @content
105
-
106
- =until-widescreen
107
- @if $widescreen-enabled
108
- @media screen and (max-width: $widescreen - 1px)
109
- @content
110
-
111
- =widescreen
112
- @if $widescreen-enabled
113
- @media screen and (min-width: $widescreen)
114
- @content
115
-
116
- =widescreen-only
117
- @if $widescreen-enabled and $fullhd-enabled
118
- @media screen and (min-width: $widescreen) and (max-width: $fullhd - 1px)
119
- @content
120
-
121
- =until-fullhd
122
- @if $fullhd-enabled
123
- @media screen and (max-width: $fullhd - 1px)
124
- @content
125
-
126
- =fullhd
127
- @if $fullhd-enabled
128
- @media screen and (min-width: $fullhd)
129
- @content
130
-
131
- =ltr
132
- @if not $rtl
133
- @content
134
-
135
- =rtl
136
- @if $rtl
137
- @content
138
-
139
- =ltr-property($property, $spacing, $right: true)
140
- $normal: if($right, "right", "left")
141
- $opposite: if($right, "left", "right")
142
- @if $rtl
143
- #{$property}-#{$opposite}: $spacing
144
- @else
145
- #{$property}-#{$normal}: $spacing
146
-
147
- =ltr-position($spacing, $right: true)
148
- $normal: if($right, "right", "left")
149
- $opposite: if($right, "left", "right")
150
- @if $rtl
151
- #{$opposite}: $spacing
152
- @else
153
- #{$normal}: $spacing
154
-
155
- // Placeholders
156
-
157
- =unselectable
158
- -webkit-touch-callout: none
159
- -webkit-user-select: none
160
- -moz-user-select: none
161
- -ms-user-select: none
162
- user-select: none
163
-
164
- =arrow($color: transparent)
165
- border: 3px solid $color
166
- border-radius: 2px
167
- border-right: 0
168
- border-top: 0
169
- content: " "
170
- display: block
171
- height: 0.625em
172
- margin-top: -0.4375em
173
- pointer-events: none
174
- position: absolute
175
- top: 50%
176
- transform: rotate(-45deg)
177
- transform-origin: center
178
- width: 0.625em
179
-
180
- =block($spacing: $block-spacing)
181
- &:not(:last-child)
182
- margin-bottom: $spacing
183
-
184
- =delete
185
- +unselectable
186
- -moz-appearance: none
187
- -webkit-appearance: none
188
- background-color: bulmaRgba($scheme-invert, 0.2)
189
- border: none
190
- border-radius: $radius-rounded
191
- cursor: pointer
192
- pointer-events: auto
193
- display: inline-block
194
- flex-grow: 0
195
- flex-shrink: 0
196
- font-size: 0
197
- height: 20px
198
- max-height: 20px
199
- max-width: 20px
200
- min-height: 20px
201
- min-width: 20px
202
- outline: none
203
- position: relative
204
- vertical-align: top
205
- width: 20px
206
- &::before,
207
- &::after
208
- background-color: $scheme-main
209
- content: ""
210
- display: block
211
- left: 50%
212
- position: absolute
213
- top: 50%
214
- transform: translateX(-50%) translateY(-50%) rotate(45deg)
215
- transform-origin: center center
216
- &::before
217
- height: 2px
218
- width: 50%
219
- &::after
220
- height: 50%
221
- width: 2px
222
- &:hover,
223
- &:focus
224
- background-color: bulmaRgba($scheme-invert, 0.3)
225
- &:active
226
- background-color: bulmaRgba($scheme-invert, 0.4)
227
- // Sizes
228
- &.is-small
229
- height: 16px
230
- max-height: 16px
231
- max-width: 16px
232
- min-height: 16px
233
- min-width: 16px
234
- width: 16px
235
- &.is-medium
236
- height: 24px
237
- max-height: 24px
238
- max-width: 24px
239
- min-height: 24px
240
- min-width: 24px
241
- width: 24px
242
- &.is-large
243
- height: 32px
244
- max-height: 32px
245
- max-width: 32px
246
- min-height: 32px
247
- min-width: 32px
248
- width: 32px
249
-
250
- =loader
251
- animation: spinAround 500ms infinite linear
252
- border: 2px solid $grey-lighter
253
- border-radius: $radius-rounded
254
- border-right-color: transparent
255
- border-top-color: transparent
256
- content: ""
257
- display: block
258
- height: 1em
259
- position: relative
260
- width: 1em
261
-
262
- =overlay($offset: 0)
263
- bottom: $offset
264
- left: $offset
265
- position: absolute
266
- right: $offset
267
- top: $offset
268
-