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,12 +0,0 @@
1
- +install(shared-behaviour-disabled)
2
-
3
- [disabled]
4
- pointer-events: none
5
- -webkit-user-select: none
6
- -moz-user-select: none
7
- -ms-user-select: none
8
- user-select: none
9
- opacity: $opacity-disabled
10
-
11
- [disabled] [disabled]
12
- opacity: 1
@@ -1,7 +0,0 @@
1
- +install(shared-behaviour-focus)
2
-
3
- \:focus
4
- outline: none
5
-
6
- .focus
7
- +_focus
@@ -1,16 +0,0 @@
1
- +install(shared-behaviour-readonly)
2
-
3
- [readonly]
4
- cursor: default
5
- -webkit-user-select: none
6
- -moz-user-select: none
7
- -ms-user-select: none
8
- user-select: none
9
-
10
- [data-readonly]
11
- cursor: default
12
- pointer-events: none
13
- -webkit-user-select: none
14
- -moz-user-select: none
15
- -ms-user-select: none
16
- user-select: none
@@ -1,4 +0,0 @@
1
- +install(shared-behaviour-toggle)
2
-
3
- [data-toggle-target]:not(.toggle-active)
4
- display: none
@@ -1,24 +0,0 @@
1
- +install(shared-collection-alert)
2
-
3
- .alert
4
- display: flex
5
- align-items: center
6
- justify-content: space-between
7
- padding: $alert-padding-rem
8
- overflow: hidden
9
- background: $alert-background
10
- border-radius: $alert-border-radius
11
- box-shadow: $alert-box-shadow
12
-
13
- .alert-action
14
- flex: 0 0 auto
15
- order: 1
16
- margin-left: $alert-action-margin-left-rem
17
-
18
- .alert-title
19
- padding: 0
20
- color: $alert-title-color
21
-
22
- .alert-content
23
- padding: 0
24
- color: $alert-content-color
@@ -1,117 +0,0 @@
1
- +install(shared-collection-avatar)
2
-
3
- .avatar-x .media-content,
4
- .avatar-y .media-content
5
- width: $avatar-image-size-rem
6
- height: $avatar-image-size-rem
7
- padding: 0
8
- background-image: if($avatar-default-image, url($avatar-default-image), null)
9
- background-size: $avatar-default-image-background-size
10
- border-radius: $avatar-image-border-radius
11
-
12
- .avatar-x .media-description,
13
- .avatar-y .media-description
14
- height: $avatar-media-description-height-rem
15
-
16
- .avatar-name,
17
- .avatar-description
18
- padding: 0
19
- line-height: $avatar-media-description-height-rem / 2 - $avatar-media-description-padding-top-rem / 2
20
- white-space: nowrap
21
-
22
- .avatar-name
23
- font-size: typo-size($avatar-name-typography-size-level)
24
- color: $avatar-name-color
25
-
26
- .avatar-description
27
- font-size: typo-size($avatar-description-typography-size-level)
28
- color: $avatar-description-color
29
-
30
-
31
-
32
- .avatar-x.media
33
- display: inline-flex
34
- align-items: center
35
-
36
- .avatar-x.media.media-center
37
- display: flex
38
-
39
- .avatar-x .media-content
40
- flex: 0 0 auto
41
- margin: 0
42
-
43
- .avatar-x .media-description
44
- display: flex
45
- flex: 0 0 auto
46
- flex-direction: column
47
- justify-content: center
48
- min-width: 0
49
- padding-left: $avatar-media-description-padding-left-rem
50
- text-align: left
51
-
52
-
53
-
54
- .avatar-y .media-description
55
- padding-top: $avatar-media-description-padding-top-rem
56
-
57
-
58
-
59
- .avatar-large.avatar-x .media-content,
60
- .avatar-large.avatar-y .media-content
61
- width: $avatar-large-image-size-rem
62
- height: $avatar-large-image-size-rem
63
-
64
- .avatar-large.avatar-x .media-description,
65
- .avatar-large.avatar-y .media-description
66
- height: $avatar-large-media-description-height-rem
67
-
68
- .avatar-large.avatar-y .media-description
69
- padding-top: $avatar-large-media-description-padding-top-rem
70
-
71
- .avatar-large.avatar-x .media-description
72
- padding-left: $avatar-large-media-description-padding-left-rem
73
-
74
- .avatar-large .avatar-name,
75
- .avatar-large .avatar-description
76
- $line-height-changed: $avatar-large-media-description-height-rem or $avatar-large-media-description-padding-top-rem
77
- $description-height-rem: existing($avatar-large-media-description-height-rem, $avatar-media-description-height-rem)
78
- $description-padding-top-rem: existing($avatar-large-media-description-padding-top-rem, $avatar-media-description-padding-top-rem)
79
- $line-height: if($line-height-changed, $description-height-rem / 2 - $description-padding-top-rem / 2, null)
80
- line-height: $line-height
81
-
82
- .avatar-large .avatar-name
83
- font-size: typo-size($avatar-large-name-typography-size-level)
84
-
85
- .avatar-large .avatar-description
86
- font-size: typo-size($avatar-large-description-typography-size-level)
87
-
88
-
89
-
90
- .avatar-small.avatar-x .media-content,
91
- .avatar-small.avatar-y .media-content
92
- width: $avatar-small-image-size-rem
93
- height: $avatar-small-image-size-rem
94
-
95
- .avatar-small.avatar-x .media-description,
96
- .avatar-small.avatar-y .media-description
97
- height: $avatar-small-media-description-height-rem
98
-
99
- .avatar-small.avatar-y .media-description
100
- padding-top: $avatar-small-media-description-padding-top-rem
101
-
102
- .avatar-small.avatar-x .media-description
103
- padding-left: $avatar-small-media-description-padding-left-rem
104
-
105
- .avatar-small .avatar-name,
106
- .avatar-small .avatar-description
107
- $line-height-changed: $avatar-small-media-description-height-rem or $avatar-small-media-description-padding-top-rem
108
- $description-height-rem: existing($avatar-small-media-description-height-rem, $avatar-media-description-height-rem)
109
- $description-padding-top-rem: existing($avatar-small-media-description-padding-top-rem, $avatar-media-description-padding-top-rem)
110
- $line-height: if($line-height-changed, $description-height-rem / 2 - $description-padding-top-rem / 2, null)
111
- line-height: $line-height
112
-
113
- .avatar-small .avatar-name
114
- font-size: typo-size($avatar-small-name-typography-size-level)
115
-
116
- .avatar-small .avatar-description
117
- font-size: typo-size($avatar-small-description-typography-size-level)
@@ -1,21 +0,0 @@
1
- +install(shared-collection-breadcrumb)
2
-
3
- .breadcrumb
4
- display: flex
5
- flex-wrap: wrap
6
- list-style: none
7
- padding: $breadcrumb-padding-rem
8
- color: $breadcrumb-color
9
-
10
- .breadcrumb li:not(:first-child)::before
11
- padding: $breadcrumb-children-padding-em
12
- content: $breadcrumb-children-spliter
13
-
14
- .breadcrumb a
15
- text-decoration: none
16
-
17
- .breadcrumb a:hover
18
- text-decoration: existing($typography-link-hover-text-decoration, $typography-link-text-decoration)
19
-
20
- .breadcrumb a:active
21
- text-decoration: $typography-link-active-text-decoration
@@ -1,67 +0,0 @@
1
- +install(shared-collection-button-group)
2
-
3
- .btns-x,
4
- .btns-y
5
- display: inline-flex
6
- vertical-align: top
7
- max-width: 100%
8
- max-height: 100%
9
-
10
- .btns-x.btns-fluid,
11
- .btns-y.btns-fluid
12
- display: flex
13
- width: 100%
14
-
15
- .btns-x.btns-margin,
16
- .btns-y.btns-margin
17
- flex-wrap: wrap
18
-
19
- .btns-x.btns-margin [class*=btn-],
20
- .btns-y.btns-margin [class*=btn-]
21
- margin: $button-group-children-margin-rem
22
-
23
-
24
-
25
- .btns-x:not(.btns-margin) .btn:not(:first-child),
26
- .btns-x:not(.btns-margin) [class*=btn-]:not(:first-child) label
27
- border-left: none
28
- border-top-left-radius: 0
29
- border-bottom-left-radius: 0
30
-
31
- .btns-x:not(.btns-margin) .btn:not(:last-child),
32
- .btns-x:not(.btns-margin) [class*=btn-]:not(:last-child) label
33
- border-right: none
34
- border-top-right-radius: 0
35
- border-bottom-right-radius: 0
36
-
37
- .btns-x:not(.btns-margin).btns-fluid [class*=btn-]
38
- flex: 1 1 auto
39
-
40
-
41
-
42
- .btns-y
43
- flex-direction: column
44
-
45
- .btns-y:not(.btns-margin) .btn:not(:first-child),
46
- .btns-y:not(.btns-margin) [class*=btn-]:not(:first-child) label
47
- border-top: none
48
- border-top-right-radius: 0
49
- border-top-left-radius: 0
50
-
51
- .btns-y:not(.btns-margin) .btn:not(:last-child),
52
- .btns-y:not(.btns-margin) [class*=btn-]:not(:last-child) label
53
- border-bottom: none
54
- border-bottom-right-radius: 0
55
- border-bottom-left-radius: 0
56
-
57
- .btns-y .btn:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right),
58
- .btns-y [class*=btn-]:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right) label
59
- justify-content: flex-start
60
-
61
- .btns-y .btn.btn-ico-right,
62
- .btns-y [class*=btn-].btn-ico-right label
63
- justify-content: space-between
64
-
65
- +browser-edge
66
- .btns-y input.btn:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right)
67
- text-align: left
@@ -1,46 +0,0 @@
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
- height: $button-small-icon-top-height-rem
@@ -1,132 +0,0 @@
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
- opacity: 0