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,58 +1,58 @@
|
|
|
1
|
-
// ---------------------------------------------------------------------------
|
|
2
|
-
@include keyframes(rotateIn) {
|
|
3
|
-
0% {
|
|
4
|
-
@include transform-origin(center center);
|
|
5
|
-
@include rotate(-200deg);
|
|
6
|
-
opacity: 0; }
|
|
7
|
-
100% {
|
|
8
|
-
@include transform-origin(center center);
|
|
9
|
-
@include rotate(0);
|
|
10
|
-
opacity: 1; } }
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
// ---------------------------------------------------------------------------
|
|
14
|
-
@include keyframes(rotateInDownLeft) {
|
|
15
|
-
0% {
|
|
16
|
-
@include transform-origin(left bottom);
|
|
17
|
-
@include rotate(-90deg);
|
|
18
|
-
opacity: 0; }
|
|
19
|
-
100% {
|
|
20
|
-
@include transform-origin(left bottom);
|
|
21
|
-
@include rotate(0);
|
|
22
|
-
opacity: 1; } }
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
// ---------------------------------------------------------------------------
|
|
26
|
-
@include keyframes(rotateInUpLeft) {
|
|
27
|
-
0% {
|
|
28
|
-
@include transform-origin(left bottom);
|
|
29
|
-
@include rotate(90deg);
|
|
30
|
-
opacity: 0; }
|
|
31
|
-
100% {
|
|
32
|
-
@include transform-origin(left bottom);
|
|
33
|
-
@include rotate(0);
|
|
34
|
-
opacity: 1; } }
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
// ---------------------------------------------------------------------------
|
|
38
|
-
@include keyframes(rotateInUpRight) {
|
|
39
|
-
0% {
|
|
40
|
-
@include transform-origin(right bottom);
|
|
41
|
-
@include rotate(-90deg);
|
|
42
|
-
opacity: 0; }
|
|
43
|
-
100% {
|
|
44
|
-
@include transform-origin(right bottom);
|
|
45
|
-
@include rotate(0);
|
|
46
|
-
opacity: 1; } }
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
// ---------------------------------------------------------------------------
|
|
50
|
-
@include keyframes(rotateInDownRight) {
|
|
51
|
-
0% {
|
|
52
|
-
@include transform-origin(right bottom);
|
|
53
|
-
@include rotate(90deg);
|
|
54
|
-
opacity: 0; }
|
|
55
|
-
100% {
|
|
56
|
-
@include transform-origin(right bottom);
|
|
57
|
-
@include rotate(0);
|
|
58
|
-
opacity: 1; } }
|
|
1
|
+
// ---------------------------------------------------------------------------
|
|
2
|
+
@include keyframes(rotateIn) {
|
|
3
|
+
0% {
|
|
4
|
+
@include transform-origin(center center);
|
|
5
|
+
@include rotate(-200deg);
|
|
6
|
+
opacity: 0; }
|
|
7
|
+
100% {
|
|
8
|
+
@include transform-origin(center center);
|
|
9
|
+
@include rotate(0);
|
|
10
|
+
opacity: 1; } }
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
// ---------------------------------------------------------------------------
|
|
14
|
+
@include keyframes(rotateInDownLeft) {
|
|
15
|
+
0% {
|
|
16
|
+
@include transform-origin(left bottom);
|
|
17
|
+
@include rotate(-90deg);
|
|
18
|
+
opacity: 0; }
|
|
19
|
+
100% {
|
|
20
|
+
@include transform-origin(left bottom);
|
|
21
|
+
@include rotate(0);
|
|
22
|
+
opacity: 1; } }
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
// ---------------------------------------------------------------------------
|
|
26
|
+
@include keyframes(rotateInUpLeft) {
|
|
27
|
+
0% {
|
|
28
|
+
@include transform-origin(left bottom);
|
|
29
|
+
@include rotate(90deg);
|
|
30
|
+
opacity: 0; }
|
|
31
|
+
100% {
|
|
32
|
+
@include transform-origin(left bottom);
|
|
33
|
+
@include rotate(0);
|
|
34
|
+
opacity: 1; } }
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
// ---------------------------------------------------------------------------
|
|
38
|
+
@include keyframes(rotateInUpRight) {
|
|
39
|
+
0% {
|
|
40
|
+
@include transform-origin(right bottom);
|
|
41
|
+
@include rotate(-90deg);
|
|
42
|
+
opacity: 0; }
|
|
43
|
+
100% {
|
|
44
|
+
@include transform-origin(right bottom);
|
|
45
|
+
@include rotate(0);
|
|
46
|
+
opacity: 1; } }
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
// ---------------------------------------------------------------------------
|
|
50
|
+
@include keyframes(rotateInDownRight) {
|
|
51
|
+
0% {
|
|
52
|
+
@include transform-origin(right bottom);
|
|
53
|
+
@include rotate(90deg);
|
|
54
|
+
opacity: 0; }
|
|
55
|
+
100% {
|
|
56
|
+
@include transform-origin(right bottom);
|
|
57
|
+
@include rotate(0);
|
|
58
|
+
opacity: 1; } }
|
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
// ---------------------------------------------------------------------------
|
|
2
|
-
@include keyframes(rotateOut) {
|
|
3
|
-
0% {
|
|
4
|
-
@include transform-origin(center center);
|
|
5
|
-
@include rotate(0);
|
|
6
|
-
opacity: 1; }
|
|
7
|
-
100% {
|
|
8
|
-
@include transform-origin(center center);
|
|
9
|
-
@include rotate(200deg);
|
|
10
|
-
opacity: 0; } }
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
// ---------------------------------------------------------------------------
|
|
14
|
-
@include keyframes(rotateOutDownLeft) {
|
|
15
|
-
0% {
|
|
16
|
-
@include transform-origin(left bottom);
|
|
17
|
-
@include rotate(0);
|
|
18
|
-
opacity: 1; }
|
|
19
|
-
100% {
|
|
20
|
-
@include transform-origin(left bottom);
|
|
21
|
-
@include rotate(90deg);
|
|
22
|
-
opacity: 0; } }
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
// ---------------------------------------------------------------------------
|
|
26
|
-
@include keyframes(rotateOutUpLeft) {
|
|
27
|
-
0% {
|
|
28
|
-
@include transform-origin(left bottom);
|
|
29
|
-
@include rotate(0);
|
|
30
|
-
opacity: 1; }
|
|
31
|
-
100% {
|
|
32
|
-
@include transform-origin(left bottom);
|
|
33
|
-
@include rotate(-90deg);
|
|
34
|
-
opacity: 0; } }
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
// ---------------------------------------------------------------------------
|
|
38
|
-
@include keyframes(rotateOutDownRight) {
|
|
39
|
-
0% {
|
|
40
|
-
@include transform-origin(right bottom);
|
|
41
|
-
@include rotate(0);
|
|
42
|
-
opacity: 1; }
|
|
43
|
-
100% {
|
|
44
|
-
@include transform-origin(right bottom);
|
|
45
|
-
@include rotate(-90deg);
|
|
46
|
-
opacity: 0; } }
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
// ---------------------------------------------------------------------------
|
|
50
|
-
@include keyframes(rotateOutUpRight) {
|
|
51
|
-
0% {
|
|
52
|
-
@include transform-origin(right bottom);
|
|
53
|
-
@include rotate(0);
|
|
54
|
-
opacity: 1; }
|
|
55
|
-
100% {
|
|
56
|
-
@include transform-origin(right bottom);
|
|
57
|
-
@include rotate(90deg);
|
|
58
|
-
opacity: 0; } }
|
|
1
|
+
// ---------------------------------------------------------------------------
|
|
2
|
+
@include keyframes(rotateOut) {
|
|
3
|
+
0% {
|
|
4
|
+
@include transform-origin(center center);
|
|
5
|
+
@include rotate(0);
|
|
6
|
+
opacity: 1; }
|
|
7
|
+
100% {
|
|
8
|
+
@include transform-origin(center center);
|
|
9
|
+
@include rotate(200deg);
|
|
10
|
+
opacity: 0; } }
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
// ---------------------------------------------------------------------------
|
|
14
|
+
@include keyframes(rotateOutDownLeft) {
|
|
15
|
+
0% {
|
|
16
|
+
@include transform-origin(left bottom);
|
|
17
|
+
@include rotate(0);
|
|
18
|
+
opacity: 1; }
|
|
19
|
+
100% {
|
|
20
|
+
@include transform-origin(left bottom);
|
|
21
|
+
@include rotate(90deg);
|
|
22
|
+
opacity: 0; } }
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
// ---------------------------------------------------------------------------
|
|
26
|
+
@include keyframes(rotateOutUpLeft) {
|
|
27
|
+
0% {
|
|
28
|
+
@include transform-origin(left bottom);
|
|
29
|
+
@include rotate(0);
|
|
30
|
+
opacity: 1; }
|
|
31
|
+
100% {
|
|
32
|
+
@include transform-origin(left bottom);
|
|
33
|
+
@include rotate(-90deg);
|
|
34
|
+
opacity: 0; } }
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
// ---------------------------------------------------------------------------
|
|
38
|
+
@include keyframes(rotateOutDownRight) {
|
|
39
|
+
0% {
|
|
40
|
+
@include transform-origin(right bottom);
|
|
41
|
+
@include rotate(0);
|
|
42
|
+
opacity: 1; }
|
|
43
|
+
100% {
|
|
44
|
+
@include transform-origin(right bottom);
|
|
45
|
+
@include rotate(-90deg);
|
|
46
|
+
opacity: 0; } }
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
// ---------------------------------------------------------------------------
|
|
50
|
+
@include keyframes(rotateOutUpRight) {
|
|
51
|
+
0% {
|
|
52
|
+
@include transform-origin(right bottom);
|
|
53
|
+
@include rotate(0);
|
|
54
|
+
opacity: 1; }
|
|
55
|
+
100% {
|
|
56
|
+
@include transform-origin(right bottom);
|
|
57
|
+
@include rotate(90deg);
|
|
58
|
+
opacity: 0; } }
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
@import "css3/border-radius";
|
|
2
|
-
@import "css3/inline-block";
|
|
3
|
-
@import "css3/opacity";
|
|
4
|
-
@import "css3/box-shadow";
|
|
5
|
-
@import "css3/text-shadow";
|
|
6
|
-
@import "css3/columns";
|
|
7
|
-
@import "css3/box-sizing";
|
|
8
|
-
@import "css3/box";
|
|
9
|
-
@import "css3/images";
|
|
10
|
-
@import "css3/background-clip";
|
|
11
|
-
@import "css3/background-origin";
|
|
12
|
-
@import "css3/background-size";
|
|
13
|
-
@import "css3/font-face";
|
|
14
|
-
@import "css3/transform";
|
|
15
|
-
@import "css3/transition";
|
|
16
|
-
@import "css3/appearance";
|
|
17
|
-
@import "css3/regions";
|
|
18
|
-
@import "css3/hyphenation";
|
|
19
|
-
@import "css3/filter";
|
|
20
|
-
@import "css3/pie";
|
|
21
|
-
@import "css3/user-interface";
|
|
1
|
+
@import "css3/border-radius";
|
|
2
|
+
@import "css3/inline-block";
|
|
3
|
+
@import "css3/opacity";
|
|
4
|
+
@import "css3/box-shadow";
|
|
5
|
+
@import "css3/text-shadow";
|
|
6
|
+
@import "css3/columns";
|
|
7
|
+
@import "css3/box-sizing";
|
|
8
|
+
@import "css3/box";
|
|
9
|
+
@import "css3/images";
|
|
10
|
+
@import "css3/background-clip";
|
|
11
|
+
@import "css3/background-origin";
|
|
12
|
+
@import "css3/background-size";
|
|
13
|
+
@import "css3/font-face";
|
|
14
|
+
@import "css3/transform";
|
|
15
|
+
@import "css3/transition";
|
|
16
|
+
@import "css3/appearance";
|
|
17
|
+
@import "css3/regions";
|
|
18
|
+
@import "css3/hyphenation";
|
|
19
|
+
@import "css3/filter";
|
|
20
|
+
@import "css3/pie";
|
|
21
|
+
@import "css3/user-interface";
|
|
22
22
|
@import "css3/flexbox";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
@import "functions/lists";
|
|
2
|
-
@import "functions/cross_browser_support";
|
|
3
|
-
@import "functions/gradient_support";
|
|
4
|
-
@import "functions/constants";
|
|
5
|
-
@import "functions/display";
|
|
6
|
-
@import "functions/colors";
|
|
7
|
-
@import "functions/font_files";
|
|
1
|
+
@import "functions/lists";
|
|
2
|
+
@import "functions/cross_browser_support";
|
|
3
|
+
@import "functions/gradient_support";
|
|
4
|
+
@import "functions/constants";
|
|
5
|
+
@import "functions/display";
|
|
6
|
+
@import "functions/colors";
|
|
7
|
+
@import "functions/font_files";
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
@import "layout/grid-background";
|
|
2
|
-
@import "layout/sticky-footer";
|
|
3
|
-
@import "layout/stretching";
|
|
1
|
+
@import "layout/grid-background";
|
|
2
|
+
@import "layout/sticky-footer";
|
|
3
|
+
@import "layout/stretching";
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
@import "reset/utilities-legacy";
|
|
2
|
-
|
|
3
|
-
@include global-reset;
|
|
1
|
+
@import "reset/utilities-legacy";
|
|
2
|
+
|
|
3
|
+
@include global-reset;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
@import "reset/utilities";
|
|
2
|
-
|
|
3
|
-
@include global-reset;
|
|
1
|
+
@import "reset/utilities";
|
|
2
|
+
|
|
3
|
+
@include global-reset;
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
// Usually compass hacks apply to both ie6 & 7 -- set this to false to disable support for both.
|
|
2
|
-
$legacy-support-for-ie: true !default;
|
|
3
|
-
|
|
4
|
-
// Setting this to false will result in smaller output, but no support for ie6 hacks
|
|
5
|
-
$legacy-support-for-ie6: $legacy-support-for-ie !default;
|
|
6
|
-
|
|
7
|
-
// Setting this to false will result in smaller output, but no support for ie7 hacks
|
|
8
|
-
$legacy-support-for-ie7: $legacy-support-for-ie !default;
|
|
9
|
-
|
|
10
|
-
// Setting this to false will result in smaller output, but no support for legacy ie8 hacks
|
|
11
|
-
$legacy-support-for-ie8: $legacy-support-for-ie !default;
|
|
12
|
-
|
|
13
|
-
// @private
|
|
14
|
-
// The user can simply set $legacy-support-for-ie and 6, 7, and 8 will be set accordingly,
|
|
15
|
-
// But in case the user set each of those explicitly, we need to sync the value of
|
|
16
|
-
// this combined variable.
|
|
17
|
-
$legacy-support-for-ie: $legacy-support-for-ie6 or $legacy-support-for-ie7 or $legacy-support-for-ie8;
|
|
18
|
-
|
|
19
|
-
// Whether to output legacy support for mozilla.
|
|
20
|
-
// Usually this means hacks to support Firefox 3.6 or earlier.
|
|
21
|
-
$legacy-support-for-mozilla: true;
|
|
22
|
-
|
|
23
|
-
// Support for mozilla in experimental css3 properties (-moz).
|
|
24
|
-
$experimental-support-for-mozilla : true !default;
|
|
25
|
-
// Support for webkit in experimental css3 properties (-webkit).
|
|
26
|
-
$experimental-support-for-webkit : true !default;
|
|
27
|
-
// Support for webkit's original (non-standard) gradient syntax.
|
|
28
|
-
$support-for-original-webkit-gradients : true !default;
|
|
29
|
-
// Support for opera in experimental css3 properties (-o).
|
|
30
|
-
$experimental-support-for-opera : true !default;
|
|
31
|
-
// Support for microsoft in experimental css3 properties (-ms).
|
|
32
|
-
$experimental-support-for-microsoft : true !default;
|
|
33
|
-
// Support for khtml in experimental css3 properties (-khtml).
|
|
34
|
-
$experimental-support-for-khtml : false !default;
|
|
35
|
-
// Support for svg in experimental css3 properties.
|
|
36
|
-
// Setting this to true might add significant size to your
|
|
37
|
-
// generated stylesheets.
|
|
38
|
-
$experimental-support-for-svg : false !default;
|
|
39
|
-
// Support for CSS PIE in experimental css3 properties (-pie).
|
|
40
|
-
$experimental-support-for-pie : false !default;
|
|
1
|
+
// Usually compass hacks apply to both ie6 & 7 -- set this to false to disable support for both.
|
|
2
|
+
$legacy-support-for-ie: true !default;
|
|
3
|
+
|
|
4
|
+
// Setting this to false will result in smaller output, but no support for ie6 hacks
|
|
5
|
+
$legacy-support-for-ie6: $legacy-support-for-ie !default;
|
|
6
|
+
|
|
7
|
+
// Setting this to false will result in smaller output, but no support for ie7 hacks
|
|
8
|
+
$legacy-support-for-ie7: $legacy-support-for-ie !default;
|
|
9
|
+
|
|
10
|
+
// Setting this to false will result in smaller output, but no support for legacy ie8 hacks
|
|
11
|
+
$legacy-support-for-ie8: $legacy-support-for-ie !default;
|
|
12
|
+
|
|
13
|
+
// @private
|
|
14
|
+
// The user can simply set $legacy-support-for-ie and 6, 7, and 8 will be set accordingly,
|
|
15
|
+
// But in case the user set each of those explicitly, we need to sync the value of
|
|
16
|
+
// this combined variable.
|
|
17
|
+
$legacy-support-for-ie: $legacy-support-for-ie6 or $legacy-support-for-ie7 or $legacy-support-for-ie8;
|
|
18
|
+
|
|
19
|
+
// Whether to output legacy support for mozilla.
|
|
20
|
+
// Usually this means hacks to support Firefox 3.6 or earlier.
|
|
21
|
+
$legacy-support-for-mozilla: true;
|
|
22
|
+
|
|
23
|
+
// Support for mozilla in experimental css3 properties (-moz).
|
|
24
|
+
$experimental-support-for-mozilla : true !default;
|
|
25
|
+
// Support for webkit in experimental css3 properties (-webkit).
|
|
26
|
+
$experimental-support-for-webkit : true !default;
|
|
27
|
+
// Support for webkit's original (non-standard) gradient syntax.
|
|
28
|
+
$support-for-original-webkit-gradients : true !default;
|
|
29
|
+
// Support for opera in experimental css3 properties (-o).
|
|
30
|
+
$experimental-support-for-opera : true !default;
|
|
31
|
+
// Support for microsoft in experimental css3 properties (-ms).
|
|
32
|
+
$experimental-support-for-microsoft : true !default;
|
|
33
|
+
// Support for khtml in experimental css3 properties (-khtml).
|
|
34
|
+
$experimental-support-for-khtml : false !default;
|
|
35
|
+
// Support for svg in experimental css3 properties.
|
|
36
|
+
// Setting this to true might add significant size to your
|
|
37
|
+
// generated stylesheets.
|
|
38
|
+
$experimental-support-for-svg : false !default;
|
|
39
|
+
// Support for CSS PIE in experimental css3 properties (-pie).
|
|
40
|
+
$experimental-support-for-pie : false !default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import "typography/links";
|
|
2
|
-
@import "typography/lists";
|
|
3
|
-
@import "typography/text";
|
|
4
|
-
@import "typography/vertical_rhythm";
|
|
1
|
+
@import "typography/links";
|
|
2
|
+
@import "typography/lists";
|
|
3
|
+
@import "typography/text";
|
|
4
|
+
@import "typography/vertical_rhythm";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
@import "utilities/color";
|
|
2
|
-
@import "utilities/general";
|
|
3
|
-
@import "utilities/sprites";
|
|
4
|
-
@import "utilities/tables";
|
|
5
|
-
|
|
6
|
-
// deprecated
|
|
7
|
-
@import "typography/links";
|
|
8
|
-
@import "typography/lists";
|
|
9
|
-
@import "typography/text";
|
|
1
|
+
@import "utilities/color";
|
|
2
|
+
@import "utilities/general";
|
|
3
|
+
@import "utilities/sprites";
|
|
4
|
+
@import "utilities/tables";
|
|
5
|
+
|
|
6
|
+
// deprecated
|
|
7
|
+
@import "typography/links";
|
|
8
|
+
@import "typography/lists";
|
|
9
|
+
@import "typography/text";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
// Core imported by default. You can also import 'animate' for predefined animations.
|
|
2
|
-
@import "animation/core";
|
|
1
|
+
// Core imported by default. You can also import 'animate' for predefined animations.
|
|
2
|
+
@import "animation/core";
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
@import "shared";
|
|
2
|
-
|
|
3
|
-
// Change the appearance for Mozilla, Webkit and possibly the future.
|
|
4
|
-
// The appearance property is currently not present in any newer CSS specification.
|
|
5
|
-
//
|
|
6
|
-
// There is no official list of accepted values, but you might check these source:
|
|
7
|
-
// Mozilla : https://developer.mozilla.org/en/CSS/-moz-appearance
|
|
8
|
-
// Webkit : http://code.google.com/p/webkit-mirror/source/browse/Source/WebCore/css/CSSValueKeywords.in?spec=svnf1aea559dcd025a8946aa7da6e4e8306f5c1b604&r=63c7d1af44430b314233fea342c3ddb2a052e365
|
|
9
|
-
// (search for 'appearance' within the page)
|
|
10
|
-
|
|
11
|
-
@mixin appearance($ap) {
|
|
12
|
-
$ap: unquote($ap);
|
|
13
|
-
@include experimental(appearance, $ap,
|
|
14
|
-
-moz, -webkit, not(-o), not(-ms), not(-khtml), official
|
|
15
|
-
);
|
|
16
|
-
}
|
|
1
|
+
@import "shared";
|
|
2
|
+
|
|
3
|
+
// Change the appearance for Mozilla, Webkit and possibly the future.
|
|
4
|
+
// The appearance property is currently not present in any newer CSS specification.
|
|
5
|
+
//
|
|
6
|
+
// There is no official list of accepted values, but you might check these source:
|
|
7
|
+
// Mozilla : https://developer.mozilla.org/en/CSS/-moz-appearance
|
|
8
|
+
// Webkit : http://code.google.com/p/webkit-mirror/source/browse/Source/WebCore/css/CSSValueKeywords.in?spec=svnf1aea559dcd025a8946aa7da6e4e8306f5c1b604&r=63c7d1af44430b314233fea342c3ddb2a052e365
|
|
9
|
+
// (search for 'appearance' within the page)
|
|
10
|
+
|
|
11
|
+
@mixin appearance($ap) {
|
|
12
|
+
$ap: unquote($ap);
|
|
13
|
+
@include experimental(appearance, $ap,
|
|
14
|
+
-moz, -webkit, not(-o), not(-ms), not(-khtml), official
|
|
15
|
+
);
|
|
16
|
+
}
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
@import "shared";
|
|
2
|
-
|
|
3
|
-
// The default value is `padding-box` -- the box model used by modern browsers.
|
|
4
|
-
//
|
|
5
|
-
// If you wish to do so, you can override the default constant with `border-box`
|
|
6
|
-
//
|
|
7
|
-
// To override to the default border-box model, use this code:
|
|
8
|
-
// $default-background-clip: border-box
|
|
9
|
-
|
|
10
|
-
$default-background-clip: padding-box !default;
|
|
11
|
-
|
|
12
|
-
// Clip the background (image and color) at the edge of the padding or border.
|
|
13
|
-
//
|
|
14
|
-
// Legal Values:
|
|
15
|
-
//
|
|
16
|
-
// * padding-box
|
|
17
|
-
// * border-box
|
|
18
|
-
// * text
|
|
19
|
-
|
|
20
|
-
@mixin background-clip($clip: $default-background-clip) {
|
|
21
|
-
// webkit and mozilla use the deprecated short [border | padding]
|
|
22
|
-
$clip: unquote($clip);
|
|
23
|
-
$deprecated: $clip;
|
|
24
|
-
@if $clip == padding-box { $deprecated: padding; }
|
|
25
|
-
@if $clip == border-box { $deprecated: border; }
|
|
26
|
-
// Support for webkit and mozilla's use of the deprecated short form
|
|
27
|
-
@include experimental(background-clip, $deprecated,
|
|
28
|
-
-moz,
|
|
29
|
-
-webkit,
|
|
30
|
-
not(-o),
|
|
31
|
-
not(-ms),
|
|
32
|
-
not(-khtml),
|
|
33
|
-
not official
|
|
34
|
-
);
|
|
35
|
-
@include experimental(background-clip, $clip,
|
|
36
|
-
not(-moz),
|
|
37
|
-
not(-webkit),
|
|
38
|
-
not(-o),
|
|
39
|
-
not(-ms),
|
|
40
|
-
-khtml,
|
|
41
|
-
official
|
|
42
|
-
);
|
|
43
|
-
}
|
|
1
|
+
@import "shared";
|
|
2
|
+
|
|
3
|
+
// The default value is `padding-box` -- the box model used by modern browsers.
|
|
4
|
+
//
|
|
5
|
+
// If you wish to do so, you can override the default constant with `border-box`
|
|
6
|
+
//
|
|
7
|
+
// To override to the default border-box model, use this code:
|
|
8
|
+
// $default-background-clip: border-box
|
|
9
|
+
|
|
10
|
+
$default-background-clip: padding-box !default;
|
|
11
|
+
|
|
12
|
+
// Clip the background (image and color) at the edge of the padding or border.
|
|
13
|
+
//
|
|
14
|
+
// Legal Values:
|
|
15
|
+
//
|
|
16
|
+
// * padding-box
|
|
17
|
+
// * border-box
|
|
18
|
+
// * text
|
|
19
|
+
|
|
20
|
+
@mixin background-clip($clip: $default-background-clip) {
|
|
21
|
+
// webkit and mozilla use the deprecated short [border | padding]
|
|
22
|
+
$clip: unquote($clip);
|
|
23
|
+
$deprecated: $clip;
|
|
24
|
+
@if $clip == padding-box { $deprecated: padding; }
|
|
25
|
+
@if $clip == border-box { $deprecated: border; }
|
|
26
|
+
// Support for webkit and mozilla's use of the deprecated short form
|
|
27
|
+
@include experimental(background-clip, $deprecated,
|
|
28
|
+
-moz,
|
|
29
|
+
-webkit,
|
|
30
|
+
not(-o),
|
|
31
|
+
not(-ms),
|
|
32
|
+
not(-khtml),
|
|
33
|
+
not official
|
|
34
|
+
);
|
|
35
|
+
@include experimental(background-clip, $clip,
|
|
36
|
+
not(-moz),
|
|
37
|
+
not(-webkit),
|
|
38
|
+
not(-o),
|
|
39
|
+
not(-ms),
|
|
40
|
+
-khtml,
|
|
41
|
+
official
|
|
42
|
+
);
|
|
43
|
+
}
|
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
// Override `$default-background-origin` to change the default.
|
|
2
|
-
|
|
3
|
-
@import "shared";
|
|
4
|
-
|
|
5
|
-
$default-background-origin: content-box !default;
|
|
6
|
-
|
|
7
|
-
// Position the background off the edge of the padding, border or content
|
|
8
|
-
//
|
|
9
|
-
// * Possible values:
|
|
10
|
-
// * `padding-box`
|
|
11
|
-
// * `border-box`
|
|
12
|
-
// * `content-box`
|
|
13
|
-
// * browser defaults to `padding-box`
|
|
14
|
-
// * mixin defaults to `content-box`
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
@mixin background-origin($origin: $default-background-origin) {
|
|
18
|
-
$origin: unquote($origin);
|
|
19
|
-
// webkit and mozilla use the deprecated short [border | padding | content]
|
|
20
|
-
$deprecated: $origin;
|
|
21
|
-
@if $origin == padding-box { $deprecated: padding; }
|
|
22
|
-
@if $origin == border-box { $deprecated: border; }
|
|
23
|
-
@if $origin == content-box { $deprecated: content; }
|
|
24
|
-
|
|
25
|
-
// Support for webkit and mozilla's use of the deprecated short form
|
|
26
|
-
@include experimental(background-origin, $deprecated,
|
|
27
|
-
-moz,
|
|
28
|
-
-webkit,
|
|
29
|
-
not(-o),
|
|
30
|
-
not(-ms),
|
|
31
|
-
not(-khtml),
|
|
32
|
-
not official
|
|
33
|
-
);
|
|
34
|
-
@include experimental(background-origin, $origin,
|
|
35
|
-
not(-moz),
|
|
36
|
-
not(-webkit),
|
|
37
|
-
-o,
|
|
38
|
-
-ms,
|
|
39
|
-
-khtml,
|
|
40
|
-
official
|
|
41
|
-
);
|
|
42
|
-
}
|
|
1
|
+
// Override `$default-background-origin` to change the default.
|
|
2
|
+
|
|
3
|
+
@import "shared";
|
|
4
|
+
|
|
5
|
+
$default-background-origin: content-box !default;
|
|
6
|
+
|
|
7
|
+
// Position the background off the edge of the padding, border or content
|
|
8
|
+
//
|
|
9
|
+
// * Possible values:
|
|
10
|
+
// * `padding-box`
|
|
11
|
+
// * `border-box`
|
|
12
|
+
// * `content-box`
|
|
13
|
+
// * browser defaults to `padding-box`
|
|
14
|
+
// * mixin defaults to `content-box`
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
@mixin background-origin($origin: $default-background-origin) {
|
|
18
|
+
$origin: unquote($origin);
|
|
19
|
+
// webkit and mozilla use the deprecated short [border | padding | content]
|
|
20
|
+
$deprecated: $origin;
|
|
21
|
+
@if $origin == padding-box { $deprecated: padding; }
|
|
22
|
+
@if $origin == border-box { $deprecated: border; }
|
|
23
|
+
@if $origin == content-box { $deprecated: content; }
|
|
24
|
+
|
|
25
|
+
// Support for webkit and mozilla's use of the deprecated short form
|
|
26
|
+
@include experimental(background-origin, $deprecated,
|
|
27
|
+
-moz,
|
|
28
|
+
-webkit,
|
|
29
|
+
not(-o),
|
|
30
|
+
not(-ms),
|
|
31
|
+
not(-khtml),
|
|
32
|
+
not official
|
|
33
|
+
);
|
|
34
|
+
@include experimental(background-origin, $origin,
|
|
35
|
+
not(-moz),
|
|
36
|
+
not(-webkit),
|
|
37
|
+
-o,
|
|
38
|
+
-ms,
|
|
39
|
+
-khtml,
|
|
40
|
+
official
|
|
41
|
+
);
|
|
42
|
+
}
|