sempli-website-lib 7.1.0-beta.2 → 7.1.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (224) hide show
  1. package/README.md +25 -25
  2. package/assets/fonts/Lato/Lato-Black.ttf +0 -0
  3. package/assets/fonts/Lato/Lato-BlackItalic.ttf +0 -0
  4. package/assets/fonts/Lato/Lato-Bold.ttf +0 -0
  5. package/assets/fonts/Lato/Lato-BoldItalic.ttf +0 -0
  6. package/assets/fonts/Lato/Lato-Hairline.ttf +0 -0
  7. package/assets/fonts/Lato/Lato-HairlineItalic.ttf +0 -0
  8. package/assets/fonts/Lato/Lato-Italic.ttf +0 -0
  9. package/assets/fonts/Lato/Lato-Light.ttf +0 -0
  10. package/assets/fonts/Lato/Lato-LightItalic.ttf +0 -0
  11. package/assets/fonts/Lato/Lato-Regular.ttf +0 -0
  12. package/assets/fonts/Lato/OFL.txt +0 -0
  13. package/assets/interface/documents.svg +136 -136
  14. package/assets/interface/icons/alert-success.svg +17 -17
  15. package/assets/interface/icons/arrow-left.svg +8 -8
  16. package/assets/interface/icons/arrow-right-02.svg +10 -10
  17. package/assets/interface/icons/arrow-right.svg +8 -8
  18. package/assets/interface/icons/basic-check-magenta.svg +1 -1
  19. package/assets/interface/icons/bulb-example.svg +20 -20
  20. package/assets/interface/icons/bulb-tip.svg +32 -32
  21. package/assets/interface/icons/check-green-circle-large.svg +23 -23
  22. package/assets/interface/icons/check-green.svg +16 -16
  23. package/assets/interface/icons/check-purple.svg +20 -20
  24. package/assets/interface/icons/cloud-download.svg +20 -20
  25. package/assets/interface/icons/document-pdf.svg +13 -13
  26. package/assets/interface/icons/document-review.svg +20 -20
  27. package/assets/interface/icons/document-status-approved.svg +21 -21
  28. package/assets/interface/icons/document-status-empty.svg +18 -18
  29. package/assets/interface/icons/document-status-error.svg +23 -23
  30. package/assets/interface/icons/document-status-success.svg +19 -19
  31. package/assets/interface/icons/eye-action.svg +1 -1
  32. package/assets/interface/icons/hand-stop.svg +19 -19
  33. package/assets/interface/icons/happy-01.svg +0 -0
  34. package/assets/interface/icons/happy-02.svg +0 -0
  35. package/assets/interface/icons/happy-03.svg +0 -0
  36. package/assets/interface/icons/happy-04.svg +0 -0
  37. package/assets/interface/icons/happy-05.svg +0 -0
  38. package/assets/interface/icons/heart.svg +13 -13
  39. package/assets/interface/icons/intercom-messenger-icon.svg +1 -1
  40. package/assets/interface/icons/lock-icon.svg +1 -1
  41. package/assets/interface/icons/mail-circle.svg +32 -32
  42. package/assets/interface/icons/mail-edit.svg +20 -20
  43. package/assets/interface/icons/pen-edit.svg +22 -22
  44. package/assets/interface/icons/plus-circle.svg +22 -22
  45. package/assets/interface/icons/question-sign.svg +10 -10
  46. package/assets/interface/icons/shield.svg +31 -31
  47. package/assets/interface/icons/signature-modal-approved.svg +17 -17
  48. package/assets/interface/icons/signature-modal-waiting.svg +23 -23
  49. package/assets/interface/icons/signature-pending.svg +25 -25
  50. package/assets/interface/icons/signature-step-active.svg +19 -19
  51. package/assets/interface/icons/signature-step-completed.svg +19 -19
  52. package/assets/interface/icons/signature-step-default.svg +19 -19
  53. package/assets/interface/icons/skull.svg +23 -23
  54. package/assets/interface/icons/step-incomplete.svg +18 -18
  55. package/assets/interface/icons/trash-delete.svg +20 -20
  56. package/assets/interface/icons/warning-sign.svg +22 -22
  57. package/assets/interface/icons/x-circle.svg +14 -14
  58. package/assets/interface/sempli_2.0/17-dale_superpoderes.jpeg +0 -0
  59. package/assets/interface/sempli_2.0/17-dale_superpoderes.webp +0 -0
  60. package/assets/interface/sempli_2.0/5-seguridad-y-control-min.png +0 -0
  61. package/assets/interface/sempli_2.0/5-seguridad-y-control-min.webp +0 -0
  62. package/assets/interface/sempli_2.0/7-financia-tu-capital-de-trabajo2-01.webp +0 -0
  63. package/assets/interface/sempli_2.0/7-financia-tu-capital-de-trabajo2.webp +0 -0
  64. package/assets/interface/sempli_2.0/credito-a-termino.jpg +0 -0
  65. package/assets/interface/sempli_2.0/credito-a-termino.webp +0 -0
  66. package/assets/interface/sempli_2.0/credito-flexi-sub-img.jpg +0 -0
  67. package/assets/interface/sempli_2.0/credito-flexi-sub-img.webp +0 -0
  68. package/assets/interface/sempli_2.0/dale_superpoderes.jpg +0 -0
  69. package/assets/interface/sempli_2.0/dale_superpoderes.webp +0 -0
  70. package/assets/interface/sempli_2.0/flexi-01.webp +0 -0
  71. package/assets/interface/sempli_2.0/video-hero-main.mp4 +0 -0
  72. package/assets/interface/sempli_2.0/video-main.mp4 +0 -0
  73. package/assets/interface/sempli_2.0/video-main.webm +0 -0
  74. package/esm2022/lib/sempli-website-lib.module.mjs +5 -5
  75. package/esm2022/public-api.mjs +1 -1
  76. package/fesm2022/sempli-website-lib.mjs +4 -4
  77. package/fesm2022/sempli-website-lib.mjs.map +1 -1
  78. package/package.json +1 -1
  79. package/styles/_main.scss +2 -2
  80. package/styles/master-app.scss +17839 -18114
  81. package/styles/master-landing.scss +20644 -20834
  82. package/styles/modules/_functions.scss +37 -37
  83. package/styles/modules/_mixins.scss +68 -68
  84. package/styles/modules/_variables.scss +54 -54
  85. package/styles/partials/_base.scss +277 -277
  86. package/styles/partials/_buttons.scss +446 -453
  87. package/styles/partials/_fonts.scss +83 -83
  88. package/styles/partials/_forms.scss +839 -1107
  89. package/styles/partials/_icons.scss +12 -12
  90. package/styles/partials/_layout.scss +149 -149
  91. package/styles/partials/_modals.scss +254 -254
  92. package/styles/partials/_panels.scss +51 -51
  93. package/styles/partials/_progress-bars.scss +60 -60
  94. package/styles/partials/_tooltips.scss +128 -128
  95. package/styles/partials/_videos.scss +32 -32
  96. package/styles/partials/animations.scss +155 -155
  97. package/styles/partials/app/_blocks.scss +101 -101
  98. package/styles/partials/app/_cards.scss +155 -155
  99. package/styles/partials/app/_general.scss +1193 -1193
  100. package/styles/partials/app/_header.scss +713 -713
  101. package/styles/partials/app/_layout.scss +219 -219
  102. package/styles/partials/app/_my-account.scss +203 -203
  103. package/styles/partials/app/_my-loan-applications.scss +165 -165
  104. package/styles/partials/app/_my-products.scss +1019 -1019
  105. package/styles/partials/app/_signatures.scss +16 -16
  106. package/styles/partials/landing/_footer.scss +234 -234
  107. package/styles/partials/landing/_general.scss +2612 -2527
  108. package/styles/partials/landing/_header.scss +968 -968
  109. package/styles/partials/landing/_hero-wrappers.scss +650 -650
  110. package/styles/vendor/_animate.scss +3 -3
  111. package/styles/vendor/_compass.scss +4 -4
  112. package/styles/vendor/_lemonade.scss +37 -37
  113. package/styles/vendor/_modules_export.scss +11212 -11212
  114. package/styles/vendor/_normalize.scss +341 -341
  115. package/styles/vendor/animation/_animate.scss +31 -31
  116. package/styles/vendor/animation/_core.scss +127 -127
  117. package/styles/vendor/animation/_shared.scss +21 -21
  118. package/styles/vendor/animation/animate/_attention-seekers.scss +151 -151
  119. package/styles/vendor/animation/animate/_bouncing.scss +2 -2
  120. package/styles/vendor/animation/animate/_classes.scss +21 -21
  121. package/styles/vendor/animation/animate/_fading.scss +2 -2
  122. package/styles/vendor/animation/animate/_flippers.scss +87 -87
  123. package/styles/vendor/animation/animate/_lightspeed.scss +23 -23
  124. package/styles/vendor/animation/animate/_rotating.scss +3 -3
  125. package/styles/vendor/animation/animate/_specials.scss +42 -42
  126. package/styles/vendor/animation/animate/bouncing/_bouncing-entrances.scss +68 -68
  127. package/styles/vendor/animation/animate/bouncing/_bouncing-exits.scss +60 -60
  128. package/styles/vendor/animation/animate/fading/_fading-entrances.scss +86 -86
  129. package/styles/vendor/animation/animate/fading/_fading-exits.scss +86 -86
  130. package/styles/vendor/animation/animate/rotating/_rotating-entrances.scss +58 -58
  131. package/styles/vendor/animation/animate/rotating/_rotating-exits.scss +58 -58
  132. package/styles/vendor/compass/_css3.scss +21 -21
  133. package/styles/vendor/compass/_functions.scss +7 -7
  134. package/styles/vendor/compass/_layout.scss +3 -3
  135. package/styles/vendor/compass/_reset-legacy.scss +3 -3
  136. package/styles/vendor/compass/_reset.scss +3 -3
  137. package/styles/vendor/compass/_support.scss +40 -40
  138. package/styles/vendor/compass/_typography.scss +4 -4
  139. package/styles/vendor/compass/_utilities.scss +9 -9
  140. package/styles/vendor/compass/css3/_animation.scss +2 -2
  141. package/styles/vendor/compass/css3/_appearance.scss +16 -16
  142. package/styles/vendor/compass/css3/_background-clip.scss +43 -43
  143. package/styles/vendor/compass/css3/_background-origin.scss +42 -42
  144. package/styles/vendor/compass/css3/_background-size.scss +26 -26
  145. package/styles/vendor/compass/css3/_border-radius.scss +130 -130
  146. package/styles/vendor/compass/css3/_box-shadow.scss +76 -76
  147. package/styles/vendor/compass/css3/_box-sizing.scss +18 -18
  148. package/styles/vendor/compass/css3/_box.scss +110 -110
  149. package/styles/vendor/compass/css3/_columns.scss +157 -157
  150. package/styles/vendor/compass/css3/_filter.scss +24 -24
  151. package/styles/vendor/compass/css3/_flexbox.scss +86 -86
  152. package/styles/vendor/compass/css3/_font-face.scss +48 -48
  153. package/styles/vendor/compass/css3/_hyphenation.scss +77 -77
  154. package/styles/vendor/compass/css3/_images.scss +133 -133
  155. package/styles/vendor/compass/css3/_inline-block.scss +22 -22
  156. package/styles/vendor/compass/css3/_opacity.scss +19 -19
  157. package/styles/vendor/compass/css3/_pie.scss +73 -73
  158. package/styles/vendor/compass/css3/_regions.scss +21 -21
  159. package/styles/vendor/compass/css3/_shared.scss +38 -38
  160. package/styles/vendor/compass/css3/_text-shadow.scss +88 -88
  161. package/styles/vendor/compass/css3/_transform-legacy.scss +87 -87
  162. package/styles/vendor/compass/css3/_transform.scss +598 -598
  163. package/styles/vendor/compass/css3/_transition.scss +222 -222
  164. package/styles/vendor/compass/css3/_user-interface.scss +47 -47
  165. package/styles/vendor/compass/functions/_colors.scss +37 -37
  166. package/styles/vendor/compass/functions/_constants.scss +18 -18
  167. package/styles/vendor/compass/functions/_cross_browser_support.scss +72 -72
  168. package/styles/vendor/compass/functions/_display.scss +36 -36
  169. package/styles/vendor/compass/functions/_font_files.scss +95 -95
  170. package/styles/vendor/compass/functions/_gradient_support.scss +14 -14
  171. package/styles/vendor/compass/functions/_lists.scss +90 -90
  172. package/styles/vendor/compass/layout/_grid-background.scss +178 -178
  173. package/styles/vendor/compass/layout/_sticky-footer.scss +23 -23
  174. package/styles/vendor/compass/layout/_stretching.scss +23 -23
  175. package/styles/vendor/compass/reset/_utilities-legacy.scss +135 -135
  176. package/styles/vendor/compass/reset/_utilities.scss +142 -142
  177. package/styles/vendor/compass/typography/_links.scss +3 -3
  178. package/styles/vendor/compass/typography/_lists.scss +4 -4
  179. package/styles/vendor/compass/typography/_text.scss +4 -4
  180. package/styles/vendor/compass/typography/_vertical_rhythm.scss +229 -229
  181. package/styles/vendor/compass/typography/links/_hover-link.scss +5 -5
  182. package/styles/vendor/compass/typography/links/_link-colors.scss +28 -28
  183. package/styles/vendor/compass/typography/links/_unstyled-link.scss +7 -7
  184. package/styles/vendor/compass/typography/lists/_bullets.scss +34 -34
  185. package/styles/vendor/compass/typography/lists/_horizontal-list.scss +61 -61
  186. package/styles/vendor/compass/typography/lists/_inline-block-list.scss +50 -50
  187. package/styles/vendor/compass/typography/lists/_inline-list.scss +44 -44
  188. package/styles/vendor/compass/typography/text/_ellipsis.scss +25 -25
  189. package/styles/vendor/compass/typography/text/_force-wrap.scss +12 -12
  190. package/styles/vendor/compass/typography/text/_nowrap.scss +2 -2
  191. package/styles/vendor/compass/typography/text/_replacement.scss +68 -68
  192. package/styles/vendor/compass/utilities/_general.scss +6 -6
  193. package/styles/vendor/compass/utilities/_links.scss +5 -5
  194. package/styles/vendor/compass/utilities/_lists.scss +6 -6
  195. package/styles/vendor/compass/utilities/_print.scss +17 -17
  196. package/styles/vendor/compass/utilities/_sprites.scss +2 -2
  197. package/styles/vendor/compass/utilities/_tables.scss +3 -3
  198. package/styles/vendor/compass/utilities/_text.scss +5 -5
  199. package/styles/vendor/compass/utilities/color/_contrast.scss +27 -27
  200. package/styles/vendor/compass/utilities/general/_clearfix.scss +44 -44
  201. package/styles/vendor/compass/utilities/general/_float.scss +29 -29
  202. package/styles/vendor/compass/utilities/general/_hacks.scss +47 -47
  203. package/styles/vendor/compass/utilities/general/_min.scss +16 -16
  204. package/styles/vendor/compass/utilities/general/_reset.scss +2 -2
  205. package/styles/vendor/compass/utilities/general/_tabs.scss +1 -1
  206. package/styles/vendor/compass/utilities/general/_tag-cloud.scss +18 -18
  207. package/styles/vendor/compass/utilities/links/_hover-link.scss +3 -3
  208. package/styles/vendor/compass/utilities/links/_link-colors.scss +3 -3
  209. package/styles/vendor/compass/utilities/links/_unstyled-link.scss +3 -3
  210. package/styles/vendor/compass/utilities/lists/_bullets.scss +3 -3
  211. package/styles/vendor/compass/utilities/lists/_horizontal-list.scss +3 -3
  212. package/styles/vendor/compass/utilities/lists/_inline-block-list.scss +3 -3
  213. package/styles/vendor/compass/utilities/lists/_inline-list.scss +3 -3
  214. package/styles/vendor/compass/utilities/sprites/_base.scss +65 -65
  215. package/styles/vendor/compass/utilities/sprites/_sprite-img.scss +78 -78
  216. package/styles/vendor/compass/utilities/tables/_alternating-rows-and-columns.scss +22 -22
  217. package/styles/vendor/compass/utilities/tables/_borders.scss +33 -33
  218. package/styles/vendor/compass/utilities/tables/_scaffolding.scss +9 -9
  219. package/styles/vendor/compass/utilities/text/_ellipsis.scss +3 -3
  220. package/styles/vendor/compass/utilities/text/_nowrap.scss +3 -3
  221. package/styles/vendor/compass/utilities/text/_replacement.scss +3 -3
  222. package/assets/interface/icons/check-circle.svg +0 -1
  223. package/assets/interface/icons/x-circle-alert.svg +0 -1
  224. package/core/intelli-styles.js +0 -55
@@ -1,111 +1,111 @@
1
- @import "shared";
2
-
3
- // display:box; must be used for any of the other flexbox mixins to work properly
4
- @mixin display-box {
5
- @include experimental-value(display, box,
6
- -moz, -webkit, not(-o), -ms, not(-khtml), official
7
- );
8
- }
9
-
10
- // Default box orientation, assuming that the user wants something less block-like
11
- $default-box-orient: horizontal !default;
12
-
13
- // Box orientation [ horizontal | vertical | inline-axis | block-axis | inherit ]
14
- @mixin box-orient(
15
- $orientation: $default-box-orient
16
- ) {
17
- $orientation : unquote($orientation);
18
- @include experimental(box-orient, $orientation,
19
- -moz, -webkit, not(-o), -ms, not(-khtml), official
20
- );
21
- }
22
-
23
- // Default box-align
24
- $default-box-align: stretch !default;
25
-
26
- // Box align [ start | end | center | baseline | stretch ]
27
- @mixin box-align(
28
- $alignment: $default-box-align
29
- ) {
30
- $alignment : unquote($alignment);
31
- @include experimental(box-align, $alignment,
32
- -moz, -webkit, not(-o), -ms, not(-khtml), official
33
- );
34
- }
35
-
36
- // Default box flex
37
- $default-box-flex: 0 !default;
38
-
39
- // mixin which takes an int argument for box flex. Apply this to the children inside the box.
40
- //
41
- // For example: "div.display-box > div.child-box" would get the box flex mixin.
42
- @mixin box-flex(
43
- $flex: $default-box-flex
44
- ) {
45
- @include experimental(box-flex, $flex,
46
- -moz, -webkit, not(-o), -ms, not(-khtml), official
47
- );
48
- }
49
-
50
- // Default flex group
51
- $default-box-flex-group: 1 !default;
52
-
53
- // mixin which takes an int argument for flexible grouping
54
- @mixin box-flex-group(
55
- $group: $default-box-flex-group
56
- ) {
57
- @include experimental(box-flex-group, $group,
58
- -moz, -webkit, not(-o), -ms, not(-khtml), official
59
- );
60
- }
61
-
62
- // default for ordinal group
63
- $default-box-ordinal-group: 1 !default;
64
-
65
- // mixin which takes an int argument for ordinal grouping and rearranging the order
66
- @mixin box-ordinal-group(
67
- $group: $default-ordinal-flex-group
68
- ) {
69
- @include experimental(box-ordinal-group, $group,
70
- -moz, -webkit, not(-o), -ms, not(-khtml), official
71
- );
72
- }
73
-
74
- // Box direction default value
75
- $default-box-direction: normal !default;
76
-
77
- // mixin for box-direction [ normal | reverse | inherit ]
78
- @mixin box-direction(
79
- $direction: $default-box-direction
80
- ) {
81
- $direction: unquote($direction);
82
- @include experimental(box-direction, $direction,
83
- -moz, -webkit, not(-o), -ms, not(-khtml), official
84
- );
85
- }
86
-
87
- // default for box lines
88
- $default-box-lines: single !default;
89
-
90
- // mixin for box lines [ single | multiple ]
91
- @mixin box-lines(
92
- $lines: $default-box-lines
93
- ) {
94
- $lines: unquote($lines);
95
- @include experimental(box-lines, $lines,
96
- -moz, -webkit, not(-o), -ms, not(-khtml), official
97
- );
98
- }
99
-
100
- // default for box pack
101
- $default-box-pack: start !default;
102
-
103
- // mixin for box pack [ start | end | center | justify ]
104
- @mixin box-pack(
105
- $pack: $default-box-pack
106
- ) {
107
- $pack: unquote($pack);
108
- @include experimental(box-pack, $pack,
109
- -moz, -webkit, not(-o), -ms, not(-khtml), official
110
- );
1
+ @import "shared";
2
+
3
+ // display:box; must be used for any of the other flexbox mixins to work properly
4
+ @mixin display-box {
5
+ @include experimental-value(display, box,
6
+ -moz, -webkit, not(-o), -ms, not(-khtml), official
7
+ );
8
+ }
9
+
10
+ // Default box orientation, assuming that the user wants something less block-like
11
+ $default-box-orient: horizontal !default;
12
+
13
+ // Box orientation [ horizontal | vertical | inline-axis | block-axis | inherit ]
14
+ @mixin box-orient(
15
+ $orientation: $default-box-orient
16
+ ) {
17
+ $orientation : unquote($orientation);
18
+ @include experimental(box-orient, $orientation,
19
+ -moz, -webkit, not(-o), -ms, not(-khtml), official
20
+ );
21
+ }
22
+
23
+ // Default box-align
24
+ $default-box-align: stretch !default;
25
+
26
+ // Box align [ start | end | center | baseline | stretch ]
27
+ @mixin box-align(
28
+ $alignment: $default-box-align
29
+ ) {
30
+ $alignment : unquote($alignment);
31
+ @include experimental(box-align, $alignment,
32
+ -moz, -webkit, not(-o), -ms, not(-khtml), official
33
+ );
34
+ }
35
+
36
+ // Default box flex
37
+ $default-box-flex: 0 !default;
38
+
39
+ // mixin which takes an int argument for box flex. Apply this to the children inside the box.
40
+ //
41
+ // For example: "div.display-box > div.child-box" would get the box flex mixin.
42
+ @mixin box-flex(
43
+ $flex: $default-box-flex
44
+ ) {
45
+ @include experimental(box-flex, $flex,
46
+ -moz, -webkit, not(-o), -ms, not(-khtml), official
47
+ );
48
+ }
49
+
50
+ // Default flex group
51
+ $default-box-flex-group: 1 !default;
52
+
53
+ // mixin which takes an int argument for flexible grouping
54
+ @mixin box-flex-group(
55
+ $group: $default-box-flex-group
56
+ ) {
57
+ @include experimental(box-flex-group, $group,
58
+ -moz, -webkit, not(-o), -ms, not(-khtml), official
59
+ );
60
+ }
61
+
62
+ // default for ordinal group
63
+ $default-box-ordinal-group: 1 !default;
64
+
65
+ // mixin which takes an int argument for ordinal grouping and rearranging the order
66
+ @mixin box-ordinal-group(
67
+ $group: $default-ordinal-flex-group
68
+ ) {
69
+ @include experimental(box-ordinal-group, $group,
70
+ -moz, -webkit, not(-o), -ms, not(-khtml), official
71
+ );
72
+ }
73
+
74
+ // Box direction default value
75
+ $default-box-direction: normal !default;
76
+
77
+ // mixin for box-direction [ normal | reverse | inherit ]
78
+ @mixin box-direction(
79
+ $direction: $default-box-direction
80
+ ) {
81
+ $direction: unquote($direction);
82
+ @include experimental(box-direction, $direction,
83
+ -moz, -webkit, not(-o), -ms, not(-khtml), official
84
+ );
85
+ }
86
+
87
+ // default for box lines
88
+ $default-box-lines: single !default;
89
+
90
+ // mixin for box lines [ single | multiple ]
91
+ @mixin box-lines(
92
+ $lines: $default-box-lines
93
+ ) {
94
+ $lines: unquote($lines);
95
+ @include experimental(box-lines, $lines,
96
+ -moz, -webkit, not(-o), -ms, not(-khtml), official
97
+ );
98
+ }
99
+
100
+ // default for box pack
101
+ $default-box-pack: start !default;
102
+
103
+ // mixin for box pack [ start | end | center | justify ]
104
+ @mixin box-pack(
105
+ $pack: $default-box-pack
106
+ ) {
107
+ $pack: unquote($pack);
108
+ @include experimental(box-pack, $pack,
109
+ -moz, -webkit, not(-o), -ms, not(-khtml), official
110
+ );
111
111
  }
@@ -1,157 +1,157 @@
1
- @import "shared";
2
- @import "../functions";
3
-
4
- // Specify the shorthand `columns` property.
5
- //
6
- // Example:
7
- //
8
- // @include columns(20em 2)
9
- @mixin columns($width-and-count) {
10
- @include experimental(columns, $width-and-count,
11
- -moz, -webkit, -o, -ms, not(-khtml), official
12
- );
13
- }
14
-
15
- // Specify the number of columns
16
- @mixin column-count($count) {
17
- @include experimental(column-count, $count,
18
- -moz, -webkit, -o, -ms, not(-khtml), official
19
- );
20
- }
21
-
22
- // Specify the gap between columns e.g. `20px`
23
- @mixin column-gap($width) {
24
- @include experimental(column-gap, $width,
25
- -moz, -webkit, -o, -ms, not(-khtml), official
26
- );
27
- }
28
-
29
- // Specify the width of columns e.g. `100px`
30
- @mixin column-width($width) {
31
- @include experimental(column-width, $width,
32
- -moz, -webkit, -o, -ms, not(-khtml), official
33
- );
34
- }
35
-
36
- // Specify how many columns an element should span across.
37
- // * legal values are none, all
38
- @mixin column-span($columns) {
39
- @include experimental(column-span, $columns,
40
- -moz, -webkit, -o, -ms, not(-khtml), official
41
- );
42
- }
43
-
44
- // Specify the width of the rule between columns e.g. `1px`
45
- @mixin column-rule-width($width) {
46
- @include experimental(column-rule-width, $width,
47
- -moz, -webkit, -o, -ms, not(-khtml), official
48
- );
49
- }
50
-
51
- // Specify the style of the rule between columns e.g. `dotted`.
52
- // This works like border-style.
53
- @mixin column-rule-style($style) {
54
- @include experimental(column-rule-style, unquote($style),
55
- -moz, -webkit, -o, -ms, not(-khtml), official
56
- );
57
- }
58
-
59
- // Specify the color of the rule between columns e.g. `blue`.
60
- // This works like border-color.
61
- @mixin column-rule-color($color) {
62
- @include experimental(column-rule-color, $color,
63
- -moz, -webkit, -o, -ms, not(-khtml), official
64
- );
65
- }
66
-
67
- // Mixin encompassing all column rule properties
68
- // For example:
69
- //
70
- // @include column-rule(1px, solid, #c00)
71
- //
72
- // Or the values can be space separated:
73
- //
74
- // @include column-rule(1px solid #c00)
75
- @mixin column-rule($width, $style: false, $color: false) {
76
- $full : -compass-space-list(compact($width, $style, $color));
77
- @include experimental(column-rule, $full,
78
- -moz, -webkit, -o, -ms, not(-khtml), official
79
- );
80
- }
81
-
82
- // Mixin for setting column-break-before
83
- //
84
- // * legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
85
- //
86
- // Example:
87
- // h2.before {@include column-break-before(always);}
88
- //
89
- // Which generates:
90
- //
91
- // h2.before {
92
- // -webkit-column-break-before: always;
93
- // column-break-before: always;}
94
- @mixin column-break-before($value: auto){
95
- @include experimental(column-break-before, $value, not(-moz), -webkit, not(-o), not(-ms), not(-khtml), official );
96
- }
97
-
98
- // Mixin for setting column-break-after
99
- //
100
- // * legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
101
- //
102
- // Example:
103
- // h2.after {@include column-break-after(always); }
104
- //
105
- // Which generates:
106
- //
107
- // h2.after {
108
- // -webkit-column-break-after: always;
109
- // column-break-after: always; }
110
- @mixin column-break-after($value: auto){
111
- @include experimental(column-break-after, $value, not(-moz), -webkit, not(-o), not(-ms), not(-khtml), official );
112
- }
113
-
114
- // Mixin for setting column-break-inside
115
- //
116
- // * legal values are auto, avoid, avoid-page, avoid-column
117
- //
118
- // Example:
119
- // h2.inside {@include column-break-inside();}
120
- // Which generates:
121
- //
122
- // h2.inside {
123
- // -webkit-column-break-inside: auto;
124
- // column-break-inside: auto;}
125
- @mixin column-break-inside($value: auto){
126
- @include experimental(column-break-inside, $value, not(-moz), -webkit, not(-o), not(-ms), not(-khtml), official );
127
- }
128
-
129
- // All-purpose mixin for setting column breaks.
130
- //
131
- // * legal values for $type : before, after, inside
132
- // * legal values for '$value' are dependent on $type
133
- // * when $type = before, legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
134
- // * when $type = after, legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
135
- // * when $type = inside, legal values are auto, avoid, avoid-page, avoid-column
136
- //
137
- // Examples:
138
- // h2.before {@include column-break(before, always);}
139
- // h2.after {@include column-break(after, always); }
140
- // h2.inside {@include column-break(inside); }
141
- //
142
- // Which generates:
143
- // h2.before {
144
- // -webkit-column-break-before: always;
145
- // column-break-before: always;}
146
- //
147
- // h2.after {
148
- // -webkit-column-break-after: always;
149
- // column-break-after: always; }
150
- //
151
- // h2.inside {
152
- // -webkit-column-break-inside: auto;
153
- // column-break-inside: auto;}
154
-
155
- @mixin column-break($type: before, $value: auto){
156
- @include experimental("column-break-#{$type}", $value, not(-moz), -webkit, not(-o), not(-ms), not(-khtml), official );
157
- }
1
+ @import "shared";
2
+ @import "../functions";
3
+
4
+ // Specify the shorthand `columns` property.
5
+ //
6
+ // Example:
7
+ //
8
+ // @include columns(20em 2)
9
+ @mixin columns($width-and-count) {
10
+ @include experimental(columns, $width-and-count,
11
+ -moz, -webkit, -o, -ms, not(-khtml), official
12
+ );
13
+ }
14
+
15
+ // Specify the number of columns
16
+ @mixin column-count($count) {
17
+ @include experimental(column-count, $count,
18
+ -moz, -webkit, -o, -ms, not(-khtml), official
19
+ );
20
+ }
21
+
22
+ // Specify the gap between columns e.g. `20px`
23
+ @mixin column-gap($width) {
24
+ @include experimental(column-gap, $width,
25
+ -moz, -webkit, -o, -ms, not(-khtml), official
26
+ );
27
+ }
28
+
29
+ // Specify the width of columns e.g. `100px`
30
+ @mixin column-width($width) {
31
+ @include experimental(column-width, $width,
32
+ -moz, -webkit, -o, -ms, not(-khtml), official
33
+ );
34
+ }
35
+
36
+ // Specify how many columns an element should span across.
37
+ // * legal values are none, all
38
+ @mixin column-span($columns) {
39
+ @include experimental(column-span, $columns,
40
+ -moz, -webkit, -o, -ms, not(-khtml), official
41
+ );
42
+ }
43
+
44
+ // Specify the width of the rule between columns e.g. `1px`
45
+ @mixin column-rule-width($width) {
46
+ @include experimental(column-rule-width, $width,
47
+ -moz, -webkit, -o, -ms, not(-khtml), official
48
+ );
49
+ }
50
+
51
+ // Specify the style of the rule between columns e.g. `dotted`.
52
+ // This works like border-style.
53
+ @mixin column-rule-style($style) {
54
+ @include experimental(column-rule-style, unquote($style),
55
+ -moz, -webkit, -o, -ms, not(-khtml), official
56
+ );
57
+ }
58
+
59
+ // Specify the color of the rule between columns e.g. `blue`.
60
+ // This works like border-color.
61
+ @mixin column-rule-color($color) {
62
+ @include experimental(column-rule-color, $color,
63
+ -moz, -webkit, -o, -ms, not(-khtml), official
64
+ );
65
+ }
66
+
67
+ // Mixin encompassing all column rule properties
68
+ // For example:
69
+ //
70
+ // @include column-rule(1px, solid, #c00)
71
+ //
72
+ // Or the values can be space separated:
73
+ //
74
+ // @include column-rule(1px solid #c00)
75
+ @mixin column-rule($width, $style: false, $color: false) {
76
+ $full : -compass-space-list(compact($width, $style, $color));
77
+ @include experimental(column-rule, $full,
78
+ -moz, -webkit, -o, -ms, not(-khtml), official
79
+ );
80
+ }
81
+
82
+ // Mixin for setting column-break-before
83
+ //
84
+ // * legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
85
+ //
86
+ // Example:
87
+ // h2.before {@include column-break-before(always);}
88
+ //
89
+ // Which generates:
90
+ //
91
+ // h2.before {
92
+ // -webkit-column-break-before: always;
93
+ // column-break-before: always;}
94
+ @mixin column-break-before($value: auto){
95
+ @include experimental(column-break-before, $value, not(-moz), -webkit, not(-o), not(-ms), not(-khtml), official );
96
+ }
97
+
98
+ // Mixin for setting column-break-after
99
+ //
100
+ // * legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
101
+ //
102
+ // Example:
103
+ // h2.after {@include column-break-after(always); }
104
+ //
105
+ // Which generates:
106
+ //
107
+ // h2.after {
108
+ // -webkit-column-break-after: always;
109
+ // column-break-after: always; }
110
+ @mixin column-break-after($value: auto){
111
+ @include experimental(column-break-after, $value, not(-moz), -webkit, not(-o), not(-ms), not(-khtml), official );
112
+ }
113
+
114
+ // Mixin for setting column-break-inside
115
+ //
116
+ // * legal values are auto, avoid, avoid-page, avoid-column
117
+ //
118
+ // Example:
119
+ // h2.inside {@include column-break-inside();}
120
+ // Which generates:
121
+ //
122
+ // h2.inside {
123
+ // -webkit-column-break-inside: auto;
124
+ // column-break-inside: auto;}
125
+ @mixin column-break-inside($value: auto){
126
+ @include experimental(column-break-inside, $value, not(-moz), -webkit, not(-o), not(-ms), not(-khtml), official );
127
+ }
128
+
129
+ // All-purpose mixin for setting column breaks.
130
+ //
131
+ // * legal values for $type : before, after, inside
132
+ // * legal values for '$value' are dependent on $type
133
+ // * when $type = before, legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
134
+ // * when $type = after, legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
135
+ // * when $type = inside, legal values are auto, avoid, avoid-page, avoid-column
136
+ //
137
+ // Examples:
138
+ // h2.before {@include column-break(before, always);}
139
+ // h2.after {@include column-break(after, always); }
140
+ // h2.inside {@include column-break(inside); }
141
+ //
142
+ // Which generates:
143
+ // h2.before {
144
+ // -webkit-column-break-before: always;
145
+ // column-break-before: always;}
146
+ //
147
+ // h2.after {
148
+ // -webkit-column-break-after: always;
149
+ // column-break-after: always; }
150
+ //
151
+ // h2.inside {
152
+ // -webkit-column-break-inside: auto;
153
+ // column-break-inside: auto;}
154
+
155
+ @mixin column-break($type: before, $value: auto){
156
+ @include experimental("column-break-#{$type}", $value, not(-moz), -webkit, not(-o), not(-ms), not(-khtml), official );
157
+ }
@@ -1,24 +1,24 @@
1
- @import "shared";
2
- @import "../functions";
3
-
4
- // Provides cross-browser support for the upcoming (?) css3 filter property.
5
- //
6
- // Each filter argument should adhere to the standard css3 syntax for the
7
- // filter property.
8
- @mixin filter (
9
- $filter-1,
10
- $filter-2 : false,
11
- $filter-3 : false,
12
- $filter-4 : false,
13
- $filter-5 : false,
14
- $filter-6 : false,
15
- $filter-7 : false,
16
- $filter-8 : false,
17
- $filter-9 : false,
18
- $filter-10: false
19
- ) {
20
- $filter : compact($filter-1, $filter-2, $filter-3, $filter-4, $filter-5, $filter-6, $filter-7, $filter-8, $filter-9, $filter-10);
21
- @include experimental(filter, $filter,
22
- -moz, -webkit, not(-o), not(-ms), not(-khtml), official
23
- );
24
- }
1
+ @import "shared";
2
+ @import "../functions";
3
+
4
+ // Provides cross-browser support for the upcoming (?) css3 filter property.
5
+ //
6
+ // Each filter argument should adhere to the standard css3 syntax for the
7
+ // filter property.
8
+ @mixin filter (
9
+ $filter-1,
10
+ $filter-2 : false,
11
+ $filter-3 : false,
12
+ $filter-4 : false,
13
+ $filter-5 : false,
14
+ $filter-6 : false,
15
+ $filter-7 : false,
16
+ $filter-8 : false,
17
+ $filter-9 : false,
18
+ $filter-10: false
19
+ ) {
20
+ $filter : compact($filter-1, $filter-2, $filter-3, $filter-4, $filter-5, $filter-6, $filter-7, $filter-8, $filter-9, $filter-10);
21
+ @include experimental(filter, $filter,
22
+ -moz, -webkit, not(-o), not(-ms), not(-khtml), official
23
+ );
24
+ }