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,88 +1,88 @@
1
- @import "shared";
2
- @import "../functions";
3
-
4
- // These defaults make the arguments optional for this mixin
5
- // If you like, set different defaults in your project
6
-
7
- $default-text-shadow-color: #aaa !default;
8
- $default-text-shadow-h-offset: 0px !default;
9
- $default-text-shadow-v-offset: 0px !default;
10
- $default-text-shadow-blur: 1px !default;
11
- $default-text-shadow-spread: false !default;
12
-
13
- // Provides cross-browser text shadows when one or more shadows are needed.
14
- // Each shadow argument should adhere to the standard css3 syntax for the
15
- // text-shadow property.
16
- //
17
- // Note: if any shadow has a spread parameter, this will cause the mixin
18
- // to emit the shadow declaration twice, first without the spread,
19
- // then with the spread included. This allows you to progressively
20
- // enhance the browsers that do support the spread parameter.
21
- @mixin text-shadow(
22
- $shadow-1 : default,
23
- $shadow-2 : false,
24
- $shadow-3 : false,
25
- $shadow-4 : false,
26
- $shadow-5 : false,
27
- $shadow-6 : false,
28
- $shadow-7 : false,
29
- $shadow-8 : false,
30
- $shadow-9 : false,
31
- $shadow-10: false
32
- ) {
33
- @if $shadow-1 == default {
34
- $shadow-1: compact($default-text-shadow-h-offset $default-text-shadow-v-offset $default-text-shadow-blur $default-text-shadow-spread $default-text-shadow-color);
35
- }
36
- $shadows-without-spread: join((),(),comma);
37
- $shadows: join((),(),comma);
38
- $has-spread: false;
39
- @each $shadow in compact($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5,
40
- $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) {
41
- @if length($shadow) > 4 {
42
- $has-spread: true;
43
- $shadows-without-spread: append($shadows-without-spread, nth($shadow,1) nth($shadow,2) nth($shadow,3) nth($shadow,5));
44
- $shadows: append($shadows, $shadow);
45
- } else {
46
- $shadows-without-spread: append($shadows-without-spread, $shadow);
47
- $shadows: append($shadows, $shadow);
48
- }
49
- }
50
- @if $has-spread {
51
- text-shadow: $shadows-without-spread;
52
- }
53
- text-shadow: $shadows;
54
- }
55
-
56
- // Provides a single cross-browser CSS text shadow.
57
- //
58
- // Provides sensible defaults for the color, horizontal offset, vertical offset, blur, and spread
59
- // according to the configuration defaults above.
60
- @mixin single-text-shadow(
61
- $hoff: false,
62
- $voff: false,
63
- $blur: false,
64
- $spread: false,
65
- $color: false
66
- ) {
67
- // A lot of people think the color comes first. It doesn't.
68
- @if type-of($hoff) == color {
69
- $temp-color: $hoff;
70
- $hoff: $voff;
71
- $voff: $blur;
72
- $blur: $spread;
73
- $spread: $color;
74
- $color: $temp-color;
75
- }
76
- // Can't rely on default assignment with multiple supported argument orders.
77
- $hoff: if($hoff, $hoff, $default-text-shadow-h-offset);
78
- $voff: if($voff, $voff, $default-text-shadow-v-offset);
79
- $blur: if($blur, $blur, $default-text-shadow-blur );
80
- $spread: if($spread, $spread, $default-text-shadow-spread );
81
- $color: if($color, $color, $default-text-shadow-color );
82
- // We don't need experimental support for this property.
83
- @if $color == none or $hoff == none {
84
- @include text-shadow(none);
85
- } @else {
86
- @include text-shadow(compact($hoff $voff $blur $spread $color));
87
- }
88
- }
1
+ @import "shared";
2
+ @import "../functions";
3
+
4
+ // These defaults make the arguments optional for this mixin
5
+ // If you like, set different defaults in your project
6
+
7
+ $default-text-shadow-color: #aaa !default;
8
+ $default-text-shadow-h-offset: 0px !default;
9
+ $default-text-shadow-v-offset: 0px !default;
10
+ $default-text-shadow-blur: 1px !default;
11
+ $default-text-shadow-spread: false !default;
12
+
13
+ // Provides cross-browser text shadows when one or more shadows are needed.
14
+ // Each shadow argument should adhere to the standard css3 syntax for the
15
+ // text-shadow property.
16
+ //
17
+ // Note: if any shadow has a spread parameter, this will cause the mixin
18
+ // to emit the shadow declaration twice, first without the spread,
19
+ // then with the spread included. This allows you to progressively
20
+ // enhance the browsers that do support the spread parameter.
21
+ @mixin text-shadow(
22
+ $shadow-1 : default,
23
+ $shadow-2 : false,
24
+ $shadow-3 : false,
25
+ $shadow-4 : false,
26
+ $shadow-5 : false,
27
+ $shadow-6 : false,
28
+ $shadow-7 : false,
29
+ $shadow-8 : false,
30
+ $shadow-9 : false,
31
+ $shadow-10: false
32
+ ) {
33
+ @if $shadow-1 == default {
34
+ $shadow-1: compact($default-text-shadow-h-offset $default-text-shadow-v-offset $default-text-shadow-blur $default-text-shadow-spread $default-text-shadow-color);
35
+ }
36
+ $shadows-without-spread: join((),(),comma);
37
+ $shadows: join((),(),comma);
38
+ $has-spread: false;
39
+ @each $shadow in compact($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5,
40
+ $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) {
41
+ @if length($shadow) > 4 {
42
+ $has-spread: true;
43
+ $shadows-without-spread: append($shadows-without-spread, nth($shadow,1) nth($shadow,2) nth($shadow,3) nth($shadow,5));
44
+ $shadows: append($shadows, $shadow);
45
+ } else {
46
+ $shadows-without-spread: append($shadows-without-spread, $shadow);
47
+ $shadows: append($shadows, $shadow);
48
+ }
49
+ }
50
+ @if $has-spread {
51
+ text-shadow: $shadows-without-spread;
52
+ }
53
+ text-shadow: $shadows;
54
+ }
55
+
56
+ // Provides a single cross-browser CSS text shadow.
57
+ //
58
+ // Provides sensible defaults for the color, horizontal offset, vertical offset, blur, and spread
59
+ // according to the configuration defaults above.
60
+ @mixin single-text-shadow(
61
+ $hoff: false,
62
+ $voff: false,
63
+ $blur: false,
64
+ $spread: false,
65
+ $color: false
66
+ ) {
67
+ // A lot of people think the color comes first. It doesn't.
68
+ @if type-of($hoff) == color {
69
+ $temp-color: $hoff;
70
+ $hoff: $voff;
71
+ $voff: $blur;
72
+ $blur: $spread;
73
+ $spread: $color;
74
+ $color: $temp-color;
75
+ }
76
+ // Can't rely on default assignment with multiple supported argument orders.
77
+ $hoff: if($hoff, $hoff, $default-text-shadow-h-offset);
78
+ $voff: if($voff, $voff, $default-text-shadow-v-offset);
79
+ $blur: if($blur, $blur, $default-text-shadow-blur );
80
+ $spread: if($spread, $spread, $default-text-shadow-spread );
81
+ $color: if($color, $color, $default-text-shadow-color );
82
+ // We don't need experimental support for this property.
83
+ @if $color == none or $hoff == none {
84
+ @include text-shadow(none);
85
+ } @else {
86
+ @include text-shadow(compact($hoff $voff $blur $spread $color));
87
+ }
88
+ }
@@ -1,87 +1,87 @@
1
- @import "shared";
2
-
3
- @warn "This version of the transform module has been deprecated and will be removed.";
4
-
5
- // CSS Transform and Transform-Origin
6
-
7
- // Apply a transform sent as a complete string.
8
-
9
- @mixin apply-transform($transform) {
10
- @include experimental(transform, $transform,
11
- -moz, -webkit, -o, not(-ms), not(-khtml), official
12
- );
13
- }
14
-
15
- // Apply a transform-origin sent as a complete string.
16
-
17
- @mixin apply-origin($origin) {
18
- @include experimental(transform-origin, $origin,
19
- -moz, -webkit, -o, not(-ms), not(-khtml), official
20
- );
21
- }
22
-
23
- // transform-origin requires x and y coordinates
24
- //
25
- // * only applies the coordinates if they are there so that it can be called by scale, rotate and skew safely
26
-
27
- @mixin transform-origin($originx: 50%, $originy: 50%) {
28
- @if $originx or $originy {
29
- @if $originy {
30
- @include apply-origin($originx or 50% $originy);
31
- } @else {
32
- @include apply-origin($originx);
33
- }
34
- }
35
- }
36
-
37
- // A full transform mixin with everything you could want
38
- //
39
- // * including origin adjustments if you want them
40
- // * scale, rotate and skew require units of degrees(deg)
41
- // * scale takes a multiplier, rotate and skew take degrees
42
-
43
- @mixin transform(
44
- $scale: 1,
45
- $rotate: 0deg,
46
- $transx: 0,
47
- $transy: 0,
48
- $skewx: 0deg,
49
- $skewy: 0deg,
50
- $originx: false,
51
- $originy: false
52
- ) {
53
- $transform : scale($scale) rotate($rotate) translate($transx, $transy) skew($skewx, $skewy);
54
- @include apply-transform($transform);
55
- @include transform-origin($originx, $originy);
56
- }
57
-
58
- // Transform Partials
59
- //
60
- // These work well on their own, but they don't add to each other, they override.
61
- // Use them with extra origin args, or along side +transform-origin
62
-
63
- // Adjust only the scale, with optional origin coordinates
64
-
65
- @mixin scale($scale: 1.25, $originx: false, $originy: false) {
66
- @include apply-transform(scale($scale));
67
- @include transform-origin($originx, $originy);
68
- }
69
-
70
- // Adjust only the rotation, with optional origin coordinates
71
-
72
- @mixin rotate($rotate: 45deg, $originx: false, $originy: false) {
73
- @include apply-transform(rotate($rotate));
74
- @include transform-origin($originx, $originy);
75
- }
76
-
77
- // Adjust only the translation
78
-
79
- @mixin translate($transx: 0, $transy: 0) {
80
- @include apply-transform(translate($transx, $transy));
81
- }
82
-
83
- // Adjust only the skew, with optional origin coordinates
84
- @mixin skew($skewx: 0deg, $skewy: 0deg, $originx: false, $originy: false) {
85
- @include apply-transform(skew($skewx, $skewy));
86
- @include transform-origin($originx, $originy);
87
- }
1
+ @import "shared";
2
+
3
+ @warn "This version of the transform module has been deprecated and will be removed.";
4
+
5
+ // CSS Transform and Transform-Origin
6
+
7
+ // Apply a transform sent as a complete string.
8
+
9
+ @mixin apply-transform($transform) {
10
+ @include experimental(transform, $transform,
11
+ -moz, -webkit, -o, not(-ms), not(-khtml), official
12
+ );
13
+ }
14
+
15
+ // Apply a transform-origin sent as a complete string.
16
+
17
+ @mixin apply-origin($origin) {
18
+ @include experimental(transform-origin, $origin,
19
+ -moz, -webkit, -o, not(-ms), not(-khtml), official
20
+ );
21
+ }
22
+
23
+ // transform-origin requires x and y coordinates
24
+ //
25
+ // * only applies the coordinates if they are there so that it can be called by scale, rotate and skew safely
26
+
27
+ @mixin transform-origin($originx: 50%, $originy: 50%) {
28
+ @if $originx or $originy {
29
+ @if $originy {
30
+ @include apply-origin($originx or 50% $originy);
31
+ } @else {
32
+ @include apply-origin($originx);
33
+ }
34
+ }
35
+ }
36
+
37
+ // A full transform mixin with everything you could want
38
+ //
39
+ // * including origin adjustments if you want them
40
+ // * scale, rotate and skew require units of degrees(deg)
41
+ // * scale takes a multiplier, rotate and skew take degrees
42
+
43
+ @mixin transform(
44
+ $scale: 1,
45
+ $rotate: 0deg,
46
+ $transx: 0,
47
+ $transy: 0,
48
+ $skewx: 0deg,
49
+ $skewy: 0deg,
50
+ $originx: false,
51
+ $originy: false
52
+ ) {
53
+ $transform : scale($scale) rotate($rotate) translate($transx, $transy) skew($skewx, $skewy);
54
+ @include apply-transform($transform);
55
+ @include transform-origin($originx, $originy);
56
+ }
57
+
58
+ // Transform Partials
59
+ //
60
+ // These work well on their own, but they don't add to each other, they override.
61
+ // Use them with extra origin args, or along side +transform-origin
62
+
63
+ // Adjust only the scale, with optional origin coordinates
64
+
65
+ @mixin scale($scale: 1.25, $originx: false, $originy: false) {
66
+ @include apply-transform(scale($scale));
67
+ @include transform-origin($originx, $originy);
68
+ }
69
+
70
+ // Adjust only the rotation, with optional origin coordinates
71
+
72
+ @mixin rotate($rotate: 45deg, $originx: false, $originy: false) {
73
+ @include apply-transform(rotate($rotate));
74
+ @include transform-origin($originx, $originy);
75
+ }
76
+
77
+ // Adjust only the translation
78
+
79
+ @mixin translate($transx: 0, $transy: 0) {
80
+ @include apply-transform(translate($transx, $transy));
81
+ }
82
+
83
+ // Adjust only the skew, with optional origin coordinates
84
+ @mixin skew($skewx: 0deg, $skewy: 0deg, $originx: false, $originy: false) {
85
+ @include apply-transform(skew($skewx, $skewy));
86
+ @include transform-origin($originx, $originy);
87
+ }