luda 0.1.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (246) hide show
  1. checksums.yaml +7 -0
  2. data/MIT-LICENSE +20 -0
  3. data/README.md +5 -0
  4. data/assets/javascripts/luda-degradation.js +131 -0
  5. data/assets/javascripts/luda-degradation.js.map +1 -0
  6. data/assets/javascripts/luda-degradation.min.js +7 -0
  7. data/assets/javascripts/luda-degradation.min.js.map +1 -0
  8. data/assets/javascripts/luda-sprockets.js +11 -0
  9. data/assets/javascripts/luda.js +2024 -0
  10. data/assets/javascripts/luda.js.map +1 -0
  11. data/assets/javascripts/luda.min.js +7 -0
  12. data/assets/javascripts/luda.min.js.map +1 -0
  13. data/assets/javascripts/luda/behaviours/enter-click.js +38 -0
  14. data/assets/javascripts/luda/behaviours/focus.js +103 -0
  15. data/assets/javascripts/luda/behaviours/radio-tab.js +69 -0
  16. data/assets/javascripts/luda/behaviours/readonly.js +57 -0
  17. data/assets/javascripts/luda/behaviours/toggle.js +104 -0
  18. data/assets/javascripts/luda/collections/carousel.js +314 -0
  19. data/assets/javascripts/luda/collections/dropdown.js +269 -0
  20. data/assets/javascripts/luda/collections/form-dropdown.js +112 -0
  21. data/assets/javascripts/luda/collections/tab.js +117 -0
  22. data/assets/javascripts/luda/component.js +240 -0
  23. data/assets/javascripts/luda/constants.js +18 -0
  24. data/assets/javascripts/luda/degradation.js +125 -0
  25. data/assets/javascripts/luda/dom.js +81 -0
  26. data/assets/javascripts/luda/elements/form-file.js +104 -0
  27. data/assets/javascripts/luda/elements/form-select.js +212 -0
  28. data/assets/javascripts/luda/event.js +193 -0
  29. data/assets/javascripts/luda/index.js +20 -0
  30. data/assets/javascripts/luda/install.js +75 -0
  31. data/assets/javascripts/luda/singleton.js +77 -0
  32. data/assets/javascripts/luda/utilities.js +16 -0
  33. data/assets/stylesheets/luda/_core/_base.sass +430 -0
  34. data/assets/stylesheets/luda/_core/_functions.sass +240 -0
  35. data/assets/stylesheets/luda/_core/_variables.sass +710 -0
  36. data/assets/stylesheets/luda/_core/behaviours/_disabled.sass +12 -0
  37. data/assets/stylesheets/luda/_core/behaviours/_focus.sass +7 -0
  38. data/assets/stylesheets/luda/_core/behaviours/_readonly.sass +16 -0
  39. data/assets/stylesheets/luda/_core/behaviours/_toggle.sass +4 -0
  40. data/assets/stylesheets/luda/_core/collections/_alert.sass +24 -0
  41. data/assets/stylesheets/luda/_core/collections/_avatar.sass +117 -0
  42. data/assets/stylesheets/luda/_core/collections/_breadcrumb.sass +21 -0
  43. data/assets/stylesheets/luda/_core/collections/_button-group.sass +67 -0
  44. data/assets/stylesheets/luda/_core/collections/_button-icon.sass +46 -0
  45. data/assets/stylesheets/luda/_core/collections/_carousel.sass +132 -0
  46. data/assets/stylesheets/luda/_core/collections/_dropdown.sass +60 -0
  47. data/assets/stylesheets/luda/_core/collections/_form-button.sass +23 -0
  48. data/assets/stylesheets/luda/_core/collections/_form-dropdown.sass +21 -0
  49. data/assets/stylesheets/luda/_core/collections/_form-group.sass +48 -0
  50. data/assets/stylesheets/luda/_core/collections/_form-icon.sass +71 -0
  51. data/assets/stylesheets/luda/_core/collections/_media.sass +55 -0
  52. data/assets/stylesheets/luda/_core/collections/_modal.sass +12 -0
  53. data/assets/stylesheets/luda/_core/collections/_nav.sass +162 -0
  54. data/assets/stylesheets/luda/_core/collections/_tab.sass +18 -0
  55. data/assets/stylesheets/luda/_core/elements/_badge.sass +19 -0
  56. data/assets/stylesheets/luda/_core/elements/_baseline.sass +22 -0
  57. data/assets/stylesheets/luda/_core/elements/_button.sass +136 -0
  58. data/assets/stylesheets/luda/_core/elements/_container.sass +8 -0
  59. data/assets/stylesheets/luda/_core/elements/_grid.sass +55 -0
  60. data/assets/stylesheets/luda/_core/elements/_icon.sass +110 -0
  61. data/assets/stylesheets/luda/_core/elements/_overlay.sass +11 -0
  62. data/assets/stylesheets/luda/_core/elements/_progress.sass +31 -0
  63. data/assets/stylesheets/luda/_core/elements/_scrollbar.sass +21 -0
  64. data/assets/stylesheets/luda/_core/elements/_table.sass +102 -0
  65. data/assets/stylesheets/luda/_core/elements/_turbolinks-progress-bar.sass +5 -0
  66. data/assets/stylesheets/luda/_core/elements/form/_form-check-radio.sass +105 -0
  67. data/assets/stylesheets/luda/_core/elements/form/_form-element.sass +83 -0
  68. data/assets/stylesheets/luda/_core/elements/form/_form-helper.sass +66 -0
  69. data/assets/stylesheets/luda/_core/elements/form/_form-label.sass +20 -0
  70. data/assets/stylesheets/luda/_core/elements/form/_form-range.sass +92 -0
  71. data/assets/stylesheets/luda/_core/elements/form/_form-row.sass +214 -0
  72. data/assets/stylesheets/luda/_core/elements/typography/_code.sass +27 -0
  73. data/assets/stylesheets/luda/_core/elements/typography/_link.sass +15 -0
  74. data/assets/stylesheets/luda/_core/elements/typography/_list.sass +14 -0
  75. data/assets/stylesheets/luda/_core/elements/typography/_mark.sass +7 -0
  76. data/assets/stylesheets/luda/_core/elements/typography/_quote.sass +68 -0
  77. data/assets/stylesheets/luda/_core/elements/typography/_sub-sup.sass +16 -0
  78. data/assets/stylesheets/luda/_core/elements/typography/_typography.sass +52 -0
  79. data/assets/stylesheets/luda/_core/mixins/_browser.sass +15 -0
  80. data/assets/stylesheets/luda/_core/mixins/_button.sass +90 -0
  81. data/assets/stylesheets/luda/_core/mixins/_dropdown.sass +40 -0
  82. data/assets/stylesheets/luda/_core/mixins/_focus.sass +3 -0
  83. data/assets/stylesheets/luda/_core/mixins/_form.sass +27 -0
  84. data/assets/stylesheets/luda/_core/mixins/_install.sass +7 -0
  85. data/assets/stylesheets/luda/_core/mixins/_media-query.sass +66 -0
  86. data/assets/stylesheets/luda/_core/mixins/_overlay.sass +14 -0
  87. data/assets/stylesheets/luda/_core/mixins/_sass-lint-fix.sass +3 -0
  88. data/assets/stylesheets/luda/_core/mixins/_typography.sass +40 -0
  89. data/assets/stylesheets/luda/_core/utilities/_align.sass +19 -0
  90. data/assets/stylesheets/luda/_core/utilities/_background.sass +88 -0
  91. data/assets/stylesheets/luda/_core/utilities/_color.sass +36 -0
  92. data/assets/stylesheets/luda/_core/utilities/_display.sass +40 -0
  93. data/assets/stylesheets/luda/_core/utilities/_flex.sass +114 -0
  94. data/assets/stylesheets/luda/_core/utilities/_float.sass +21 -0
  95. data/assets/stylesheets/luda/_core/utilities/_opacity.sass +19 -0
  96. data/assets/stylesheets/luda/_core/utilities/_overflow.sass +18 -0
  97. data/assets/stylesheets/luda/_core/utilities/_position.sass +48 -0
  98. data/assets/stylesheets/luda/_core/utilities/_shape.sass +62 -0
  99. data/assets/stylesheets/luda/_core/utilities/_size.sass +67 -0
  100. data/assets/stylesheets/luda/_core/utilities/_space.sass +227 -0
  101. data/assets/stylesheets/luda/_core/utilities/_text.sass +85 -0
  102. data/assets/stylesheets/luda/_core/utilities/_visibility.sass +11 -0
  103. data/assets/stylesheets/luda/_core/utilities/_z-index.sass +19 -0
  104. data/assets/stylesheets/luda/_default.sass +51 -0
  105. data/assets/stylesheets/luda/core/_base.sass +430 -0
  106. data/assets/stylesheets/luda/core/_functions.sass +240 -0
  107. data/assets/stylesheets/luda/core/_variables.sass +710 -0
  108. data/assets/stylesheets/luda/core/behaviours/_disabled.sass +12 -0
  109. data/assets/stylesheets/luda/core/behaviours/_focus.sass +7 -0
  110. data/assets/stylesheets/luda/core/behaviours/_readonly.sass +16 -0
  111. data/assets/stylesheets/luda/core/behaviours/_toggle.sass +4 -0
  112. data/assets/stylesheets/luda/core/collections/_alert.sass +24 -0
  113. data/assets/stylesheets/luda/core/collections/_avatar.sass +117 -0
  114. data/assets/stylesheets/luda/core/collections/_breadcrumb.sass +21 -0
  115. data/assets/stylesheets/luda/core/collections/_button-group.sass +67 -0
  116. data/assets/stylesheets/luda/core/collections/_button-icon.sass +46 -0
  117. data/assets/stylesheets/luda/core/collections/_carousel.sass +132 -0
  118. data/assets/stylesheets/luda/core/collections/_dropdown.sass +60 -0
  119. data/assets/stylesheets/luda/core/collections/_form-button.sass +23 -0
  120. data/assets/stylesheets/luda/core/collections/_form-dropdown.sass +21 -0
  121. data/assets/stylesheets/luda/core/collections/_form-group.sass +48 -0
  122. data/assets/stylesheets/luda/core/collections/_form-icon.sass +71 -0
  123. data/assets/stylesheets/luda/core/collections/_media.sass +55 -0
  124. data/assets/stylesheets/luda/core/collections/_modal.sass +12 -0
  125. data/assets/stylesheets/luda/core/collections/_nav.sass +162 -0
  126. data/assets/stylesheets/luda/core/collections/_tab.sass +18 -0
  127. data/assets/stylesheets/luda/core/elements/_badge.sass +19 -0
  128. data/assets/stylesheets/luda/core/elements/_baseline.sass +22 -0
  129. data/assets/stylesheets/luda/core/elements/_button.sass +136 -0
  130. data/assets/stylesheets/luda/core/elements/_container.sass +8 -0
  131. data/assets/stylesheets/luda/core/elements/_grid.sass +55 -0
  132. data/assets/stylesheets/luda/core/elements/_icon.sass +110 -0
  133. data/assets/stylesheets/luda/core/elements/_overlay.sass +11 -0
  134. data/assets/stylesheets/luda/core/elements/_progress.sass +31 -0
  135. data/assets/stylesheets/luda/core/elements/_scrollbar.sass +21 -0
  136. data/assets/stylesheets/luda/core/elements/_table.sass +102 -0
  137. data/assets/stylesheets/luda/core/elements/_turbolinks-progress-bar.sass +5 -0
  138. data/assets/stylesheets/luda/core/elements/form/_form-check-radio.sass +105 -0
  139. data/assets/stylesheets/luda/core/elements/form/_form-element.sass +83 -0
  140. data/assets/stylesheets/luda/core/elements/form/_form-helper.sass +66 -0
  141. data/assets/stylesheets/luda/core/elements/form/_form-label.sass +20 -0
  142. data/assets/stylesheets/luda/core/elements/form/_form-range.sass +92 -0
  143. data/assets/stylesheets/luda/core/elements/form/_form-row.sass +214 -0
  144. data/assets/stylesheets/luda/core/elements/typography/_code.sass +27 -0
  145. data/assets/stylesheets/luda/core/elements/typography/_link.sass +15 -0
  146. data/assets/stylesheets/luda/core/elements/typography/_list.sass +14 -0
  147. data/assets/stylesheets/luda/core/elements/typography/_mark.sass +7 -0
  148. data/assets/stylesheets/luda/core/elements/typography/_quote.sass +68 -0
  149. data/assets/stylesheets/luda/core/elements/typography/_sub-sup.sass +16 -0
  150. data/assets/stylesheets/luda/core/elements/typography/_typography.sass +52 -0
  151. data/assets/stylesheets/luda/core/mixins/_browser.sass +15 -0
  152. data/assets/stylesheets/luda/core/mixins/_button.sass +90 -0
  153. data/assets/stylesheets/luda/core/mixins/_dropdown.sass +40 -0
  154. data/assets/stylesheets/luda/core/mixins/_focus.sass +3 -0
  155. data/assets/stylesheets/luda/core/mixins/_form.sass +27 -0
  156. data/assets/stylesheets/luda/core/mixins/_install.sass +7 -0
  157. data/assets/stylesheets/luda/core/mixins/_media-query.sass +66 -0
  158. data/assets/stylesheets/luda/core/mixins/_overlay.sass +14 -0
  159. data/assets/stylesheets/luda/core/mixins/_sass-lint-fix.sass +3 -0
  160. data/assets/stylesheets/luda/core/mixins/_typography.sass +40 -0
  161. data/assets/stylesheets/luda/core/utilities/_align.sass +19 -0
  162. data/assets/stylesheets/luda/core/utilities/_background.sass +88 -0
  163. data/assets/stylesheets/luda/core/utilities/_color.sass +36 -0
  164. data/assets/stylesheets/luda/core/utilities/_display.sass +40 -0
  165. data/assets/stylesheets/luda/core/utilities/_flex.sass +114 -0
  166. data/assets/stylesheets/luda/core/utilities/_float.sass +21 -0
  167. data/assets/stylesheets/luda/core/utilities/_opacity.sass +19 -0
  168. data/assets/stylesheets/luda/core/utilities/_overflow.sass +18 -0
  169. data/assets/stylesheets/luda/core/utilities/_position.sass +48 -0
  170. data/assets/stylesheets/luda/core/utilities/_shape.sass +62 -0
  171. data/assets/stylesheets/luda/core/utilities/_size.sass +67 -0
  172. data/assets/stylesheets/luda/core/utilities/_space.sass +227 -0
  173. data/assets/stylesheets/luda/core/utilities/_text.sass +85 -0
  174. data/assets/stylesheets/luda/core/utilities/_visibility.sass +11 -0
  175. data/assets/stylesheets/luda/core/utilities/_z-index.sass +19 -0
  176. data/assets/stylesheets/luda/default/_banner.sass +7 -0
  177. data/assets/stylesheets/luda/default/_base.sass +6 -0
  178. data/assets/stylesheets/luda/default/_functions.sass +1 -0
  179. data/assets/stylesheets/luda/default/_mixins.sass +10 -0
  180. data/assets/stylesheets/luda/default/_variables.sass +1 -0
  181. data/assets/stylesheets/luda/default/behaviours/_disabled.sass +5 -0
  182. data/assets/stylesheets/luda/default/behaviours/_focus.sass +5 -0
  183. data/assets/stylesheets/luda/default/behaviours/_readonly.sass +5 -0
  184. data/assets/stylesheets/luda/default/behaviours/_toggle.sass +5 -0
  185. data/assets/stylesheets/luda/default/collections/_alert.sass +6 -0
  186. data/assets/stylesheets/luda/default/collections/_avatar.sass +7 -0
  187. data/assets/stylesheets/luda/default/collections/_breadcrumb.sass +6 -0
  188. data/assets/stylesheets/luda/default/collections/_button-group.sass +7 -0
  189. data/assets/stylesheets/luda/default/collections/_button-icon.sass +8 -0
  190. data/assets/stylesheets/luda/default/collections/_carousel.sass +7 -0
  191. data/assets/stylesheets/luda/default/collections/_dropdown.sass +8 -0
  192. data/assets/stylesheets/luda/default/collections/_form-button.sass +9 -0
  193. data/assets/stylesheets/luda/default/collections/_form-dropdown.sass +8 -0
  194. data/assets/stylesheets/luda/default/collections/_form-group.sass +11 -0
  195. data/assets/stylesheets/luda/default/collections/_form-icon.sass +8 -0
  196. data/assets/stylesheets/luda/default/collections/_media.sass +7 -0
  197. data/assets/stylesheets/luda/default/collections/_modal.sass +7 -0
  198. data/assets/stylesheets/luda/default/collections/_nav.sass +10 -0
  199. data/assets/stylesheets/luda/default/collections/_tab.sass +9 -0
  200. data/assets/stylesheets/luda/default/elements/_badge.sass +6 -0
  201. data/assets/stylesheets/luda/default/elements/_baseline.sass +6 -0
  202. data/assets/stylesheets/luda/default/elements/_button.sass +7 -0
  203. data/assets/stylesheets/luda/default/elements/_container.sass +6 -0
  204. data/assets/stylesheets/luda/default/elements/_form.sass +13 -0
  205. data/assets/stylesheets/luda/default/elements/_grid.sass +6 -0
  206. data/assets/stylesheets/luda/default/elements/_icon.sass +6 -0
  207. data/assets/stylesheets/luda/default/elements/_overlay.sass +6 -0
  208. data/assets/stylesheets/luda/default/elements/_progress.sass +6 -0
  209. data/assets/stylesheets/luda/default/elements/_scrollbar.sass +6 -0
  210. data/assets/stylesheets/luda/default/elements/_table.sass +6 -0
  211. data/assets/stylesheets/luda/default/elements/_turbolinks-progress-bar.sass +6 -0
  212. data/assets/stylesheets/luda/default/elements/_typography.sass +12 -0
  213. data/assets/stylesheets/luda/default/elements/form/_form-check-radio.sass +5 -0
  214. data/assets/stylesheets/luda/default/elements/form/_form-element.sass +5 -0
  215. data/assets/stylesheets/luda/default/elements/form/_form-helper.sass +5 -0
  216. data/assets/stylesheets/luda/default/elements/form/_form-label.sass +5 -0
  217. data/assets/stylesheets/luda/default/elements/form/_form-range.sass +5 -0
  218. data/assets/stylesheets/luda/default/elements/form/_form-row.sass +5 -0
  219. data/assets/stylesheets/luda/default/elements/typography/_code.sass +5 -0
  220. data/assets/stylesheets/luda/default/elements/typography/_link.sass +5 -0
  221. data/assets/stylesheets/luda/default/elements/typography/_list.sass +4 -0
  222. data/assets/stylesheets/luda/default/elements/typography/_mark.sass +5 -0
  223. data/assets/stylesheets/luda/default/elements/typography/_quote.sass +5 -0
  224. data/assets/stylesheets/luda/default/elements/typography/_sub-sup.sass +5 -0
  225. data/assets/stylesheets/luda/default/elements/typography/_typography.sass +5 -0
  226. data/assets/stylesheets/luda/default/index.sass +56 -0
  227. data/assets/stylesheets/luda/default/utilities/_align.sass +5 -0
  228. data/assets/stylesheets/luda/default/utilities/_background.sass +5 -0
  229. data/assets/stylesheets/luda/default/utilities/_color.sass +5 -0
  230. data/assets/stylesheets/luda/default/utilities/_display.sass +5 -0
  231. data/assets/stylesheets/luda/default/utilities/_flex.sass +5 -0
  232. data/assets/stylesheets/luda/default/utilities/_float.sass +5 -0
  233. data/assets/stylesheets/luda/default/utilities/_opacity.sass +5 -0
  234. data/assets/stylesheets/luda/default/utilities/_overflow.sass +5 -0
  235. data/assets/stylesheets/luda/default/utilities/_position.sass +5 -0
  236. data/assets/stylesheets/luda/default/utilities/_shape.sass +5 -0
  237. data/assets/stylesheets/luda/default/utilities/_size.sass +5 -0
  238. data/assets/stylesheets/luda/default/utilities/_space.sass +5 -0
  239. data/assets/stylesheets/luda/default/utilities/_text.sass +5 -0
  240. data/assets/stylesheets/luda/default/utilities/_visibility.sass +5 -0
  241. data/assets/stylesheets/luda/default/utilities/_z-index.sass +5 -0
  242. data/lib/luda.rb +72 -0
  243. data/lib/luda/config.rb +3 -0
  244. data/lib/luda/engine.rb +11 -0
  245. data/lib/luda/version.rb +3 -0
  246. metadata +302 -0
@@ -0,0 +1,21 @@
1
+ +install(shared-utility-float)
2
+
3
+ .clear::after
4
+ display: block
5
+ clear: both
6
+ content: ""
7
+
8
+ @each $breakpoint in map-keys($breakpoint-width-pxs)
9
+
10
+ $class-fix: _responsive-class-fix($breakpoint)
11
+
12
+ +media-width($breakpoint)
13
+
14
+ .f-left#{$class-fix}
15
+ float: left !important
16
+
17
+ .f-right#{$class-fix}
18
+ float: right !important
19
+
20
+ .f-none#{$class-fix}
21
+ float: none !important
@@ -0,0 +1,19 @@
1
+ +install(shared-utility-opacity)
2
+
3
+ .o-emphasis
4
+ opacity: $opacity-emphasis !important
5
+
6
+ .o-main
7
+ opacity: $opacity-main !important
8
+
9
+ .o-muted
10
+ opacity: $opacity-muted !important
11
+
12
+ .o-more-muted
13
+ opacity: $opacity-more-muted !important
14
+
15
+ .o-most-muted
16
+ opacity: $opacity-most-muted !important
17
+
18
+ .o-transparent
19
+ opacity: 0 !important
@@ -0,0 +1,18 @@
1
+ +install(shared-utility-overflow)
2
+
3
+ .of-hidden
4
+ overflow: hidden !important
5
+
6
+ .of-visible
7
+ overflow: visible !important
8
+
9
+ .of-overlay
10
+ overflow: overlay !important
11
+
12
+ .of-auto
13
+ overflow: auto !important
14
+ -webkit-overflow-scrolling: touch !important
15
+
16
+ .of-scroll
17
+ overflow: scroll !important
18
+ -webkit-overflow-scrolling: touch !important
@@ -0,0 +1,48 @@
1
+ +install(shared-utility-position)
2
+
3
+ .sta
4
+ position: static !important
5
+
6
+ .rel
7
+ position: relative !important
8
+
9
+ .sti,
10
+ .sti-t,
11
+ .sti-l,
12
+ .sti-b,
13
+ .sti-r
14
+ position: sticky !important
15
+
16
+ .fix,
17
+ .fix-t,
18
+ .fix-b,
19
+ .fix-l,
20
+ .fix-r
21
+ position: fixed !important
22
+
23
+ .abs,
24
+ .abs-t,
25
+ .abs-b,
26
+ .abs-l,
27
+ .abs-r
28
+ position: absolute !important
29
+
30
+ .fix-t,
31
+ .abs-t,
32
+ .sti-t
33
+ top: 0 !important
34
+
35
+ .fix-b,
36
+ .sti-b,
37
+ .abs-b
38
+ bottom: 0 !important
39
+
40
+ .fix-l,
41
+ .abs-l,
42
+ .sti-l
43
+ left: 0 !important
44
+
45
+ .fix-r,
46
+ .sti-r,
47
+ .abs-r
48
+ right: 0 !important
@@ -0,0 +1,62 @@
1
+ +install(shared-utility-shape)
2
+
3
+ .rounded-r
4
+ border-top-right-radius: $border-radius-rounded !important
5
+ border-bottom-right-radius: $border-radius-rounded !important
6
+
7
+ .rounded-l
8
+ border-top-left-radius: $border-radius-rounded !important
9
+ border-bottom-left-radius: $border-radius-rounded !important
10
+
11
+ .rounded-t
12
+ border-top-right-radius: $border-radius-rounded !important
13
+ border-top-left-radius: $border-radius-rounded !important
14
+
15
+ .rounded-b
16
+ border-bottom-right-radius: $border-radius-rounded !important
17
+ border-bottom-left-radius: $border-radius-rounded !important
18
+
19
+ .rounded
20
+ border-radius: $border-radius-rounded !important
21
+
22
+
23
+
24
+ .circle-r
25
+ border-top-right-radius: $border-radius-circle !important
26
+ border-bottom-right-radius: $border-radius-circle !important
27
+
28
+ .circle-l
29
+ border-top-left-radius: $border-radius-circle !important
30
+ border-bottom-left-radius: $border-radius-circle !important
31
+
32
+ .circle-t
33
+ border-top-right-radius: $border-radius-circle !important
34
+ border-top-left-radius: $border-radius-circle !important
35
+
36
+ .circle-b
37
+ border-bottom-right-radius: $border-radius-circle !important
38
+ border-bottom-left-radius: $border-radius-circle !important
39
+
40
+ .circle
41
+ border-radius: $border-radius-circle !important
42
+
43
+
44
+
45
+ .sharp-r
46
+ border-top-right-radius: $border-radius-sharp !important
47
+ border-bottom-right-radius: $border-radius-sharp !important
48
+
49
+ .sharp-l
50
+ border-top-left-radius: $border-radius-sharp !important
51
+ border-bottom-left-radius: $border-radius-sharp !important
52
+
53
+ .sharp-t
54
+ border-top-right-radius: $border-radius-sharp !important
55
+ border-top-left-radius: $border-radius-sharp !important
56
+
57
+ .sharp-b
58
+ border-bottom-right-radius: $border-radius-sharp !important
59
+ border-bottom-left-radius: $border-radius-sharp !important
60
+
61
+ .sharp
62
+ border-radius: $border-radius-sharp !important
@@ -0,0 +1,67 @@
1
+ +install(shared-utility-size)
2
+
3
+ .max-w-100
4
+ max-width: 100% !important
5
+
6
+ .min-w-100
7
+ min-width: 100% !important
8
+
9
+ .min-w-100vw
10
+ min-width: 100vw !important
11
+
12
+ .max-h-100
13
+ max-height: 100% !important
14
+
15
+ .min-h-100
16
+ min-height: 100% !important
17
+
18
+ .min-h-100vh
19
+ min-height: 100vh !important
20
+
21
+ @each $breakpoint in map-keys($breakpoint-width-pxs)
22
+
23
+ $class-fix: _responsive-class-fix($breakpoint)
24
+
25
+ +media-width($breakpoint)
26
+
27
+ .w-100#{$class-fix}
28
+ width: 100% !important
29
+
30
+ .w-75#{$class-fix}
31
+ width: 75% !important
32
+
33
+ .w-66#{$class-fix}
34
+ width: 66.6667% !important
35
+
36
+ .w-50#{$class-fix}
37
+ width: 50% !important
38
+
39
+ .w-33#{$class-fix}
40
+ width: 33.3333% !important
41
+
42
+ .w-25#{$class-fix}
43
+ width: 25% !important
44
+
45
+ .w-auto#{$class-fix}
46
+ width: auto !important
47
+
48
+ .h-100#{$class-fix}
49
+ height: 100% !important
50
+
51
+ .h-75#{$class-fix}
52
+ height: 75% !important
53
+
54
+ .h-66#{$class-fix}
55
+ height: 66.6667% !important
56
+
57
+ .h-50#{$class-fix}
58
+ height: 50% !important
59
+
60
+ .h-33#{$class-fix}
61
+ height: 33.3333% !important
62
+
63
+ .h-25#{$class-fix}
64
+ height: 25% !important
65
+
66
+ .h-auto#{$class-fix}
67
+ height: auto !important
@@ -0,0 +1,227 @@
1
+ +install(shared-utility-space)
2
+
3
+ @each $breakpoint in map-keys($breakpoint-width-pxs)
4
+
5
+ $class-fix: _responsive-class-fix($breakpoint)
6
+
7
+ +media-width($breakpoint)
8
+
9
+ .ml-auto#{$class-fix},
10
+ .mx-auto#{$class-fix},
11
+ .m-auto#{$class-fix}
12
+ margin-left: auto !important
13
+
14
+ .mr-auto#{$class-fix},
15
+ .mx-auto#{$class-fix},
16
+ .m-auto#{$class-fix}
17
+ margin-right: auto !important
18
+
19
+ .mt-auto#{$class-fix},
20
+ .my-auto#{$class-fix},
21
+ .m-auto#{$class-fix}
22
+ margin-top: auto !important
23
+
24
+ .mb-auto#{$class-fix},
25
+ .my-auto#{$class-fix},
26
+ .m-auto#{$class-fix}
27
+ margin-bottom: auto !important
28
+
29
+ .ml-none#{$class-fix},
30
+ .mx-none#{$class-fix},
31
+ .m-none#{$class-fix}
32
+ margin-left: 0 !important
33
+
34
+ .mr-none#{$class-fix},
35
+ .mx-none#{$class-fix},
36
+ .m-none#{$class-fix}
37
+ margin-right: 0 !important
38
+
39
+ .mt-none#{$class-fix},
40
+ .my-none#{$class-fix},
41
+ .m-none#{$class-fix}
42
+ margin-top: 0 !important
43
+
44
+ .mb-none#{$class-fix},
45
+ .my-none#{$class-fix},
46
+ .m-none#{$class-fix}
47
+ margin-bottom: 0 !important
48
+
49
+ .ml-tiny#{$class-fix},
50
+ .mx-tiny#{$class-fix},
51
+ .m-tiny#{$class-fix}
52
+ margin-left: $space-tiny-rem !important
53
+
54
+ .mr-tiny#{$class-fix},
55
+ .mx-tiny#{$class-fix},
56
+ .m-tiny#{$class-fix}
57
+ margin-right: $space-tiny-rem !important
58
+
59
+ .mt-tiny#{$class-fix},
60
+ .my-tiny#{$class-fix},
61
+ .m-tiny#{$class-fix}
62
+ margin-top: $space-tiny-rem !important
63
+
64
+ .mb-tiny#{$class-fix},
65
+ .my-tiny#{$class-fix},
66
+ .m-tiny#{$class-fix}
67
+ margin-bottom: $space-tiny-rem !important
68
+
69
+ .ml-small#{$class-fix},
70
+ .mx-small#{$class-fix},
71
+ .m-small#{$class-fix}
72
+ margin-left: $space-small-rem !important
73
+
74
+ .mr-small#{$class-fix},
75
+ .mx-small#{$class-fix},
76
+ .m-small#{$class-fix}
77
+ margin-right: $space-small-rem !important
78
+
79
+ .mt-small#{$class-fix},
80
+ .my-small#{$class-fix},
81
+ .m-small#{$class-fix}
82
+ margin-top: $space-small-rem !important
83
+
84
+ .mb-small#{$class-fix},
85
+ .my-small#{$class-fix},
86
+ .m-small#{$class-fix}
87
+ margin-bottom: $space-small-rem !important
88
+
89
+ .ml-medium#{$class-fix},
90
+ .mx-medium#{$class-fix},
91
+ .m-medium#{$class-fix}
92
+ margin-left: $space-medium-rem !important
93
+
94
+ .mr-medium#{$class-fix},
95
+ .mx-medium#{$class-fix},
96
+ .m-medium#{$class-fix}
97
+ margin-right: $space-medium-rem !important
98
+
99
+ .mt-medium#{$class-fix},
100
+ .my-medium#{$class-fix},
101
+ .m-medium#{$class-fix}
102
+ margin-top: $space-medium-rem !important
103
+
104
+ .mb-medium#{$class-fix},
105
+ .my-medium#{$class-fix},
106
+ .m-medium#{$class-fix}
107
+ margin-bottom: $space-medium-rem !important
108
+
109
+ .ml-large#{$class-fix},
110
+ .mx-large#{$class-fix},
111
+ .m-large#{$class-fix}
112
+ margin-left: $space-large-rem !important
113
+
114
+ .mr-large#{$class-fix},
115
+ .mx-large#{$class-fix},
116
+ .m-large#{$class-fix}
117
+ margin-right: $space-large-rem !important
118
+
119
+ .mt-large#{$class-fix},
120
+ .my-large#{$class-fix},
121
+ .m-large#{$class-fix}
122
+ margin-top: $space-large-rem !important
123
+
124
+ .mb-large#{$class-fix},
125
+ .my-large#{$class-fix},
126
+ .m-large#{$class-fix}
127
+ margin-bottom: $space-large-rem !important
128
+
129
+ .pl-none#{$class-fix},
130
+ .px-none#{$class-fix},
131
+ .p-none#{$class-fix}
132
+ padding-left: 0 !important
133
+
134
+ .pr-none#{$class-fix},
135
+ .px-none#{$class-fix},
136
+ .p-none#{$class-fix}
137
+ padding-right: 0 !important
138
+
139
+ .pt-none#{$class-fix},
140
+ .py-none#{$class-fix},
141
+ .p-none#{$class-fix}
142
+ padding-top: 0 !important
143
+
144
+ .pb-none#{$class-fix},
145
+ .py-none#{$class-fix},
146
+ .p-none#{$class-fix}
147
+ padding-bottom: 0 !important
148
+
149
+ .pl-tiny#{$class-fix},
150
+ .px-tiny#{$class-fix},
151
+ .p-tiny#{$class-fix}
152
+ padding-left: $space-tiny-rem !important
153
+
154
+ .pr-tiny#{$class-fix},
155
+ .px-tiny#{$class-fix},
156
+ .p-tiny#{$class-fix}
157
+ padding-right: $space-tiny-rem !important
158
+
159
+ .pt-tiny#{$class-fix},
160
+ .py-tiny#{$class-fix},
161
+ .p-tiny#{$class-fix}
162
+ padding-top: $space-tiny-rem !important
163
+
164
+ .pb-tiny#{$class-fix},
165
+ .py-tiny#{$class-fix},
166
+ .p-tiny#{$class-fix}
167
+ padding-bottom: $space-tiny-rem !important
168
+
169
+ .pl-small#{$class-fix},
170
+ .px-small#{$class-fix},
171
+ .p-small#{$class-fix}
172
+ padding-left: $space-small-rem !important
173
+
174
+ .pr-small#{$class-fix},
175
+ .px-small#{$class-fix},
176
+ .p-small#{$class-fix}
177
+ padding-right: $space-small-rem !important
178
+
179
+ .pt-small#{$class-fix},
180
+ .py-small#{$class-fix},
181
+ .p-small#{$class-fix}
182
+ padding-top: $space-small-rem !important
183
+
184
+ .pb-small#{$class-fix},
185
+ .py-small#{$class-fix},
186
+ .p-small#{$class-fix}
187
+ padding-bottom: $space-small-rem !important
188
+
189
+ .pl-medium#{$class-fix},
190
+ .px-medium#{$class-fix},
191
+ .p-medium#{$class-fix}
192
+ padding-left: $space-medium-rem !important
193
+
194
+ .pr-medium#{$class-fix},
195
+ .px-medium#{$class-fix},
196
+ .p-medium#{$class-fix}
197
+ padding-right: $space-medium-rem !important
198
+
199
+ .pt-medium#{$class-fix},
200
+ .py-medium#{$class-fix},
201
+ .p-medium#{$class-fix}
202
+ padding-top: $space-medium-rem !important
203
+
204
+ .pb-medium#{$class-fix},
205
+ .py-medium#{$class-fix},
206
+ .p-medium#{$class-fix}
207
+ padding-bottom: $space-medium-rem !important
208
+
209
+ .pl-large#{$class-fix},
210
+ .px-large#{$class-fix},
211
+ .p-large#{$class-fix}
212
+ padding-left: $space-large-rem !important
213
+
214
+ .pr-large#{$class-fix},
215
+ .px-large#{$class-fix},
216
+ .p-large#{$class-fix}
217
+ padding-right: $space-large-rem !important
218
+
219
+ .pt-large#{$class-fix},
220
+ .py-large#{$class-fix},
221
+ .p-large#{$class-fix}
222
+ padding-top: $space-large-rem !important
223
+
224
+ .pb-large#{$class-fix},
225
+ .py-large#{$class-fix},
226
+ .p-large#{$class-fix}
227
+ padding-bottom: $space-large-rem !important