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.
- package/README.md +25 -25
- package/assets/fonts/Lato/Lato-Black.ttf +0 -0
- package/assets/fonts/Lato/Lato-BlackItalic.ttf +0 -0
- package/assets/fonts/Lato/Lato-Bold.ttf +0 -0
- package/assets/fonts/Lato/Lato-BoldItalic.ttf +0 -0
- package/assets/fonts/Lato/Lato-Hairline.ttf +0 -0
- package/assets/fonts/Lato/Lato-HairlineItalic.ttf +0 -0
- package/assets/fonts/Lato/Lato-Italic.ttf +0 -0
- package/assets/fonts/Lato/Lato-Light.ttf +0 -0
- package/assets/fonts/Lato/Lato-LightItalic.ttf +0 -0
- package/assets/fonts/Lato/Lato-Regular.ttf +0 -0
- package/assets/fonts/Lato/OFL.txt +0 -0
- package/assets/interface/documents.svg +136 -136
- package/assets/interface/icons/alert-success.svg +17 -17
- package/assets/interface/icons/arrow-left.svg +8 -8
- package/assets/interface/icons/arrow-right-02.svg +10 -10
- package/assets/interface/icons/arrow-right.svg +8 -8
- package/assets/interface/icons/basic-check-magenta.svg +1 -1
- package/assets/interface/icons/bulb-example.svg +20 -20
- package/assets/interface/icons/bulb-tip.svg +32 -32
- package/assets/interface/icons/check-green-circle-large.svg +23 -23
- package/assets/interface/icons/check-green.svg +16 -16
- package/assets/interface/icons/check-purple.svg +20 -20
- package/assets/interface/icons/cloud-download.svg +20 -20
- package/assets/interface/icons/document-pdf.svg +13 -13
- package/assets/interface/icons/document-review.svg +20 -20
- package/assets/interface/icons/document-status-approved.svg +21 -21
- package/assets/interface/icons/document-status-empty.svg +18 -18
- package/assets/interface/icons/document-status-error.svg +23 -23
- package/assets/interface/icons/document-status-success.svg +19 -19
- package/assets/interface/icons/eye-action.svg +1 -1
- package/assets/interface/icons/hand-stop.svg +19 -19
- package/assets/interface/icons/happy-01.svg +0 -0
- package/assets/interface/icons/happy-02.svg +0 -0
- package/assets/interface/icons/happy-03.svg +0 -0
- package/assets/interface/icons/happy-04.svg +0 -0
- package/assets/interface/icons/happy-05.svg +0 -0
- package/assets/interface/icons/heart.svg +13 -13
- package/assets/interface/icons/intercom-messenger-icon.svg +1 -1
- package/assets/interface/icons/lock-icon.svg +1 -1
- package/assets/interface/icons/mail-circle.svg +32 -32
- package/assets/interface/icons/mail-edit.svg +20 -20
- package/assets/interface/icons/pen-edit.svg +22 -22
- package/assets/interface/icons/plus-circle.svg +22 -22
- package/assets/interface/icons/question-sign.svg +10 -10
- package/assets/interface/icons/shield.svg +31 -31
- package/assets/interface/icons/signature-modal-approved.svg +17 -17
- package/assets/interface/icons/signature-modal-waiting.svg +23 -23
- package/assets/interface/icons/signature-pending.svg +25 -25
- package/assets/interface/icons/signature-step-active.svg +19 -19
- package/assets/interface/icons/signature-step-completed.svg +19 -19
- package/assets/interface/icons/signature-step-default.svg +19 -19
- package/assets/interface/icons/skull.svg +23 -23
- package/assets/interface/icons/step-incomplete.svg +18 -18
- package/assets/interface/icons/trash-delete.svg +20 -20
- package/assets/interface/icons/warning-sign.svg +22 -22
- package/assets/interface/icons/x-circle.svg +14 -14
- package/assets/interface/sempli_2.0/17-dale_superpoderes.jpeg +0 -0
- package/assets/interface/sempli_2.0/17-dale_superpoderes.webp +0 -0
- package/assets/interface/sempli_2.0/5-seguridad-y-control-min.png +0 -0
- package/assets/interface/sempli_2.0/5-seguridad-y-control-min.webp +0 -0
- package/assets/interface/sempli_2.0/7-financia-tu-capital-de-trabajo2-01.webp +0 -0
- package/assets/interface/sempli_2.0/7-financia-tu-capital-de-trabajo2.webp +0 -0
- package/assets/interface/sempli_2.0/credito-a-termino.jpg +0 -0
- package/assets/interface/sempli_2.0/credito-a-termino.webp +0 -0
- package/assets/interface/sempli_2.0/credito-flexi-sub-img.jpg +0 -0
- package/assets/interface/sempli_2.0/credito-flexi-sub-img.webp +0 -0
- package/assets/interface/sempli_2.0/dale_superpoderes.jpg +0 -0
- package/assets/interface/sempli_2.0/dale_superpoderes.webp +0 -0
- package/assets/interface/sempli_2.0/flexi-01.webp +0 -0
- package/assets/interface/sempli_2.0/video-hero-main.mp4 +0 -0
- package/assets/interface/sempli_2.0/video-main.mp4 +0 -0
- package/assets/interface/sempli_2.0/video-main.webm +0 -0
- package/esm2022/lib/sempli-website-lib.module.mjs +5 -5
- package/esm2022/public-api.mjs +1 -1
- package/fesm2022/sempli-website-lib.mjs +4 -4
- package/fesm2022/sempli-website-lib.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/_main.scss +2 -2
- package/styles/master-app.scss +17839 -18114
- package/styles/master-landing.scss +20644 -20834
- package/styles/modules/_functions.scss +37 -37
- package/styles/modules/_mixins.scss +68 -68
- package/styles/modules/_variables.scss +54 -54
- package/styles/partials/_base.scss +277 -277
- package/styles/partials/_buttons.scss +446 -453
- package/styles/partials/_fonts.scss +83 -83
- package/styles/partials/_forms.scss +839 -1107
- package/styles/partials/_icons.scss +12 -12
- package/styles/partials/_layout.scss +149 -149
- package/styles/partials/_modals.scss +254 -254
- package/styles/partials/_panels.scss +51 -51
- package/styles/partials/_progress-bars.scss +60 -60
- package/styles/partials/_tooltips.scss +128 -128
- package/styles/partials/_videos.scss +32 -32
- package/styles/partials/animations.scss +155 -155
- package/styles/partials/app/_blocks.scss +101 -101
- package/styles/partials/app/_cards.scss +155 -155
- package/styles/partials/app/_general.scss +1193 -1193
- package/styles/partials/app/_header.scss +713 -713
- package/styles/partials/app/_layout.scss +219 -219
- package/styles/partials/app/_my-account.scss +203 -203
- package/styles/partials/app/_my-loan-applications.scss +165 -165
- package/styles/partials/app/_my-products.scss +1019 -1019
- package/styles/partials/app/_signatures.scss +16 -16
- package/styles/partials/landing/_footer.scss +234 -234
- package/styles/partials/landing/_general.scss +2612 -2527
- package/styles/partials/landing/_header.scss +968 -968
- package/styles/partials/landing/_hero-wrappers.scss +650 -650
- package/styles/vendor/_animate.scss +3 -3
- package/styles/vendor/_compass.scss +4 -4
- package/styles/vendor/_lemonade.scss +37 -37
- package/styles/vendor/_modules_export.scss +11212 -11212
- package/styles/vendor/_normalize.scss +341 -341
- package/styles/vendor/animation/_animate.scss +31 -31
- package/styles/vendor/animation/_core.scss +127 -127
- package/styles/vendor/animation/_shared.scss +21 -21
- package/styles/vendor/animation/animate/_attention-seekers.scss +151 -151
- package/styles/vendor/animation/animate/_bouncing.scss +2 -2
- package/styles/vendor/animation/animate/_classes.scss +21 -21
- package/styles/vendor/animation/animate/_fading.scss +2 -2
- package/styles/vendor/animation/animate/_flippers.scss +87 -87
- package/styles/vendor/animation/animate/_lightspeed.scss +23 -23
- package/styles/vendor/animation/animate/_rotating.scss +3 -3
- package/styles/vendor/animation/animate/_specials.scss +42 -42
- package/styles/vendor/animation/animate/bouncing/_bouncing-entrances.scss +68 -68
- package/styles/vendor/animation/animate/bouncing/_bouncing-exits.scss +60 -60
- package/styles/vendor/animation/animate/fading/_fading-entrances.scss +86 -86
- package/styles/vendor/animation/animate/fading/_fading-exits.scss +86 -86
- package/styles/vendor/animation/animate/rotating/_rotating-entrances.scss +58 -58
- package/styles/vendor/animation/animate/rotating/_rotating-exits.scss +58 -58
- package/styles/vendor/compass/_css3.scss +21 -21
- package/styles/vendor/compass/_functions.scss +7 -7
- package/styles/vendor/compass/_layout.scss +3 -3
- package/styles/vendor/compass/_reset-legacy.scss +3 -3
- package/styles/vendor/compass/_reset.scss +3 -3
- package/styles/vendor/compass/_support.scss +40 -40
- package/styles/vendor/compass/_typography.scss +4 -4
- package/styles/vendor/compass/_utilities.scss +9 -9
- package/styles/vendor/compass/css3/_animation.scss +2 -2
- package/styles/vendor/compass/css3/_appearance.scss +16 -16
- package/styles/vendor/compass/css3/_background-clip.scss +43 -43
- package/styles/vendor/compass/css3/_background-origin.scss +42 -42
- package/styles/vendor/compass/css3/_background-size.scss +26 -26
- package/styles/vendor/compass/css3/_border-radius.scss +130 -130
- package/styles/vendor/compass/css3/_box-shadow.scss +76 -76
- package/styles/vendor/compass/css3/_box-sizing.scss +18 -18
- package/styles/vendor/compass/css3/_box.scss +110 -110
- package/styles/vendor/compass/css3/_columns.scss +157 -157
- package/styles/vendor/compass/css3/_filter.scss +24 -24
- package/styles/vendor/compass/css3/_flexbox.scss +86 -86
- package/styles/vendor/compass/css3/_font-face.scss +48 -48
- package/styles/vendor/compass/css3/_hyphenation.scss +77 -77
- package/styles/vendor/compass/css3/_images.scss +133 -133
- package/styles/vendor/compass/css3/_inline-block.scss +22 -22
- package/styles/vendor/compass/css3/_opacity.scss +19 -19
- package/styles/vendor/compass/css3/_pie.scss +73 -73
- package/styles/vendor/compass/css3/_regions.scss +21 -21
- package/styles/vendor/compass/css3/_shared.scss +38 -38
- package/styles/vendor/compass/css3/_text-shadow.scss +88 -88
- package/styles/vendor/compass/css3/_transform-legacy.scss +87 -87
- package/styles/vendor/compass/css3/_transform.scss +598 -598
- package/styles/vendor/compass/css3/_transition.scss +222 -222
- package/styles/vendor/compass/css3/_user-interface.scss +47 -47
- package/styles/vendor/compass/functions/_colors.scss +37 -37
- package/styles/vendor/compass/functions/_constants.scss +18 -18
- package/styles/vendor/compass/functions/_cross_browser_support.scss +72 -72
- package/styles/vendor/compass/functions/_display.scss +36 -36
- package/styles/vendor/compass/functions/_font_files.scss +95 -95
- package/styles/vendor/compass/functions/_gradient_support.scss +14 -14
- package/styles/vendor/compass/functions/_lists.scss +90 -90
- package/styles/vendor/compass/layout/_grid-background.scss +178 -178
- package/styles/vendor/compass/layout/_sticky-footer.scss +23 -23
- package/styles/vendor/compass/layout/_stretching.scss +23 -23
- package/styles/vendor/compass/reset/_utilities-legacy.scss +135 -135
- package/styles/vendor/compass/reset/_utilities.scss +142 -142
- package/styles/vendor/compass/typography/_links.scss +3 -3
- package/styles/vendor/compass/typography/_lists.scss +4 -4
- package/styles/vendor/compass/typography/_text.scss +4 -4
- package/styles/vendor/compass/typography/_vertical_rhythm.scss +229 -229
- package/styles/vendor/compass/typography/links/_hover-link.scss +5 -5
- package/styles/vendor/compass/typography/links/_link-colors.scss +28 -28
- package/styles/vendor/compass/typography/links/_unstyled-link.scss +7 -7
- package/styles/vendor/compass/typography/lists/_bullets.scss +34 -34
- package/styles/vendor/compass/typography/lists/_horizontal-list.scss +61 -61
- package/styles/vendor/compass/typography/lists/_inline-block-list.scss +50 -50
- package/styles/vendor/compass/typography/lists/_inline-list.scss +44 -44
- package/styles/vendor/compass/typography/text/_ellipsis.scss +25 -25
- package/styles/vendor/compass/typography/text/_force-wrap.scss +12 -12
- package/styles/vendor/compass/typography/text/_nowrap.scss +2 -2
- package/styles/vendor/compass/typography/text/_replacement.scss +68 -68
- package/styles/vendor/compass/utilities/_general.scss +6 -6
- package/styles/vendor/compass/utilities/_links.scss +5 -5
- package/styles/vendor/compass/utilities/_lists.scss +6 -6
- package/styles/vendor/compass/utilities/_print.scss +17 -17
- package/styles/vendor/compass/utilities/_sprites.scss +2 -2
- package/styles/vendor/compass/utilities/_tables.scss +3 -3
- package/styles/vendor/compass/utilities/_text.scss +5 -5
- package/styles/vendor/compass/utilities/color/_contrast.scss +27 -27
- package/styles/vendor/compass/utilities/general/_clearfix.scss +44 -44
- package/styles/vendor/compass/utilities/general/_float.scss +29 -29
- package/styles/vendor/compass/utilities/general/_hacks.scss +47 -47
- package/styles/vendor/compass/utilities/general/_min.scss +16 -16
- package/styles/vendor/compass/utilities/general/_reset.scss +2 -2
- package/styles/vendor/compass/utilities/general/_tabs.scss +1 -1
- package/styles/vendor/compass/utilities/general/_tag-cloud.scss +18 -18
- package/styles/vendor/compass/utilities/links/_hover-link.scss +3 -3
- package/styles/vendor/compass/utilities/links/_link-colors.scss +3 -3
- package/styles/vendor/compass/utilities/links/_unstyled-link.scss +3 -3
- package/styles/vendor/compass/utilities/lists/_bullets.scss +3 -3
- package/styles/vendor/compass/utilities/lists/_horizontal-list.scss +3 -3
- package/styles/vendor/compass/utilities/lists/_inline-block-list.scss +3 -3
- package/styles/vendor/compass/utilities/lists/_inline-list.scss +3 -3
- package/styles/vendor/compass/utilities/sprites/_base.scss +65 -65
- package/styles/vendor/compass/utilities/sprites/_sprite-img.scss +78 -78
- package/styles/vendor/compass/utilities/tables/_alternating-rows-and-columns.scss +22 -22
- package/styles/vendor/compass/utilities/tables/_borders.scss +33 -33
- package/styles/vendor/compass/utilities/tables/_scaffolding.scss +9 -9
- package/styles/vendor/compass/utilities/text/_ellipsis.scss +3 -3
- package/styles/vendor/compass/utilities/text/_nowrap.scss +3 -3
- package/styles/vendor/compass/utilities/text/_replacement.scss +3 -3
- package/assets/interface/icons/check-circle.svg +0 -1
- package/assets/interface/icons/x-circle-alert.svg +0 -1
- 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
|
+
}
|