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,46 +1,46 @@
1
- +install(shared-collection-button-icon)
2
-
3
- [class*=btn-].btn-ico
4
- width: 0
5
-
6
- [class*=btn-]:not([class*=btn-text]).btn-ico .ico,
7
- [class*=btn-]:not([class*=btn-text]).btn-ico-left .ico,
8
- [class*=btn-]:not([class*=btn-text]).btn-ico-right .ico,
9
- [class*=btn-]:not([class*=btn-text]).btn-ico-top .ico
10
- font-size: $button-icon-size-em
11
-
12
-
13
-
14
- [class*=btn-].btn-ico-left .ico
15
- order: -1
16
- margin: $button-icon-left-margin-em
17
-
18
-
19
-
20
- [class*=btn-].btn-ico-right .ico
21
- order: 1
22
- margin: $button-icon-right-margin-em
23
-
24
-
25
-
26
- .btn.btn-ico-top,
27
- .btn-check.btn-ico-top label,
28
- .btn-radio.btn-ico-top label,
29
- .btn-file.btn-ico-top label
30
- flex-direction: column
31
-
32
- [class*=btn-].btn-ico-top
33
- height: $button-icon-top-height-rem
34
-
35
- [class*=btn-].btn-ico-top .ico
36
- order: -1
37
- margin: $button-icon-top-margin-em
38
- font-size: $button-icon-top-size-em
39
-
40
-
41
-
42
- .btn-large[class*=btn-].btn-ico-top
43
- height: $button-large-icon-top-height-rem
44
-
45
- .btn-small[class*=btn-].btn-ico-top
1
+ +install(shared-collection-button-icon)
2
+
3
+ [class*=btn-].btn-ico
4
+ width: 0
5
+
6
+ [class*=btn-]:not([class*=btn-text]).btn-ico .ico,
7
+ [class*=btn-]:not([class*=btn-text]).btn-ico-left .ico,
8
+ [class*=btn-]:not([class*=btn-text]).btn-ico-right .ico,
9
+ [class*=btn-]:not([class*=btn-text]).btn-ico-top .ico
10
+ font-size: $button-icon-size-em
11
+
12
+
13
+
14
+ [class*=btn-].btn-ico-left .ico
15
+ order: -1
16
+ margin: $button-icon-left-margin-em
17
+
18
+
19
+
20
+ [class*=btn-].btn-ico-right .ico
21
+ order: 1
22
+ margin: $button-icon-right-margin-em
23
+
24
+
25
+
26
+ .btn.btn-ico-top,
27
+ .btn-check.btn-ico-top label,
28
+ .btn-radio.btn-ico-top label,
29
+ .btn-file.btn-ico-top label
30
+ flex-direction: column
31
+
32
+ [class*=btn-].btn-ico-top
33
+ height: $button-icon-top-height-rem
34
+
35
+ [class*=btn-].btn-ico-top .ico
36
+ order: -1
37
+ margin: $button-icon-top-margin-em
38
+ font-size: $button-icon-top-size-em
39
+
40
+
41
+
42
+ .btn-large[class*=btn-].btn-ico-top
43
+ height: $button-large-icon-top-height-rem
44
+
45
+ .btn-small[class*=btn-].btn-ico-top
46
46
  height: $button-small-icon-top-height-rem
@@ -1,132 +1,132 @@
1
- +install(shared-collection-carousel)
2
-
3
- .carousel
4
- display: block
5
- width: 100%
6
- background: $carousel-background
7
-
8
- .carousel-box
9
- position: relative
10
- padding-top: 100% / $carousel-aspect-ratio
11
- overflow: hidden
12
-
13
- .carousel-prev,
14
- .carousel-next
15
- display: none
16
-
17
- .carousel-indicators
18
- display: flex
19
- position: absolute
20
- top: $carousel-control-indicators-top-rem
21
- right: $carousel-control-indicators-right-rem
22
- z-index: $z-index-higher
23
- justify-content: center
24
-
25
- .carousel-indicators .btn
26
- height: $carousel-control-indicator-height-rem
27
- font-size: 0
28
- opacity: $carousel-control-disabled-opacity
29
- outline-offset: $carousel-indicator-outline-offset-px
30
- transition: opacity $carousel-control-opacity-transition-duration $carousel-control-opacity-transition-timing-function
31
-
32
- .carousel-indicators.btns-x.btns-margin .btn:last-child
33
- margin-right: 0
34
-
35
- .carousel-indicators .btn[disabled]
36
- opacity: $carousel-control-opacity
37
-
38
- .carousel-item,
39
- .carousel-figure
40
- display: block
41
- position: absolute
42
- top: 0
43
- left: 0
44
- width: 100%
45
- height: 100%
46
- object-fit: cover
47
- object-position: center
48
- background-position: center
49
- background-size: cover
50
-
51
- .carousel-description
52
- position: absolute
53
- right: 0
54
- bottom: 0
55
- left: 0
56
- z-index: $z-index-high
57
- max-height: 100%
58
- padding: $carousel-description-padding-rem
59
- overflow: auto
60
- -webkit-overflow-scrolling: touch
61
- color: $carousel-description-color
62
- background: $carousel-description-background
63
-
64
-
65
- +media-width($carousel-width-breakpoint)
66
- .carousel-prev,
67
- .carousel-next
68
- display: inline-flex
69
- position: absolute
70
- top: 0
71
- bottom: 0
72
- z-index: $z-index-higher
73
- margin: auto
74
- opacity: 0
75
- transition: opacity $carousel-control-opacity-transition-duration $carousel-control-opacity-transition-timing-function
76
-
77
- .carousel-prev.btn-text-light,
78
- .carousel-next.btn-text-light
79
- color: $color-light
80
-
81
- .carousel-box:hover > .carousel-prev,
82
- .carousel-box:hover > .carousel-next,
83
- .carousel-prev.focus,
84
- .carousel-next.focus
85
- opacity: $carousel-control-opacity
86
-
87
- .carousel-box:hover > .carousel-prev[disabled],
88
- .carousel-box:hover > .carousel-next[disabled],
89
- .carousel-prev.focus[disabled],
90
- .carousel-next.focus[disabled]
91
- opacity: $carousel-control-disabled-opacity
92
-
93
- .carousel-prev
94
- left: $carousel-breakpoint-control-prev-left-rem
95
-
96
- .carousel-next
97
- right: $carousel-breakpoint-control-next-right-rem
98
-
99
- .carousel-indicators
100
- top: $carousel-breakpoint-control-indicators-top-rem
101
- right: $carousel-breakpoint-control-indicators-right-rem
102
-
103
- .carousel-description
104
- padding: $carousel-breakpoint-description-padding-rem
105
-
106
-
107
-
108
- .carousel-item.carousel-item-active
109
- z-index: $z-index-high
110
-
111
-
112
-
113
- .carousel:not([class*=carousel-ani-]) .carousel-item
114
- transform: translate3d(0, 0, 0)
115
- transition: transform $carousel-transition-duration $carousel-transition-timing-function
116
-
117
- .carousel:not([class*=carousel-ani-]) .carousel-item.carousel-item-next
118
- transform: translate3d(100%, 0, 0)
119
-
120
- .carousel:not([class*=carousel-ani-]) .carousel-item.carousel-item-prev
121
- transform: translate3d(-100%, 0, 0)
122
-
123
-
124
-
125
- .carousel.carousel-ani-opacity .carousel-item
126
- opacity: 1
127
- transform: translate3d(0, 0, 0)
128
- transition: opacity $carousel-ani-opacity-transition-duration $carousel-ani-opacity-transition-timing-function
129
-
130
- .carousel.carousel-ani-opacity .carousel-item.carousel-item-prev,
131
- .carousel.carousel-ani-opacity .carousel-item.carousel-item-next
1
+ +install(shared-collection-carousel)
2
+
3
+ .carousel
4
+ display: block
5
+ width: 100%
6
+ background: $carousel-background
7
+
8
+ .carousel-box
9
+ position: relative
10
+ padding-top: 100% / $carousel-aspect-ratio
11
+ overflow: hidden
12
+
13
+ .carousel-prev,
14
+ .carousel-next
15
+ display: none
16
+
17
+ .carousel-indicators
18
+ display: flex
19
+ position: absolute
20
+ top: $carousel-control-indicators-top-rem
21
+ right: $carousel-control-indicators-right-rem
22
+ z-index: $z-index-higher
23
+ justify-content: center
24
+
25
+ .carousel-indicators .btn
26
+ height: $carousel-control-indicator-height-rem
27
+ font-size: 0
28
+ opacity: $carousel-control-disabled-opacity
29
+ outline-offset: $carousel-indicator-outline-offset-px
30
+ transition: opacity $carousel-control-opacity-transition-duration $carousel-control-opacity-transition-timing-function
31
+
32
+ .carousel-indicators.btns-x.btns-margin .btn:last-child
33
+ margin-right: 0
34
+
35
+ .carousel-indicators .btn[disabled]
36
+ opacity: $carousel-control-opacity
37
+
38
+ .carousel-item,
39
+ .carousel-figure
40
+ display: block
41
+ position: absolute
42
+ top: 0
43
+ left: 0
44
+ width: 100%
45
+ height: 100%
46
+ object-fit: cover
47
+ object-position: center
48
+ background-position: center
49
+ background-size: cover
50
+
51
+ .carousel-description
52
+ position: absolute
53
+ right: 0
54
+ bottom: 0
55
+ left: 0
56
+ z-index: $z-index-high
57
+ max-height: 100%
58
+ padding: $carousel-description-padding-rem
59
+ overflow: auto
60
+ -webkit-overflow-scrolling: touch
61
+ color: $carousel-description-color
62
+ background: $carousel-description-background
63
+
64
+
65
+ +media-width($carousel-width-breakpoint)
66
+ .carousel-prev,
67
+ .carousel-next
68
+ display: inline-flex
69
+ position: absolute
70
+ top: 0
71
+ bottom: 0
72
+ z-index: $z-index-higher
73
+ margin: auto
74
+ opacity: 0
75
+ transition: opacity $carousel-control-opacity-transition-duration $carousel-control-opacity-transition-timing-function
76
+
77
+ .carousel-prev.btn-text-light,
78
+ .carousel-next.btn-text-light
79
+ color: $color-light
80
+
81
+ .carousel-box:hover > .carousel-prev,
82
+ .carousel-box:hover > .carousel-next,
83
+ .carousel-prev.focus,
84
+ .carousel-next.focus
85
+ opacity: $carousel-control-opacity
86
+
87
+ .carousel-box:hover > .carousel-prev[disabled],
88
+ .carousel-box:hover > .carousel-next[disabled],
89
+ .carousel-prev.focus[disabled],
90
+ .carousel-next.focus[disabled]
91
+ opacity: $carousel-control-disabled-opacity
92
+
93
+ .carousel-prev
94
+ left: $carousel-breakpoint-control-prev-left-rem
95
+
96
+ .carousel-next
97
+ right: $carousel-breakpoint-control-next-right-rem
98
+
99
+ .carousel-indicators
100
+ top: $carousel-breakpoint-control-indicators-top-rem
101
+ right: $carousel-breakpoint-control-indicators-right-rem
102
+
103
+ .carousel-description
104
+ padding: $carousel-breakpoint-description-padding-rem
105
+
106
+
107
+
108
+ .carousel-item.carousel-item-active
109
+ z-index: $z-index-high
110
+
111
+
112
+
113
+ .carousel:not([class*=carousel-ani-]) .carousel-item
114
+ transform: translate3d(0, 0, 0)
115
+ transition: transform $carousel-transition-duration $carousel-transition-timing-function
116
+
117
+ .carousel:not([class*=carousel-ani-]) .carousel-item.carousel-item-next
118
+ transform: translate3d(100%, 0, 0)
119
+
120
+ .carousel:not([class*=carousel-ani-]) .carousel-item.carousel-item-prev
121
+ transform: translate3d(-100%, 0, 0)
122
+
123
+
124
+
125
+ .carousel.carousel-ani-opacity .carousel-item
126
+ opacity: 1
127
+ transform: translate3d(0, 0, 0)
128
+ transition: opacity $carousel-ani-opacity-transition-duration $carousel-ani-opacity-transition-timing-function
129
+
130
+ .carousel.carousel-ani-opacity .carousel-item.carousel-item-prev,
131
+ .carousel.carousel-ani-opacity .carousel-item.carousel-item-next
132
132
  opacity: 0
@@ -1,60 +1,60 @@
1
- +install(shared-collection-dropdown)
2
-
3
- .dropdown-absolute,
4
- .dropdown-static,
5
- .dropdown-fixed
6
- display: inline-flex
7
- vertical-align: top
8
- flex-direction: column
9
- max-width: 100%
10
- -ms-touch-action: manipulation
11
- touch-action: manipulation
12
-
13
- .dropdown-menu
14
- display: none
15
-
16
- .dropdown-active > .dropdown-menu
17
- display: block
18
-
19
- .dropdown-items
20
- display: flex
21
- flex-direction: column
22
- min-width: 100%
23
-
24
- .dropdown-items > *
25
- flex: 0 0 auto
26
-
27
- .dropdown-items .btn:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right),
28
- .dropdown-items [class*=btn-]:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right) label
29
- justify-content: flex-start
30
-
31
- .dropdown-items .btn.btn-ico-right,
32
- .dropdown-items [class*=btn-].btn-ico-right label
33
- justify-content: space-between
34
-
35
- +browser-edge
36
- .dropdown-items input.btn:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right)
37
- text-align: left
38
-
39
-
40
-
41
- .dropdown-static .dropdown-menu
42
- margin-left: $dropdown-static-menu-margin-left-rem
43
-
44
-
45
-
46
- .dropdown-fixed.dropdown-active > .dropdown-menu
47
- +overlay
48
-
49
- .dropdown-fixed > .dropdown-menu > .dropdown-items
50
- +overlay-body
51
- margin-bottom: 0
52
- overflow: visible
53
- background: $dropdown-absolute-fixed-background
54
-
55
-
56
-
57
- +_dropdown-absolute
58
-
59
- +media-width($dropdown-width-breakpoint)
1
+ +install(shared-collection-dropdown)
2
+
3
+ .dropdown-absolute,
4
+ .dropdown-static,
5
+ .dropdown-fixed
6
+ display: inline-flex
7
+ vertical-align: top
8
+ flex-direction: column
9
+ max-width: 100%
10
+ -ms-touch-action: manipulation
11
+ touch-action: manipulation
12
+
13
+ .dropdown-menu
14
+ display: none
15
+
16
+ .dropdown-active > .dropdown-menu
17
+ display: block
18
+
19
+ .dropdown-items
20
+ display: flex
21
+ flex-direction: column
22
+ min-width: 100%
23
+
24
+ .dropdown-items > *
25
+ flex: 0 0 auto
26
+
27
+ .dropdown-items .btn:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right),
28
+ .dropdown-items [class*=btn-]:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right) label
29
+ justify-content: flex-start
30
+
31
+ .dropdown-items .btn.btn-ico-right,
32
+ .dropdown-items [class*=btn-].btn-ico-right label
33
+ justify-content: space-between
34
+
35
+ +browser-edge
36
+ .dropdown-items input.btn:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right)
37
+ text-align: left
38
+
39
+
40
+
41
+ .dropdown-static .dropdown-menu
42
+ margin-left: $dropdown-static-menu-margin-left-rem
43
+
44
+
45
+
46
+ .dropdown-fixed.dropdown-active > .dropdown-menu
47
+ +overlay
48
+
49
+ .dropdown-fixed > .dropdown-menu > .dropdown-items
50
+ +overlay-body
51
+ margin-bottom: 0
52
+ overflow: visible
53
+ background: $dropdown-absolute-fixed-background
54
+
55
+
56
+
57
+ +_dropdown-absolute
58
+
59
+ +media-width($dropdown-width-breakpoint)
60
60
  +_dropdown-absolute($dropdown-width-breakpoint)