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,28 +1,28 @@
1
- $contrasted-dark-default: #000 !default;
2
- $contrasted-light-default: #fff !default;
3
- $contrasted-lightness-threshold: 30% !default;
4
-
5
- // Returns the `$light` color when the `$color` is dark
6
- // and the `$dark` color when the `$color` is light.
7
- // The `$threshold` is a percent between `0%` and `100%` and it determines
8
- // when the lightness of `$color` changes from "dark" to "light".
9
- @function contrast-color(
10
- $color,
11
- $dark: $contrasted-dark-default,
12
- $light: $contrasted-light-default,
13
- $threshold: $contrasted-lightness-threshold
14
- ) {
15
- @return if(lightness($color) < $threshold, $light, $dark)
16
- }
17
-
18
- // Sets the specified background color and calculates a dark or light contrasted text color.
19
- // The arguments are passed through to the [contrast-color function](#function-contrast-color).
20
- @mixin contrasted(
21
- $background-color,
22
- $dark: $contrasted-dark-default,
23
- $light: $contrasted-light-default,
24
- $threshold: $contrasted-lightness-threshold
25
- ) {
26
- background-color: $background-color;
27
- color: contrast-color($background-color, $dark, $light, $threshold);
1
+ $contrasted-dark-default: #000 !default;
2
+ $contrasted-light-default: #fff !default;
3
+ $contrasted-lightness-threshold: 30% !default;
4
+
5
+ // Returns the `$light` color when the `$color` is dark
6
+ // and the `$dark` color when the `$color` is light.
7
+ // The `$threshold` is a percent between `0%` and `100%` and it determines
8
+ // when the lightness of `$color` changes from "dark" to "light".
9
+ @function contrast-color(
10
+ $color,
11
+ $dark: $contrasted-dark-default,
12
+ $light: $contrasted-light-default,
13
+ $threshold: $contrasted-lightness-threshold
14
+ ) {
15
+ @return if(lightness($color) < $threshold, $light, $dark)
16
+ }
17
+
18
+ // Sets the specified background color and calculates a dark or light contrasted text color.
19
+ // The arguments are passed through to the [contrast-color function](#function-contrast-color).
20
+ @mixin contrasted(
21
+ $background-color,
22
+ $dark: $contrasted-dark-default,
23
+ $light: $contrasted-light-default,
24
+ $threshold: $contrasted-lightness-threshold
25
+ ) {
26
+ background-color: $background-color;
27
+ color: contrast-color($background-color, $dark, $light, $threshold);
28
28
  }
@@ -1,44 +1,44 @@
1
- // @doc off
2
- // Extends the bottom of the element to enclose any floats it contains.
3
- // @doc on
4
-
5
- @import "hacks";
6
-
7
- // This basic method is preferred for the usual case, when positioned
8
- // content will not show outside the bounds of the container.
9
- //
10
- // Recommendations include using this in conjunction with a width.
11
- // Credit: [quirksmode.org](http://www.quirksmode.org/blog/archives/2005/03/clearing_floats.html)
12
- @mixin clearfix {
13
- overflow: hidden;
14
- @include has-layout;
15
- }
16
-
17
- // This older method from Position Is Everything called
18
- // [Easy Clearing](http://www.positioniseverything.net/easyclearing.html)
19
- // has the advantage of allowing positioned elements to hang
20
- // outside the bounds of the container at the expense of more tricky CSS.
21
- @mixin legacy-pie-clearfix {
22
- &:after {
23
- content : "\0020";
24
- display : block;
25
- height : 0;
26
- clear : both;
27
- overflow : hidden;
28
- visibility : hidden;
29
- }
30
- @include has-layout;
31
- }
32
-
33
- // This is an updated version of the PIE clearfix method that reduces the amount of CSS output.
34
- // If you need to support Firefox before 3.5 you need to use `legacy-pie-clearfix` instead.
35
- //
36
- // Adapted from: [A new micro clearfix hack](http://nicolasgallagher.com/micro-clearfix-hack/)
37
- @mixin pie-clearfix {
38
- &:after {
39
- content: "";
40
- display: table;
41
- clear: both;
42
- }
43
- @include has-layout;
44
- }
1
+ // @doc off
2
+ // Extends the bottom of the element to enclose any floats it contains.
3
+ // @doc on
4
+
5
+ @import "hacks";
6
+
7
+ // This basic method is preferred for the usual case, when positioned
8
+ // content will not show outside the bounds of the container.
9
+ //
10
+ // Recommendations include using this in conjunction with a width.
11
+ // Credit: [quirksmode.org](http://www.quirksmode.org/blog/archives/2005/03/clearing_floats.html)
12
+ @mixin clearfix {
13
+ overflow: hidden;
14
+ @include has-layout;
15
+ }
16
+
17
+ // This older method from Position Is Everything called
18
+ // [Easy Clearing](http://www.positioniseverything.net/easyclearing.html)
19
+ // has the advantage of allowing positioned elements to hang
20
+ // outside the bounds of the container at the expense of more tricky CSS.
21
+ @mixin legacy-pie-clearfix {
22
+ &:after {
23
+ content : "\0020";
24
+ display : block;
25
+ height : 0;
26
+ clear : both;
27
+ overflow : hidden;
28
+ visibility : hidden;
29
+ }
30
+ @include has-layout;
31
+ }
32
+
33
+ // This is an updated version of the PIE clearfix method that reduces the amount of CSS output.
34
+ // If you need to support Firefox before 3.5 you need to use `legacy-pie-clearfix` instead.
35
+ //
36
+ // Adapted from: [A new micro clearfix hack](http://nicolasgallagher.com/micro-clearfix-hack/)
37
+ @mixin pie-clearfix {
38
+ &:after {
39
+ content: "";
40
+ display: table;
41
+ clear: both;
42
+ }
43
+ @include has-layout;
44
+ }
@@ -1,30 +1,30 @@
1
- // Implementation of float:left with fix for the
2
- // [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html)
3
- @mixin float-left {
4
- @include float(left); }
5
-
6
- // Implementation of float:right with fix for the
7
- // [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html)
8
- @mixin float-right {
9
- @include float(right); }
10
-
11
- // Direction independent float mixin that fixes the
12
- // [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html)
13
- @mixin float($side: left) {
14
- display: inline;
15
- float: unquote($side); }
16
-
17
- // Resets floated elements back to their default of `float: none` and defaults
18
- // to `display: block` unless you pass `inline` as an argument
19
- //
20
- // Usage Example:
21
- //
22
- // body.homepage
23
- // #footer li
24
- // +float-left
25
- // body.signup
26
- // #footer li
27
- // +reset-float
28
- @mixin reset-float($display: block) {
29
- float: none;
1
+ // Implementation of float:left with fix for the
2
+ // [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html)
3
+ @mixin float-left {
4
+ @include float(left); }
5
+
6
+ // Implementation of float:right with fix for the
7
+ // [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html)
8
+ @mixin float-right {
9
+ @include float(right); }
10
+
11
+ // Direction independent float mixin that fixes the
12
+ // [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html)
13
+ @mixin float($side: left) {
14
+ display: inline;
15
+ float: unquote($side); }
16
+
17
+ // Resets floated elements back to their default of `float: none` and defaults
18
+ // to `display: block` unless you pass `inline` as an argument
19
+ //
20
+ // Usage Example:
21
+ //
22
+ // body.homepage
23
+ // #footer li
24
+ // +float-left
25
+ // body.signup
26
+ // #footer li
27
+ // +reset-float
28
+ @mixin reset-float($display: block) {
29
+ float: none;
30
30
  display: $display; }
@@ -1,47 +1,47 @@
1
- @import "../../support";
2
-
3
- // The `zoom` approach generates less CSS but does not validate.
4
- // Set this to `block` to use the display-property to hack the
5
- // element to gain layout.
6
- $default-has-layout-approach: zoom !default;
7
-
8
- // This mixin causes an element matching the selector
9
- // to gain the "hasLayout" property in internet explorer.
10
- // More information on [hasLayout](http://reference.sitepoint.com/css/haslayout).
11
- @mixin has-layout($approach: $default-has-layout-approach) {
12
- @if $legacy-support-for-ie {
13
- @if $approach == zoom {
14
- @include has-layout-zoom;
15
- } @else if $approach == block {
16
- @include has-layout-block;
17
- } @else {
18
- @warn "Unknown has-layout approach: #{$approach}";
19
- @include has-layout-zoom;
20
- }
21
- }
22
- }
23
-
24
- @mixin has-layout-zoom {
25
- @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
26
- zoom: 1;
27
- }
28
- }
29
-
30
-
31
- @mixin has-layout-block {
32
- @if $legacy-support-for-ie {
33
- // This makes ie6 get layout
34
- display: inline-block;
35
- // and this puts it back to block
36
- & { display: block; }
37
- }
38
- }
39
-
40
- // A hack to supply IE6 (and below) with a different property value.
41
- // [Read more](http://www.cssportal.com/css-hacks/#in_css-important).
42
- @mixin bang-hack($property, $value, $ie6-value) {
43
- @if $legacy-support-for-ie6 {
44
- #{$property}: #{$value} !important;
45
- #{$property}: #{$ie6-value};
46
- }
47
- }
1
+ @import "../../support";
2
+
3
+ // The `zoom` approach generates less CSS but does not validate.
4
+ // Set this to `block` to use the display-property to hack the
5
+ // element to gain layout.
6
+ $default-has-layout-approach: zoom !default;
7
+
8
+ // This mixin causes an element matching the selector
9
+ // to gain the "hasLayout" property in internet explorer.
10
+ // More information on [hasLayout](http://reference.sitepoint.com/css/haslayout).
11
+ @mixin has-layout($approach: $default-has-layout-approach) {
12
+ @if $legacy-support-for-ie {
13
+ @if $approach == zoom {
14
+ @include has-layout-zoom;
15
+ } @else if $approach == block {
16
+ @include has-layout-block;
17
+ } @else {
18
+ @warn "Unknown has-layout approach: #{$approach}";
19
+ @include has-layout-zoom;
20
+ }
21
+ }
22
+ }
23
+
24
+ @mixin has-layout-zoom {
25
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
26
+ zoom: 1;
27
+ }
28
+ }
29
+
30
+
31
+ @mixin has-layout-block {
32
+ @if $legacy-support-for-ie {
33
+ // This makes ie6 get layout
34
+ display: inline-block;
35
+ // and this puts it back to block
36
+ & { display: block; }
37
+ }
38
+ }
39
+
40
+ // A hack to supply IE6 (and below) with a different property value.
41
+ // [Read more](http://www.cssportal.com/css-hacks/#in_css-important).
42
+ @mixin bang-hack($property, $value, $ie6-value) {
43
+ @if $legacy-support-for-ie6 {
44
+ #{$property}: #{$value} !important;
45
+ #{$property}: #{$ie6-value};
46
+ }
47
+ }
@@ -1,16 +1,16 @@
1
- @import "hacks";
2
-
3
- //**
4
- // Cross browser min-height mixin.
5
- @mixin min-height($value) {
6
- @include hacked-minimum(height, $value); }
7
-
8
- //**
9
- // Cross browser min-width mixin.
10
- @mixin min-width($value) {
11
- @include hacked-minimum(width, $value); }
12
-
13
- // @private This mixin is not meant to be used directly.
14
- @mixin hacked-minimum($property, $value) {
15
- min-#{$property}: $value;
16
- @include bang-hack($property, auto, $value); }
1
+ @import "hacks";
2
+
3
+ //**
4
+ // Cross browser min-height mixin.
5
+ @mixin min-height($value) {
6
+ @include hacked-minimum(height, $value); }
7
+
8
+ //**
9
+ // Cross browser min-width mixin.
10
+ @mixin min-width($value) {
11
+ @include hacked-minimum(width, $value); }
12
+
13
+ // @private This mixin is not meant to be used directly.
14
+ @mixin hacked-minimum($property, $value) {
15
+ min-#{$property}: $value;
16
+ @include bang-hack($property, auto, $value); }
@@ -1,2 +1,2 @@
1
- // This module has moved.
2
- @import "../../reset/utilities";
1
+ // This module has moved.
2
+ @import "../../reset/utilities";
@@ -1,18 +1,18 @@
1
- // Emits styles for a tag cloud
2
- @mixin tag-cloud($base-size: 1em) {
3
- font-size: $base-size;
4
- line-height: 1.2 * $base-size;
5
- .xxs, .xs, .s, .l, .xl, .xxl {
6
- line-height: 1.2 * $base-size; }
7
- .xxs {
8
- font-size: $base-size / 2; }
9
- .xs {
10
- font-size: 2 * $base-size / 3; }
11
- .s {
12
- font-size: 3 * $base-size / 4; }
13
- .l {
14
- font-size: 4 * $base-size / 3; }
15
- .xl {
16
- font-size: 3 * $base-size / 2; }
17
- .xxl {
18
- font-size: 2 * $base-size; } }
1
+ // Emits styles for a tag cloud
2
+ @mixin tag-cloud($base-size: 1em) {
3
+ font-size: $base-size;
4
+ line-height: 1.2 * $base-size;
5
+ .xxs, .xs, .s, .l, .xl, .xxl {
6
+ line-height: 1.2 * $base-size; }
7
+ .xxs {
8
+ font-size: $base-size / 2; }
9
+ .xs {
10
+ font-size: 2 * $base-size / 3; }
11
+ .s {
12
+ font-size: 3 * $base-size / 4; }
13
+ .l {
14
+ font-size: 4 * $base-size / 3; }
15
+ .xl {
16
+ font-size: 3 * $base-size / 2; }
17
+ .xxl {
18
+ font-size: 2 * $base-size; } }
@@ -1,3 +1,3 @@
1
- @warn "This import is deprecated. Use 'compass/typography/links/hover-link' instead.";
2
-
3
- @import "../../typography/links/hover-link";
1
+ @warn "This import is deprecated. Use 'compass/typography/links/hover-link' instead.";
2
+
3
+ @import "../../typography/links/hover-link";
@@ -1,3 +1,3 @@
1
- @warn "This import is deprecated. Use 'compass/typography/links/link-colors' instead.";
2
-
3
- @import "../../typography/links/link-colors";
1
+ @warn "This import is deprecated. Use 'compass/typography/links/link-colors' instead.";
2
+
3
+ @import "../../typography/links/link-colors";
@@ -1,3 +1,3 @@
1
- @warn "This import is deprecated. Use 'compass/typography/links/unstyled-link' instead.";
2
-
3
- @import "../../typography/links/unstyled-link";
1
+ @warn "This import is deprecated. Use 'compass/typography/links/unstyled-link' instead.";
2
+
3
+ @import "../../typography/links/unstyled-link";
@@ -1,3 +1,3 @@
1
- @warn "This import is deprecated. Use 'compass/typography/lists/bullets' instead.";
2
-
3
- @import "../../typography/lists/bullets";
1
+ @warn "This import is deprecated. Use 'compass/typography/lists/bullets' instead.";
2
+
3
+ @import "../../typography/lists/bullets";
@@ -1,3 +1,3 @@
1
- @warn "This import is deprecated. Use 'compass/typography/lists/horizontal-list' instead.";
2
-
3
- @import "../../typography/lists/horizontal-list";
1
+ @warn "This import is deprecated. Use 'compass/typography/lists/horizontal-list' instead.";
2
+
3
+ @import "../../typography/lists/horizontal-list";
@@ -1,3 +1,3 @@
1
- @warn "This import is deprecated. Use 'compass/typography/lists/inline-block-list' instead.";
2
-
3
- @import "../../typography/lists/inline-block-list";
1
+ @warn "This import is deprecated. Use 'compass/typography/lists/inline-block-list' instead.";
2
+
3
+ @import "../../typography/lists/inline-block-list";
@@ -1,3 +1,3 @@
1
- @warn "This import is deprecated. Use 'compass/typography/lists/inline-list' instead.";
2
-
3
- @import "../../typography/lists/inline-list";
1
+ @warn "This import is deprecated. Use 'compass/typography/lists/inline-list' instead.";
2
+
3
+ @import "../../typography/lists/inline-list";
@@ -1,66 +1,66 @@
1
- // Determines those states for which you want to enable magic sprite selectors
2
- $sprite-selectors: hover, target, active !default;
3
-
4
- // Set the width and height of an element to the original
5
- // dimensions of an image before it was included in the sprite.
6
- @mixin sprite-dimensions($map, $sprite) {
7
- height: image-height(sprite-file($map, $sprite));
8
- width: image-width(sprite-file($map, $sprite));
9
- }
10
-
11
- // Set the background position of the given sprite `$map` to display the
12
- // sprite of the given `$sprite` name. You can move the image relative to its
13
- // natural position by passing `$offset-x` and `$offset-y`.
14
- @mixin sprite-background-position($map, $sprite, $offset-x: 0, $offset-y: 0) {
15
- background-position: sprite-position($map, $sprite, $offset-x, $offset-y);
16
- }
17
-
18
-
19
- // Determines if you want to include magic selectors in your sprites
20
- $disable-magic-sprite-selectors:false !default;
21
-
22
- // Include the position and (optionally) dimensions of this `$sprite`
23
- // in the given sprite `$map`. The sprite url should come from either a base
24
- // class or you can specify the `sprite-url` explicitly like this:
25
- //
26
- // background: $map no-repeat;
27
- @mixin sprite($map, $sprite, $dimensions: false, $offset-x: 0, $offset-y: 0) {
28
- @include sprite-background-position($map, $sprite, $offset-x, $offset-y);
29
- @if $dimensions {
30
- @include sprite-dimensions($map, $sprite);
31
- }
32
- @if not($disable-magic-sprite-selectors) {
33
- @include sprite-selectors($map, $sprite, $sprite, $offset-x, $offset-y);
34
- }
35
- }
36
-
37
- // Include the selectors for the `$sprite` given the `$map` and the
38
- // `$full-sprite-name`
39
- // @private
40
- @mixin sprite-selectors($map, $sprite-name, $full-sprite-name, $offset-x: 0, $offset-y: 0) {
41
- @each $selector in $sprite-selectors {
42
- @if sprite_has_selector($map, $sprite-name, $selector) {
43
- &:#{$selector}, &.#{$full-sprite-name}_#{$selector}, &.#{$full-sprite-name}-#{$selector} {
44
- @include sprite-background-position($map, "#{$sprite-name}_#{$selector}", $offset-x, $offset-y);
45
- }
46
- }
47
- }
48
- }
49
-
50
- // Generates a class for each space separated name in `$sprite-names`.
51
- // The class will be of the form .<map-name>-<sprite-name>.
52
- //
53
- // If a base class is provided, then each class will extend it.
54
- //
55
- // If `$dimensions` is `true`, the sprite dimensions will specified.
56
- @mixin sprites($map, $sprite-names, $base-class: false, $dimensions: false, $prefix: sprite-map-name($map), $offset-x: 0, $offset-y: 0) {
57
- @each $sprite-name in $sprite-names {
58
- @if sprite_does_not_have_parent($map, $sprite-name) {
59
- $full-sprite-name: "#{$prefix}-#{$sprite-name}";
60
- .#{$full-sprite-name} {
61
- @if $base-class { @extend #{$base-class}; }
62
- @include sprite($map, $sprite-name, $dimensions, $offset-x, $offset-y);
63
- }
64
- }
65
- }
1
+ // Determines those states for which you want to enable magic sprite selectors
2
+ $sprite-selectors: hover, target, active !default;
3
+
4
+ // Set the width and height of an element to the original
5
+ // dimensions of an image before it was included in the sprite.
6
+ @mixin sprite-dimensions($map, $sprite) {
7
+ height: image-height(sprite-file($map, $sprite));
8
+ width: image-width(sprite-file($map, $sprite));
9
+ }
10
+
11
+ // Set the background position of the given sprite `$map` to display the
12
+ // sprite of the given `$sprite` name. You can move the image relative to its
13
+ // natural position by passing `$offset-x` and `$offset-y`.
14
+ @mixin sprite-background-position($map, $sprite, $offset-x: 0, $offset-y: 0) {
15
+ background-position: sprite-position($map, $sprite, $offset-x, $offset-y);
16
+ }
17
+
18
+
19
+ // Determines if you want to include magic selectors in your sprites
20
+ $disable-magic-sprite-selectors:false !default;
21
+
22
+ // Include the position and (optionally) dimensions of this `$sprite`
23
+ // in the given sprite `$map`. The sprite url should come from either a base
24
+ // class or you can specify the `sprite-url` explicitly like this:
25
+ //
26
+ // background: $map no-repeat;
27
+ @mixin sprite($map, $sprite, $dimensions: false, $offset-x: 0, $offset-y: 0) {
28
+ @include sprite-background-position($map, $sprite, $offset-x, $offset-y);
29
+ @if $dimensions {
30
+ @include sprite-dimensions($map, $sprite);
31
+ }
32
+ @if not($disable-magic-sprite-selectors) {
33
+ @include sprite-selectors($map, $sprite, $sprite, $offset-x, $offset-y);
34
+ }
35
+ }
36
+
37
+ // Include the selectors for the `$sprite` given the `$map` and the
38
+ // `$full-sprite-name`
39
+ // @private
40
+ @mixin sprite-selectors($map, $sprite-name, $full-sprite-name, $offset-x: 0, $offset-y: 0) {
41
+ @each $selector in $sprite-selectors {
42
+ @if sprite_has_selector($map, $sprite-name, $selector) {
43
+ &:#{$selector}, &.#{$full-sprite-name}_#{$selector}, &.#{$full-sprite-name}-#{$selector} {
44
+ @include sprite-background-position($map, "#{$sprite-name}_#{$selector}", $offset-x, $offset-y);
45
+ }
46
+ }
47
+ }
48
+ }
49
+
50
+ // Generates a class for each space separated name in `$sprite-names`.
51
+ // The class will be of the form .<map-name>-<sprite-name>.
52
+ //
53
+ // If a base class is provided, then each class will extend it.
54
+ //
55
+ // If `$dimensions` is `true`, the sprite dimensions will specified.
56
+ @mixin sprites($map, $sprite-names, $base-class: false, $dimensions: false, $prefix: sprite-map-name($map), $offset-x: 0, $offset-y: 0) {
57
+ @each $sprite-name in $sprite-names {
58
+ @if sprite_does_not_have_parent($map, $sprite-name) {
59
+ $full-sprite-name: "#{$prefix}-#{$sprite-name}";
60
+ .#{$full-sprite-name} {
61
+ @if $base-class { @extend #{$base-class}; }
62
+ @include sprite($map, $sprite-name, $dimensions, $offset-x, $offset-y);
63
+ }
64
+ }
65
+ }
66
66
  }