luda 0.1.5 → 0.1.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (224) hide show
  1. checksums.yaml +4 -4
  2. data/MIT-LICENSE +20 -20
  3. data/README.md +5 -5
  4. data/assets/javascripts/luda-degradation.js +1 -1
  5. data/assets/javascripts/luda-degradation.js.map +1 -1
  6. data/assets/javascripts/luda-degradation.min.js +1 -1
  7. data/assets/javascripts/luda-degradation.min.js.map +1 -1
  8. data/assets/javascripts/luda-sprockets.js +11 -11
  9. data/assets/javascripts/luda.js +1 -1
  10. data/assets/javascripts/luda.js.map +1 -1
  11. data/assets/javascripts/luda.min.js +1 -1
  12. data/assets/javascripts/luda.min.js.map +1 -1
  13. data/assets/javascripts/luda/install.js +1 -1
  14. data/assets/stylesheets/luda/_core/_base.sass +429 -429
  15. data/assets/stylesheets/luda/_core/_functions.sass +239 -239
  16. data/assets/stylesheets/luda/_core/_variables.sass +709 -709
  17. data/assets/stylesheets/luda/_core/behaviours/_disabled.sass +11 -11
  18. data/assets/stylesheets/luda/_core/behaviours/_focus.sass +6 -6
  19. data/assets/stylesheets/luda/_core/behaviours/_readonly.sass +15 -15
  20. data/assets/stylesheets/luda/_core/behaviours/_toggle.sass +3 -3
  21. data/assets/stylesheets/luda/_core/collections/_alert.sass +23 -23
  22. data/assets/stylesheets/luda/_core/collections/_avatar.sass +116 -116
  23. data/assets/stylesheets/luda/_core/collections/_breadcrumb.sass +20 -20
  24. data/assets/stylesheets/luda/_core/collections/_button-group.sass +66 -66
  25. data/assets/stylesheets/luda/_core/collections/_button-icon.sass +45 -45
  26. data/assets/stylesheets/luda/_core/collections/_carousel.sass +131 -131
  27. data/assets/stylesheets/luda/_core/collections/_dropdown.sass +59 -59
  28. data/assets/stylesheets/luda/_core/collections/_form-button.sass +22 -22
  29. data/assets/stylesheets/luda/_core/collections/_form-dropdown.sass +20 -20
  30. data/assets/stylesheets/luda/_core/collections/_form-group.sass +47 -47
  31. data/assets/stylesheets/luda/_core/collections/_form-icon.sass +70 -70
  32. data/assets/stylesheets/luda/_core/collections/_media.sass +54 -54
  33. data/assets/stylesheets/luda/_core/collections/_modal.sass +11 -11
  34. data/assets/stylesheets/luda/_core/collections/_nav.sass +161 -161
  35. data/assets/stylesheets/luda/_core/collections/_tab.sass +17 -17
  36. data/assets/stylesheets/luda/_core/elements/_badge.sass +18 -18
  37. data/assets/stylesheets/luda/_core/elements/_baseline.sass +21 -21
  38. data/assets/stylesheets/luda/_core/elements/_button.sass +135 -135
  39. data/assets/stylesheets/luda/_core/elements/_container.sass +7 -7
  40. data/assets/stylesheets/luda/_core/elements/_grid.sass +54 -54
  41. data/assets/stylesheets/luda/_core/elements/_icon.sass +109 -109
  42. data/assets/stylesheets/luda/_core/elements/_overlay.sass +10 -10
  43. data/assets/stylesheets/luda/_core/elements/_progress.sass +30 -30
  44. data/assets/stylesheets/luda/_core/elements/_scrollbar.sass +20 -20
  45. data/assets/stylesheets/luda/_core/elements/_table.sass +101 -101
  46. data/assets/stylesheets/luda/_core/elements/_turbolinks-progress-bar.sass +4 -4
  47. data/assets/stylesheets/luda/_core/elements/form/_form-check-radio.sass +104 -104
  48. data/assets/stylesheets/luda/_core/elements/form/_form-element.sass +82 -82
  49. data/assets/stylesheets/luda/_core/elements/form/_form-helper.sass +65 -65
  50. data/assets/stylesheets/luda/_core/elements/form/_form-label.sass +19 -19
  51. data/assets/stylesheets/luda/_core/elements/form/_form-range.sass +91 -91
  52. data/assets/stylesheets/luda/_core/elements/form/_form-row.sass +213 -213
  53. data/assets/stylesheets/luda/_core/elements/typography/_code.sass +26 -26
  54. data/assets/stylesheets/luda/_core/elements/typography/_link.sass +14 -14
  55. data/assets/stylesheets/luda/_core/elements/typography/_list.sass +13 -13
  56. data/assets/stylesheets/luda/_core/elements/typography/_mark.sass +6 -6
  57. data/assets/stylesheets/luda/_core/elements/typography/_quote.sass +67 -67
  58. data/assets/stylesheets/luda/_core/elements/typography/_sub-sup.sass +15 -15
  59. data/assets/stylesheets/luda/_core/elements/typography/_typography.sass +51 -51
  60. data/assets/stylesheets/luda/_core/mixins/_browser.sass +14 -14
  61. data/assets/stylesheets/luda/_core/mixins/_button.sass +89 -89
  62. data/assets/stylesheets/luda/_core/mixins/_dropdown.sass +39 -39
  63. data/assets/stylesheets/luda/_core/mixins/_focus.sass +2 -2
  64. data/assets/stylesheets/luda/_core/mixins/_form.sass +26 -26
  65. data/assets/stylesheets/luda/_core/mixins/_install.sass +6 -6
  66. data/assets/stylesheets/luda/_core/mixins/_media-query.sass +65 -65
  67. data/assets/stylesheets/luda/_core/mixins/_overlay.sass +13 -13
  68. data/assets/stylesheets/luda/_core/mixins/_sass-lint-fix.sass +2 -2
  69. data/assets/stylesheets/luda/_core/mixins/_typography.sass +39 -39
  70. data/assets/stylesheets/luda/_core/utilities/_align.sass +18 -18
  71. data/assets/stylesheets/luda/_core/utilities/_background.sass +87 -87
  72. data/assets/stylesheets/luda/_core/utilities/_color.sass +35 -35
  73. data/assets/stylesheets/luda/_core/utilities/_display.sass +39 -39
  74. data/assets/stylesheets/luda/_core/utilities/_flex.sass +113 -113
  75. data/assets/stylesheets/luda/_core/utilities/_float.sass +20 -20
  76. data/assets/stylesheets/luda/_core/utilities/_opacity.sass +18 -18
  77. data/assets/stylesheets/luda/_core/utilities/_overflow.sass +17 -17
  78. data/assets/stylesheets/luda/_core/utilities/_position.sass +47 -47
  79. data/assets/stylesheets/luda/_core/utilities/_shape.sass +61 -61
  80. data/assets/stylesheets/luda/_core/utilities/_size.sass +66 -66
  81. data/assets/stylesheets/luda/_core/utilities/_space.sass +226 -226
  82. data/assets/stylesheets/luda/_core/utilities/_text.sass +84 -84
  83. data/assets/stylesheets/luda/_core/utilities/_visibility.sass +10 -10
  84. data/assets/stylesheets/luda/_core/utilities/_z-index.sass +18 -18
  85. data/assets/stylesheets/luda/_default.sass +51 -51
  86. data/assets/stylesheets/luda/default/_banner.sass +1 -1
  87. data/assets/stylesheets/luda/default/_base.sass +5 -5
  88. data/assets/stylesheets/luda/default/_mixins.sass +9 -9
  89. data/assets/stylesheets/luda/default/behaviours/_disabled.sass +4 -4
  90. data/assets/stylesheets/luda/default/behaviours/_focus.sass +4 -4
  91. data/assets/stylesheets/luda/default/behaviours/_readonly.sass +4 -4
  92. data/assets/stylesheets/luda/default/behaviours/_toggle.sass +4 -4
  93. data/assets/stylesheets/luda/default/collections/_alert.sass +5 -5
  94. data/assets/stylesheets/luda/default/collections/_avatar.sass +6 -6
  95. data/assets/stylesheets/luda/default/collections/_breadcrumb.sass +5 -5
  96. data/assets/stylesheets/luda/default/collections/_button-group.sass +6 -6
  97. data/assets/stylesheets/luda/default/collections/_button-icon.sass +7 -7
  98. data/assets/stylesheets/luda/default/collections/_carousel.sass +6 -6
  99. data/assets/stylesheets/luda/default/collections/_dropdown.sass +7 -7
  100. data/assets/stylesheets/luda/default/collections/_form-button.sass +8 -8
  101. data/assets/stylesheets/luda/default/collections/_form-dropdown.sass +7 -7
  102. data/assets/stylesheets/luda/default/collections/_form-group.sass +10 -10
  103. data/assets/stylesheets/luda/default/collections/_form-icon.sass +7 -7
  104. data/assets/stylesheets/luda/default/collections/_media.sass +6 -6
  105. data/assets/stylesheets/luda/default/collections/_modal.sass +6 -6
  106. data/assets/stylesheets/luda/default/collections/_nav.sass +9 -9
  107. data/assets/stylesheets/luda/default/collections/_tab.sass +8 -8
  108. data/assets/stylesheets/luda/default/elements/_badge.sass +5 -5
  109. data/assets/stylesheets/luda/default/elements/_baseline.sass +5 -5
  110. data/assets/stylesheets/luda/default/elements/_button.sass +6 -6
  111. data/assets/stylesheets/luda/default/elements/_container.sass +5 -5
  112. data/assets/stylesheets/luda/default/elements/_form.sass +12 -12
  113. data/assets/stylesheets/luda/default/elements/_grid.sass +5 -5
  114. data/assets/stylesheets/luda/default/elements/_icon.sass +5 -5
  115. data/assets/stylesheets/luda/default/elements/_overlay.sass +5 -5
  116. data/assets/stylesheets/luda/default/elements/_progress.sass +5 -5
  117. data/assets/stylesheets/luda/default/elements/_scrollbar.sass +5 -5
  118. data/assets/stylesheets/luda/default/elements/_table.sass +5 -5
  119. data/assets/stylesheets/luda/default/elements/_turbolinks-progress-bar.sass +5 -5
  120. data/assets/stylesheets/luda/default/elements/_typography.sass +11 -11
  121. data/assets/stylesheets/luda/default/elements/form/_form-check-radio.sass +4 -4
  122. data/assets/stylesheets/luda/default/elements/form/_form-element.sass +4 -4
  123. data/assets/stylesheets/luda/default/elements/form/_form-helper.sass +4 -4
  124. data/assets/stylesheets/luda/default/elements/form/_form-label.sass +4 -4
  125. data/assets/stylesheets/luda/default/elements/form/_form-range.sass +4 -4
  126. data/assets/stylesheets/luda/default/elements/form/_form-row.sass +4 -4
  127. data/assets/stylesheets/luda/default/elements/typography/_code.sass +4 -4
  128. data/assets/stylesheets/luda/default/elements/typography/_link.sass +4 -4
  129. data/assets/stylesheets/luda/default/elements/typography/_list.sass +3 -3
  130. data/assets/stylesheets/luda/default/elements/typography/_mark.sass +4 -4
  131. data/assets/stylesheets/luda/default/elements/typography/_quote.sass +4 -4
  132. data/assets/stylesheets/luda/default/elements/typography/_sub-sup.sass +4 -4
  133. data/assets/stylesheets/luda/default/elements/typography/_typography.sass +4 -4
  134. data/assets/stylesheets/luda/default/index.sass +55 -55
  135. data/assets/stylesheets/luda/default/utilities/_align.sass +4 -4
  136. data/assets/stylesheets/luda/default/utilities/_background.sass +4 -4
  137. data/assets/stylesheets/luda/default/utilities/_color.sass +4 -4
  138. data/assets/stylesheets/luda/default/utilities/_display.sass +4 -4
  139. data/assets/stylesheets/luda/default/utilities/_flex.sass +4 -4
  140. data/assets/stylesheets/luda/default/utilities/_float.sass +4 -4
  141. data/assets/stylesheets/luda/default/utilities/_opacity.sass +4 -4
  142. data/assets/stylesheets/luda/default/utilities/_overflow.sass +4 -4
  143. data/assets/stylesheets/luda/default/utilities/_position.sass +4 -4
  144. data/assets/stylesheets/luda/default/utilities/_shape.sass +4 -4
  145. data/assets/stylesheets/luda/default/utilities/_size.sass +4 -4
  146. data/assets/stylesheets/luda/default/utilities/_space.sass +4 -4
  147. data/assets/stylesheets/luda/default/utilities/_text.sass +4 -4
  148. data/assets/stylesheets/luda/default/utilities/_visibility.sass +4 -4
  149. data/assets/stylesheets/luda/default/utilities/_z-index.sass +4 -4
  150. data/lib/luda.rb +72 -72
  151. data/lib/luda/engine.rb +11 -11
  152. data/lib/luda/version.rb +1 -1
  153. metadata +3 -74
  154. data/assets/stylesheets/luda/core/_base.sass +0 -430
  155. data/assets/stylesheets/luda/core/_functions.sass +0 -240
  156. data/assets/stylesheets/luda/core/_variables.sass +0 -710
  157. data/assets/stylesheets/luda/core/behaviours/_disabled.sass +0 -12
  158. data/assets/stylesheets/luda/core/behaviours/_focus.sass +0 -7
  159. data/assets/stylesheets/luda/core/behaviours/_readonly.sass +0 -16
  160. data/assets/stylesheets/luda/core/behaviours/_toggle.sass +0 -4
  161. data/assets/stylesheets/luda/core/collections/_alert.sass +0 -24
  162. data/assets/stylesheets/luda/core/collections/_avatar.sass +0 -117
  163. data/assets/stylesheets/luda/core/collections/_breadcrumb.sass +0 -21
  164. data/assets/stylesheets/luda/core/collections/_button-group.sass +0 -67
  165. data/assets/stylesheets/luda/core/collections/_button-icon.sass +0 -46
  166. data/assets/stylesheets/luda/core/collections/_carousel.sass +0 -132
  167. data/assets/stylesheets/luda/core/collections/_dropdown.sass +0 -60
  168. data/assets/stylesheets/luda/core/collections/_form-button.sass +0 -23
  169. data/assets/stylesheets/luda/core/collections/_form-dropdown.sass +0 -21
  170. data/assets/stylesheets/luda/core/collections/_form-group.sass +0 -48
  171. data/assets/stylesheets/luda/core/collections/_form-icon.sass +0 -71
  172. data/assets/stylesheets/luda/core/collections/_media.sass +0 -55
  173. data/assets/stylesheets/luda/core/collections/_modal.sass +0 -12
  174. data/assets/stylesheets/luda/core/collections/_nav.sass +0 -162
  175. data/assets/stylesheets/luda/core/collections/_tab.sass +0 -18
  176. data/assets/stylesheets/luda/core/elements/_badge.sass +0 -19
  177. data/assets/stylesheets/luda/core/elements/_baseline.sass +0 -22
  178. data/assets/stylesheets/luda/core/elements/_button.sass +0 -136
  179. data/assets/stylesheets/luda/core/elements/_container.sass +0 -8
  180. data/assets/stylesheets/luda/core/elements/_grid.sass +0 -55
  181. data/assets/stylesheets/luda/core/elements/_icon.sass +0 -110
  182. data/assets/stylesheets/luda/core/elements/_overlay.sass +0 -11
  183. data/assets/stylesheets/luda/core/elements/_progress.sass +0 -31
  184. data/assets/stylesheets/luda/core/elements/_scrollbar.sass +0 -21
  185. data/assets/stylesheets/luda/core/elements/_table.sass +0 -102
  186. data/assets/stylesheets/luda/core/elements/_turbolinks-progress-bar.sass +0 -5
  187. data/assets/stylesheets/luda/core/elements/form/_form-check-radio.sass +0 -105
  188. data/assets/stylesheets/luda/core/elements/form/_form-element.sass +0 -83
  189. data/assets/stylesheets/luda/core/elements/form/_form-helper.sass +0 -66
  190. data/assets/stylesheets/luda/core/elements/form/_form-label.sass +0 -20
  191. data/assets/stylesheets/luda/core/elements/form/_form-range.sass +0 -92
  192. data/assets/stylesheets/luda/core/elements/form/_form-row.sass +0 -214
  193. data/assets/stylesheets/luda/core/elements/typography/_code.sass +0 -27
  194. data/assets/stylesheets/luda/core/elements/typography/_link.sass +0 -15
  195. data/assets/stylesheets/luda/core/elements/typography/_list.sass +0 -14
  196. data/assets/stylesheets/luda/core/elements/typography/_mark.sass +0 -7
  197. data/assets/stylesheets/luda/core/elements/typography/_quote.sass +0 -68
  198. data/assets/stylesheets/luda/core/elements/typography/_sub-sup.sass +0 -16
  199. data/assets/stylesheets/luda/core/elements/typography/_typography.sass +0 -52
  200. data/assets/stylesheets/luda/core/mixins/_browser.sass +0 -15
  201. data/assets/stylesheets/luda/core/mixins/_button.sass +0 -90
  202. data/assets/stylesheets/luda/core/mixins/_dropdown.sass +0 -40
  203. data/assets/stylesheets/luda/core/mixins/_focus.sass +0 -3
  204. data/assets/stylesheets/luda/core/mixins/_form.sass +0 -27
  205. data/assets/stylesheets/luda/core/mixins/_install.sass +0 -7
  206. data/assets/stylesheets/luda/core/mixins/_media-query.sass +0 -66
  207. data/assets/stylesheets/luda/core/mixins/_overlay.sass +0 -14
  208. data/assets/stylesheets/luda/core/mixins/_sass-lint-fix.sass +0 -3
  209. data/assets/stylesheets/luda/core/mixins/_typography.sass +0 -40
  210. data/assets/stylesheets/luda/core/utilities/_align.sass +0 -19
  211. data/assets/stylesheets/luda/core/utilities/_background.sass +0 -88
  212. data/assets/stylesheets/luda/core/utilities/_color.sass +0 -36
  213. data/assets/stylesheets/luda/core/utilities/_display.sass +0 -40
  214. data/assets/stylesheets/luda/core/utilities/_flex.sass +0 -114
  215. data/assets/stylesheets/luda/core/utilities/_float.sass +0 -21
  216. data/assets/stylesheets/luda/core/utilities/_opacity.sass +0 -19
  217. data/assets/stylesheets/luda/core/utilities/_overflow.sass +0 -18
  218. data/assets/stylesheets/luda/core/utilities/_position.sass +0 -48
  219. data/assets/stylesheets/luda/core/utilities/_shape.sass +0 -62
  220. data/assets/stylesheets/luda/core/utilities/_size.sass +0 -67
  221. data/assets/stylesheets/luda/core/utilities/_space.sass +0 -227
  222. data/assets/stylesheets/luda/core/utilities/_text.sass +0 -85
  223. data/assets/stylesheets/luda/core/utilities/_visibility.sass +0 -11
  224. data/assets/stylesheets/luda/core/utilities/_z-index.sass +0 -19
@@ -1,18 +0,0 @@
1
- +install(shared-collection-tab)
2
-
3
- .tab-indicators
4
- overflow: auto
5
- -webkit-overflow-scrolling: touch
6
-
7
- .tab-panes
8
- padding-top: $tab-panes-padding-top-rem
9
- padding-bottom: $tab-panes-padding-bottom-rem
10
- overflow: auto
11
- -webkit-overflow-scrolling: touch
12
- background: $tab-panes-background
13
-
14
- .tab-pane
15
- display: none
16
-
17
- .tab-pane-active.tab-pane
18
- display: block
@@ -1,19 +0,0 @@
1
- +install(shared-element-badge)
2
-
3
- .badge,
4
- .badge-baseline
5
- display: inline-flex
6
- position: relative
7
- left: $badge-offset-left-em
8
- align-items: center
9
- min-width: $badge-height-em
10
- height: $badge-height-em
11
- padding: $badge-padding-em
12
- font-size: 1em / $typography-size-scale-ratio
13
- white-space: nowrap
14
- color: $badge-color
15
- background: $badge-background
16
- border-radius: 9999px
17
-
18
- .badge
19
- top: $badge-offset-top-em
@@ -1,22 +0,0 @@
1
- +install(shared-element-baseline)
2
-
3
- .baseline-overlay
4
- position: relative
5
-
6
- $_baseline-gradient: linear-gradient(to bottom, #0ff 0, rgba(255, 255, 255, 0) 1px)
7
- $_baseline-background: $_baseline-gradient left top / 100% 1rem repeat-y
8
-
9
- .baseline-overlay::after
10
- display: block
11
- position: absolute
12
- top: 0
13
- right: 0
14
- bottom: 0
15
- left: 0
16
- z-index: $z-index-highest
17
- pointer-events: none
18
- content: ""
19
- background: $_baseline-background
20
-
21
- .baseline-background
22
- background: $_baseline-background
@@ -1,136 +0,0 @@
1
- +install(shared-element-button)
2
-
3
- .btn,
4
- .btn-check,
5
- .btn-radio,
6
- .btn-file
7
- -webkit-appearance: none
8
- -moz-appearance: none
9
- appearance: none
10
- display: inline-flex
11
- vertical-align: top
12
- flex: 0 0 auto
13
- max-width: 100%
14
- min-width: $button-height-rem
15
- height: $button-height-rem
16
- font-size: typo-size($button-typography-size-level)
17
- line-height: normal
18
- white-space: nowrap
19
- cursor: pointer
20
- -ms-touch-action: manipulation
21
- touch-action: manipulation
22
- -webkit-user-select: none
23
- -moz-user-select: none
24
- -ms-user-select: none
25
- user-select: none
26
- text-decoration: none
27
- background: none
28
-
29
- +browser-edge
30
- input.btn
31
- display: inline-block
32
- text-align: center
33
-
34
- .btn,
35
- .btn-check label,
36
- .btn-radio label,
37
- .btn-file label
38
- align-items: center
39
- justify-content: center
40
- padding: 0 $button-helvertical-padding-em
41
- border: $button-border-style $button-border-width
42
- overflow: hidden
43
- border-radius: existing($button-border-radius, 0)
44
-
45
- .btn-check label,
46
- .btn-radio label,
47
- .btn-file label
48
- display: flex
49
- width: 100%
50
- height: inherit
51
- // pointer-events: none
52
-
53
- .btn > *,
54
- .btn-check label > *,
55
- .btn-radio label > *,
56
- .btn-file label > *
57
- flex: 0 0 auto
58
-
59
- .btn-check input,
60
- .btn-radio input,
61
- .btn-file input
62
- -webkit-appearance: none
63
- -moz-appearance: none
64
- appearance: none
65
- width: 0.001px
66
- min-width: 100%
67
- // height: 0.001px
68
- height: 100%
69
- margin-right: -100%
70
- overflow: hidden
71
- cursor: pointer
72
- opacity: 0
73
-
74
- .btn-check input[disabled],
75
- .btn-radio input[disabled],
76
- .btn-file input[disabled]
77
- opacity: 0
78
-
79
- // remove webkit file upload button to prevent cursor change when hover
80
- .btn-file ::-webkit-file-upload-button
81
- display: none
82
-
83
- .btn:-moz-focusring
84
- outline: none
85
-
86
- .btn.focus,
87
- .btn-check input.focus ~ label,
88
- .btn-radio input.focus ~ label,
89
- .btn-file input.focus ~ label
90
- +_focus
91
-
92
-
93
-
94
- .btn-fluid.btn,
95
- .btn-fluid.btn-check,
96
- .btn-fluid.btn-radio,
97
- .btn-fluid.btn-file
98
- display: flex
99
- flex: 1 1 auto
100
- width: 100%
101
-
102
- .btn-small.btn,
103
- .btn-small.btn-check,
104
- .btn-small.btn-radio,
105
- .btn-small.btn-file
106
- min-width: $button-small-height-rem
107
- height: $button-small-height-rem
108
- font-size: typo-size($button-small-typography-size-level)
109
-
110
- .btn-large.btn,
111
- .btn-large.btn-check,
112
- .btn-large.btn-radio,
113
- .btn-large.btn-file
114
- min-width: $button-large-height-rem
115
- height: $button-large-height-rem
116
- font-size: typo-size($button-large-typography-size-level)
117
-
118
-
119
-
120
- +button-solid(primary, $button-primary-color, $button-primary-hover-color, $button-primary-active-color, $button-primary-background, $button-primary-hover-background, $button-primary-active-background, $button-primary-border-color, $button-primary-hover-border-color, $button-primary-active-border-color, $button-primary-box-shadow, $button-primary-hover-box-shadow, $button-primary-active-box-shadow)
121
- +button-solid(secondary, $button-secondary-color, $button-secondary-hover-color, $button-secondary-active-color, $button-secondary-background, $button-secondary-hover-background, $button-secondary-active-background, $button-secondary-border-color, $button-secondary-hover-border-color, $button-secondary-active-border-color, $button-secondary-box-shadow, $button-secondary-hover-box-shadow, $button-secondary-active-box-shadow)
122
- +button-solid(danger, $button-danger-color, $button-danger-hover-color, $button-danger-active-color, $button-danger-background, $button-danger-hover-background, $button-danger-active-background, $button-danger-border-color, $button-danger-hover-border-color, $button-danger-active-border-color, $button-danger-box-shadow, $button-danger-hover-box-shadow, $button-danger-active-box-shadow)
123
- +button-solid(dark, $button-dark-color, $button-dark-hover-color, $button-dark-active-color, $button-dark-background, $button-dark-hover-background, $button-dark-active-background, $button-dark-border-color, $button-dark-hover-border-color, $button-dark-active-border-color, $button-dark-box-shadow, $button-dark-hover-box-shadow, $button-dark-active-box-shadow)
124
- +button-solid(light, $button-light-color, $button-light-hover-color, $button-light-active-color, $button-light-background, $button-light-hover-background, $button-light-active-background, $button-light-border-color, $button-light-hover-border-color, $button-light-active-border-color, $button-light-box-shadow, $button-light-hover-box-shadow, $button-light-active-box-shadow)
125
-
126
- +button-hollow(primary, $button-hollow-primary-color, $button-hollow-primary-hover-color, $button-hollow-primary-active-color, $button-hollow-primary-hover-background, $button-hollow-primary-active-background, $button-hollow-primary-border-color, $button-hollow-primary-hover-border-color, $button-hollow-primary-active-border-color, $button-hollow-primary-box-shadow, $button-hollow-primary-hover-box-shadow, $button-hollow-primary-active-box-shadow)
127
- +button-hollow(secondary, $button-hollow-secondary-color, $button-hollow-secondary-hover-color, $button-hollow-secondary-active-color, $button-hollow-secondary-hover-background, $button-hollow-secondary-active-background, $button-hollow-secondary-border-color, $button-hollow-secondary-hover-border-color, $button-hollow-secondary-active-border-color, $button-hollow-secondary-box-shadow, $button-hollow-secondary-hover-box-shadow, $button-hollow-secondary-active-box-shadow)
128
- +button-hollow(danger, $button-hollow-danger-color, $button-hollow-danger-hover-color, $button-hollow-danger-active-color, $button-hollow-danger-hover-background, $button-hollow-danger-active-background, $button-hollow-danger-border-color, $button-hollow-danger-hover-border-color, $button-hollow-danger-active-border-color, $button-hollow-danger-box-shadow, $button-hollow-danger-hover-box-shadow, $button-hollow-danger-active-box-shadow)
129
- +button-hollow(dark, $button-hollow-dark-color, $button-hollow-dark-hover-color, $button-hollow-dark-active-color, $button-hollow-dark-hover-background, $button-hollow-dark-active-background, $button-hollow-dark-border-color, $button-hollow-dark-hover-border-color, $button-hollow-dark-active-border-color, $button-hollow-dark-box-shadow, $button-hollow-dark-hover-box-shadow, $button-hollow-dark-active-box-shadow)
130
- +button-hollow(light, $button-hollow-light-color, $button-hollow-light-hover-color, $button-hollow-light-active-color, $button-hollow-light-hover-background, $button-hollow-light-active-background, $button-hollow-light-border-color, $button-hollow-light-hover-border-color, $button-hollow-light-active-border-color, $button-hollow-light-box-shadow, $button-hollow-light-hover-box-shadow, $button-hollow-light-active-box-shadow)
131
-
132
- +button-text(primary, $button-text-primary-color, $button-text-primary-hover-color, $button-text-primary-active-color, $button-text-primary-text-shadow, $button-text-primary-hover-text-shadow, $button-text-primary-active-text-shadow)
133
- +button-text(secondary, $button-text-secondary-color, $button-text-secondary-hover-color, $button-text-secondary-active-color, $button-text-secondary-text-shadow, $button-text-secondary-hover-text-shadow, $button-text-secondary-active-text-shadow)
134
- +button-text(danger, $button-text-danger-color, $button-text-danger-hover-color, $button-text-danger-active-color, $button-text-danger-text-shadow, $button-text-danger-hover-text-shadow, $button-text-danger-active-text-shadow)
135
- +button-text(dark, $button-text-dark-color, $button-text-dark-hover-color, $button-text-dark-active-color, $button-text-dark-text-shadow, $button-text-dark-hover-text-shadow, $button-text-dark-active-text-shadow)
136
- +button-text(light, $button-text-light-color, $button-text-light-hover-color, $button-text-light-active-color, $button-text-light-text-shadow, $button-text-light-hover-text-shadow, $button-text-light-active-text-shadow)
@@ -1,8 +0,0 @@
1
- +install(shared-element-container)
2
-
3
- .container
4
- max-width: $container-max-width-px
5
- min-width: 0
6
- padding: $container-padding-rem
7
- margin-right: auto
8
- margin-left: auto
@@ -1,55 +0,0 @@
1
- +install(shared-element-grid)
2
-
3
- .grid,
4
- .grid-edge
5
- display: flex
6
- flex-wrap: wrap
7
- align-items: flex-start
8
- width: 100%
9
-
10
- [class*=col-]
11
- flex-grow: 0
12
- flex-shrink: 0
13
-
14
- .col-auto
15
- flex-basis: 0
16
- flex-grow: 1
17
- flex-shrink: 1
18
- max-width: 100%
19
- min-width: 1px
20
-
21
- .grid > [class*=col-]
22
- padding-right: $grid-gutter-width-rem / 2
23
- padding-left: $grid-gutter-width-rem / 2
24
-
25
- .grid [class*=col-] .grid
26
- width: auto
27
- margin-right: - $grid-gutter-width-rem / 2
28
- margin-left: - $grid-gutter-width-rem / 2
29
-
30
- .grid .grid-edge > [class*=col-] > .grid
31
- margin-right: 0
32
- margin-left: 0
33
-
34
- .grid-edge.container
35
- padding: 0
36
-
37
-
38
-
39
- @each $breakpoint in map-keys($breakpoint-width-pxs)
40
- $class-fix: _responsive-class-fix($breakpoint)
41
-
42
- +media-width($breakpoint)
43
-
44
- @for $count from 1 through $grid-columns
45
- $column-width: $count / $grid-columns * 100%
46
-
47
- .col-#{$count}#{$class-fix}
48
- flex-basis: $column-width
49
- max-width: $column-width
50
-
51
- @for $count from 1 to $grid-columns
52
- $margin-left: $count / $grid-columns * 100%
53
-
54
- .offset-#{$count}#{$class-fix}
55
- margin-left: $margin-left
@@ -1,110 +0,0 @@
1
- +install(shared-element-icon)
2
-
3
- .ico
4
- display: inline-block
5
- vertical-align: text-top
6
- position: relative
7
- width: 1em
8
- height: 1em
9
- font-size: $icon-size-em
10
- line-height: normal
11
- overflow: hidden
12
- -webkit-user-select: none
13
- -moz-user-select: none
14
- -ms-user-select: none
15
- user-select: none
16
- object-fit: contain
17
- object-position: center
18
- font-style: normal
19
- background-position: center
20
- background-size: contain
21
-
22
- +browser-firefox
23
- .ico
24
- line-height: $icon-firefox-line-height
25
-
26
- .ico::before,
27
- .ico::after
28
- display: block
29
- position: absolute
30
- top: 50%
31
- left: 50%
32
- transform: translate(-50%, -50%)
33
-
34
-
35
-
36
- .ico-left::before,
37
- .ico-right::before,
38
- .ico-up::before,
39
- .ico-down::before
40
- width: 0.6em
41
- height: 0.6em
42
- border: $icon-stroke-width solid
43
- border-right: none
44
- border-bottom: none
45
- content: ''
46
-
47
- .ico-left::before
48
- transform: translate(-25%, -50%) rotate(-45deg)
49
-
50
- .ico-right::before
51
- transform: translate(-75%, -50%) rotate(135deg)
52
-
53
- .ico-up::before
54
- transform: translate(-50%, -25%) rotate(45deg)
55
-
56
- .ico-down::before
57
- transform: translate(-50%, -75%) rotate(225deg)
58
-
59
-
60
-
61
- .ico-plus::before,
62
- .ico-plus::after,
63
- .ico-cross::before,
64
- .ico-cross::after
65
- content: ''
66
- background: currentColor
67
-
68
- .ico-plus::before,
69
- .ico-cross::before
70
- width: 0.9em
71
- height: $icon-stroke-width
72
-
73
- .ico-plus::after,
74
- .ico-cross::after
75
- width: $icon-stroke-width
76
- height: 0.9em
77
-
78
- .ico-cross::before,
79
- .ico-cross::after
80
- transform: translate(-50%, -50%) rotate(45deg)
81
-
82
-
83
-
84
- .ico-menu::before
85
- width: 0.9em
86
- height: $icon-stroke-width
87
- content: ''
88
- background: currentColor
89
- box-shadow: 0 -0.35em, 0 0.35em
90
-
91
-
92
-
93
- .ico-search::before
94
- top: 5%
95
- left: 5%
96
- width: 0.75em
97
- height: 0.75em
98
- border: $icon-stroke-width solid
99
- content: ''
100
- border-radius: 50%
101
- transform: translate(0, 0) rotate(45deg)
102
-
103
- .ico-search::after
104
- top: 80%
105
- left: 80%
106
- width: 0.4em
107
- height: $icon-stroke-width
108
- content: ''
109
- background: currentColor
110
- transform: translate(-50%, -50%) rotate(45deg)
@@ -1,11 +0,0 @@
1
- +install(shared-element-overlay)
2
-
3
- html:has(.overlay.toggle-active),
4
- body:has(.overlay.toggle-active)
5
- overflow: hidden
6
-
7
- .overlay
8
- +overlay
9
-
10
- .overlay-body
11
- +overlay-body
@@ -1,31 +0,0 @@
1
- +install(shared-element-progress)
2
-
3
- .progress
4
- display: flex
5
- height: $progress-height-rem
6
- background: $progress-background
7
- border-radius: $progress-border-radius
8
-
9
- .progress-bar
10
- display: flex
11
- align-items: center
12
- justify-content: flex-end
13
- min-width: $progress-bar-min-width-em
14
- height: 100%
15
- padding: $progress-bar-padding
16
- font-size: typo-size($progress-bar-typography-size-level)
17
- white-space: nowrap
18
- overflow: hidden
19
- color: $progress-bar-color
20
- background: $progress-bar-background
21
- border-radius: $progress-border-radius
22
-
23
- @if $progress-border-radius and $progress-border-radius != 0
24
-
25
- .progress-bar:not(:first-child)
26
- border-top-left-radius: 0
27
- border-bottom-left-radius: 0
28
-
29
- .progress-bar:not(:last-child)
30
- border-top-right-radius: 0
31
- border-bottom-right-radius: 0
@@ -1,21 +0,0 @@
1
- +install(shared-element-scrollbar)
2
-
3
- +media-width($scrollbar-width-breakpoint)
4
-
5
- html
6
- -ms-overflow-style: $scrollbar-ie-edge-overflow-style
7
-
8
- +browser-chrome-and-opera
9
-
10
- +media-width($scrollbar-width-breakpoint)
11
-
12
- html
13
- overflow: overlay
14
-
15
- ::-webkit-scrollbar
16
- width: $scrollbar-breakpoint-vertical-width-rem
17
- height: $scrollbar-breakpoint-horizontal-height-rem
18
-
19
- ::-webkit-scrollbar-thumb
20
- background: $scrollbar-thumb-background
21
- border-radius: $scrollbar-thumb-border-radius