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,26 +1,26 @@
|
|
|
1
|
-
@import "shared";
|
|
2
|
-
|
|
3
|
-
// override to change the default
|
|
4
|
-
$default-background-size: 100% auto !default;
|
|
5
|
-
|
|
6
|
-
// Set the size of background images using px, width and height, or percentages.
|
|
7
|
-
// Currently supported in: Opera, Gecko, Webkit.
|
|
8
|
-
//
|
|
9
|
-
// * percentages are relative to the background-origin (default = padding-box)
|
|
10
|
-
// * mixin defaults to: `$default-background-size`
|
|
11
|
-
@mixin background-size(
|
|
12
|
-
$size-1: $default-background-size,
|
|
13
|
-
$size-2: false,
|
|
14
|
-
$size-3: false,
|
|
15
|
-
$size-4: false,
|
|
16
|
-
$size-5: false,
|
|
17
|
-
$size-6: false,
|
|
18
|
-
$size-7: false,
|
|
19
|
-
$size-8: false,
|
|
20
|
-
$size-9: false,
|
|
21
|
-
$size-10: false
|
|
22
|
-
) {
|
|
23
|
-
$size-1: if(type-of($size-1) == string, unquote($size-1), $size-1);
|
|
24
|
-
$sizes: compact($size-1, $size-2, $size-3, $size-4, $size-5, $size-6, $size-7, $size-8, $size-9, $size-10);
|
|
25
|
-
@include experimental(background-size, $sizes, -moz, -webkit, -o, not(-ms), not(-khtml));
|
|
26
|
-
}
|
|
1
|
+
@import "shared";
|
|
2
|
+
|
|
3
|
+
// override to change the default
|
|
4
|
+
$default-background-size: 100% auto !default;
|
|
5
|
+
|
|
6
|
+
// Set the size of background images using px, width and height, or percentages.
|
|
7
|
+
// Currently supported in: Opera, Gecko, Webkit.
|
|
8
|
+
//
|
|
9
|
+
// * percentages are relative to the background-origin (default = padding-box)
|
|
10
|
+
// * mixin defaults to: `$default-background-size`
|
|
11
|
+
@mixin background-size(
|
|
12
|
+
$size-1: $default-background-size,
|
|
13
|
+
$size-2: false,
|
|
14
|
+
$size-3: false,
|
|
15
|
+
$size-4: false,
|
|
16
|
+
$size-5: false,
|
|
17
|
+
$size-6: false,
|
|
18
|
+
$size-7: false,
|
|
19
|
+
$size-8: false,
|
|
20
|
+
$size-9: false,
|
|
21
|
+
$size-10: false
|
|
22
|
+
) {
|
|
23
|
+
$size-1: if(type-of($size-1) == string, unquote($size-1), $size-1);
|
|
24
|
+
$sizes: compact($size-1, $size-2, $size-3, $size-4, $size-5, $size-6, $size-7, $size-8, $size-9, $size-10);
|
|
25
|
+
@include experimental(background-size, $sizes, -moz, -webkit, -o, not(-ms), not(-khtml));
|
|
26
|
+
}
|
|
@@ -1,130 +1,130 @@
|
|
|
1
|
-
@import "shared";
|
|
2
|
-
|
|
3
|
-
$default-border-radius: 5px !default;
|
|
4
|
-
|
|
5
|
-
// Round all corners by a specific amount, defaults to value of `$default-border-radius`.
|
|
6
|
-
//
|
|
7
|
-
// When two values are passed, the first is the horizontal radius
|
|
8
|
-
// and the second is the vertical radius.
|
|
9
|
-
//
|
|
10
|
-
// Note: webkit does not support shorthand syntax for several corners at once.
|
|
11
|
-
// So in the case where you pass several values only the first will be passed to webkit.
|
|
12
|
-
//
|
|
13
|
-
// Examples:
|
|
14
|
-
//
|
|
15
|
-
// .simple { @include border-radius(4px, 4px); }
|
|
16
|
-
// .compound { @include border-radius(2px 5px, 3px 6px); }
|
|
17
|
-
// .crazy { @include border-radius(1px 3px 5px 7px, 2px 4px 6px 8px)}
|
|
18
|
-
//
|
|
19
|
-
// Which generates:
|
|
20
|
-
//
|
|
21
|
-
// .simple {
|
|
22
|
-
// -webkit-border-radius: 4px 4px;
|
|
23
|
-
// -moz-border-radius: 4px / 4px;
|
|
24
|
-
// -khtml-border-radius: 4px / 4px;
|
|
25
|
-
// border-radius: 4px / 4px; }
|
|
26
|
-
//
|
|
27
|
-
// .compound {
|
|
28
|
-
// -webkit-border-radius: 2px 3px;
|
|
29
|
-
// -moz-border-radius: 2px 5px / 3px 6px;
|
|
30
|
-
// -khtml-border-radius: 2px 5px / 3px 6px;
|
|
31
|
-
// border-radius: 2px 5px / 3px 6px; }
|
|
32
|
-
//
|
|
33
|
-
// .crazy {
|
|
34
|
-
// -webkit-border-radius: 1px 2px;
|
|
35
|
-
// -moz-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
|
|
36
|
-
// -khtml-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
|
|
37
|
-
// border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px; }
|
|
38
|
-
|
|
39
|
-
@mixin border-radius($radius: $default-border-radius, $vertical-radius: false) {
|
|
40
|
-
|
|
41
|
-
@if $vertical-radius {
|
|
42
|
-
// Webkit doesn't understand the official shorthand syntax for specifying
|
|
43
|
-
// a vertical radius unless so in case there's several we only take the first.
|
|
44
|
-
@include experimental(border-radius, first-value-of($radius) first-value-of($vertical-radius),
|
|
45
|
-
not(-moz),
|
|
46
|
-
-webkit,
|
|
47
|
-
not(-o),
|
|
48
|
-
not(-ms),
|
|
49
|
-
not(-khtml),
|
|
50
|
-
not(official)
|
|
51
|
-
);
|
|
52
|
-
@include experimental("border-radius", $radius unquote("/") $vertical-radius,
|
|
53
|
-
-moz,
|
|
54
|
-
not(-webkit),
|
|
55
|
-
not(-o),
|
|
56
|
-
not(-ms),
|
|
57
|
-
-khtml,
|
|
58
|
-
official
|
|
59
|
-
);
|
|
60
|
-
}
|
|
61
|
-
@else {
|
|
62
|
-
@include experimental(border-radius, $radius);
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
// Round radius at position by amount.
|
|
67
|
-
//
|
|
68
|
-
// * legal values for `$vert`: `top`, `bottom`
|
|
69
|
-
// * legal values for `$horz`: `left`, `right`
|
|
70
|
-
|
|
71
|
-
@mixin border-corner-radius($vert, $horz, $radius: $default-border-radius) {
|
|
72
|
-
// Support for mozilla's syntax for specifying a corner
|
|
73
|
-
@include experimental("border-radius-#{$vert}#{$horz}", $radius,
|
|
74
|
-
-moz,
|
|
75
|
-
not(-webkit),
|
|
76
|
-
not(-o),
|
|
77
|
-
not(-ms),
|
|
78
|
-
not(-khtml),
|
|
79
|
-
not(official)
|
|
80
|
-
);
|
|
81
|
-
@include experimental("border-#{$vert}-#{$horz}-radius", $radius,
|
|
82
|
-
not(-moz),
|
|
83
|
-
-webkit,
|
|
84
|
-
not(-o),
|
|
85
|
-
not(-ms),
|
|
86
|
-
-khtml,
|
|
87
|
-
official
|
|
88
|
-
);
|
|
89
|
-
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
// Round top-left corner only
|
|
93
|
-
|
|
94
|
-
@mixin border-top-left-radius($radius: $default-border-radius) {
|
|
95
|
-
@include border-corner-radius(top, left, $radius); }
|
|
96
|
-
|
|
97
|
-
// Round top-right corner only
|
|
98
|
-
|
|
99
|
-
@mixin border-top-right-radius($radius: $default-border-radius) {
|
|
100
|
-
@include border-corner-radius(top, right, $radius); }
|
|
101
|
-
|
|
102
|
-
// Round bottom-left corner only
|
|
103
|
-
|
|
104
|
-
@mixin border-bottom-left-radius($radius: $default-border-radius) {
|
|
105
|
-
@include border-corner-radius(bottom, left, $radius); }
|
|
106
|
-
|
|
107
|
-
// Round bottom-right corner only
|
|
108
|
-
|
|
109
|
-
@mixin border-bottom-right-radius($radius: $default-border-radius) {
|
|
110
|
-
@include border-corner-radius(bottom, right, $radius); }
|
|
111
|
-
|
|
112
|
-
// Round both top corners by amount
|
|
113
|
-
@mixin border-top-radius($radius: $default-border-radius) {
|
|
114
|
-
@include border-top-left-radius($radius);
|
|
115
|
-
@include border-top-right-radius($radius); }
|
|
116
|
-
|
|
117
|
-
// Round both right corners by amount
|
|
118
|
-
@mixin border-right-radius($radius: $default-border-radius) {
|
|
119
|
-
@include border-top-right-radius($radius);
|
|
120
|
-
@include border-bottom-right-radius($radius); }
|
|
121
|
-
|
|
122
|
-
// Round both bottom corners by amount
|
|
123
|
-
@mixin border-bottom-radius($radius: $default-border-radius) {
|
|
124
|
-
@include border-bottom-left-radius($radius);
|
|
125
|
-
@include border-bottom-right-radius($radius); }
|
|
126
|
-
|
|
127
|
-
// Round both left corners by amount
|
|
128
|
-
@mixin border-left-radius($radius: $default-border-radius) {
|
|
129
|
-
@include border-top-left-radius($radius);
|
|
130
|
-
@include border-bottom-left-radius($radius); }
|
|
1
|
+
@import "shared";
|
|
2
|
+
|
|
3
|
+
$default-border-radius: 5px !default;
|
|
4
|
+
|
|
5
|
+
// Round all corners by a specific amount, defaults to value of `$default-border-radius`.
|
|
6
|
+
//
|
|
7
|
+
// When two values are passed, the first is the horizontal radius
|
|
8
|
+
// and the second is the vertical radius.
|
|
9
|
+
//
|
|
10
|
+
// Note: webkit does not support shorthand syntax for several corners at once.
|
|
11
|
+
// So in the case where you pass several values only the first will be passed to webkit.
|
|
12
|
+
//
|
|
13
|
+
// Examples:
|
|
14
|
+
//
|
|
15
|
+
// .simple { @include border-radius(4px, 4px); }
|
|
16
|
+
// .compound { @include border-radius(2px 5px, 3px 6px); }
|
|
17
|
+
// .crazy { @include border-radius(1px 3px 5px 7px, 2px 4px 6px 8px)}
|
|
18
|
+
//
|
|
19
|
+
// Which generates:
|
|
20
|
+
//
|
|
21
|
+
// .simple {
|
|
22
|
+
// -webkit-border-radius: 4px 4px;
|
|
23
|
+
// -moz-border-radius: 4px / 4px;
|
|
24
|
+
// -khtml-border-radius: 4px / 4px;
|
|
25
|
+
// border-radius: 4px / 4px; }
|
|
26
|
+
//
|
|
27
|
+
// .compound {
|
|
28
|
+
// -webkit-border-radius: 2px 3px;
|
|
29
|
+
// -moz-border-radius: 2px 5px / 3px 6px;
|
|
30
|
+
// -khtml-border-radius: 2px 5px / 3px 6px;
|
|
31
|
+
// border-radius: 2px 5px / 3px 6px; }
|
|
32
|
+
//
|
|
33
|
+
// .crazy {
|
|
34
|
+
// -webkit-border-radius: 1px 2px;
|
|
35
|
+
// -moz-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
|
|
36
|
+
// -khtml-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
|
|
37
|
+
// border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px; }
|
|
38
|
+
|
|
39
|
+
@mixin border-radius($radius: $default-border-radius, $vertical-radius: false) {
|
|
40
|
+
|
|
41
|
+
@if $vertical-radius {
|
|
42
|
+
// Webkit doesn't understand the official shorthand syntax for specifying
|
|
43
|
+
// a vertical radius unless so in case there's several we only take the first.
|
|
44
|
+
@include experimental(border-radius, first-value-of($radius) first-value-of($vertical-radius),
|
|
45
|
+
not(-moz),
|
|
46
|
+
-webkit,
|
|
47
|
+
not(-o),
|
|
48
|
+
not(-ms),
|
|
49
|
+
not(-khtml),
|
|
50
|
+
not(official)
|
|
51
|
+
);
|
|
52
|
+
@include experimental("border-radius", $radius unquote("/") $vertical-radius,
|
|
53
|
+
-moz,
|
|
54
|
+
not(-webkit),
|
|
55
|
+
not(-o),
|
|
56
|
+
not(-ms),
|
|
57
|
+
-khtml,
|
|
58
|
+
official
|
|
59
|
+
);
|
|
60
|
+
}
|
|
61
|
+
@else {
|
|
62
|
+
@include experimental(border-radius, $radius);
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
// Round radius at position by amount.
|
|
67
|
+
//
|
|
68
|
+
// * legal values for `$vert`: `top`, `bottom`
|
|
69
|
+
// * legal values for `$horz`: `left`, `right`
|
|
70
|
+
|
|
71
|
+
@mixin border-corner-radius($vert, $horz, $radius: $default-border-radius) {
|
|
72
|
+
// Support for mozilla's syntax for specifying a corner
|
|
73
|
+
@include experimental("border-radius-#{$vert}#{$horz}", $radius,
|
|
74
|
+
-moz,
|
|
75
|
+
not(-webkit),
|
|
76
|
+
not(-o),
|
|
77
|
+
not(-ms),
|
|
78
|
+
not(-khtml),
|
|
79
|
+
not(official)
|
|
80
|
+
);
|
|
81
|
+
@include experimental("border-#{$vert}-#{$horz}-radius", $radius,
|
|
82
|
+
not(-moz),
|
|
83
|
+
-webkit,
|
|
84
|
+
not(-o),
|
|
85
|
+
not(-ms),
|
|
86
|
+
-khtml,
|
|
87
|
+
official
|
|
88
|
+
);
|
|
89
|
+
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
// Round top-left corner only
|
|
93
|
+
|
|
94
|
+
@mixin border-top-left-radius($radius: $default-border-radius) {
|
|
95
|
+
@include border-corner-radius(top, left, $radius); }
|
|
96
|
+
|
|
97
|
+
// Round top-right corner only
|
|
98
|
+
|
|
99
|
+
@mixin border-top-right-radius($radius: $default-border-radius) {
|
|
100
|
+
@include border-corner-radius(top, right, $radius); }
|
|
101
|
+
|
|
102
|
+
// Round bottom-left corner only
|
|
103
|
+
|
|
104
|
+
@mixin border-bottom-left-radius($radius: $default-border-radius) {
|
|
105
|
+
@include border-corner-radius(bottom, left, $radius); }
|
|
106
|
+
|
|
107
|
+
// Round bottom-right corner only
|
|
108
|
+
|
|
109
|
+
@mixin border-bottom-right-radius($radius: $default-border-radius) {
|
|
110
|
+
@include border-corner-radius(bottom, right, $radius); }
|
|
111
|
+
|
|
112
|
+
// Round both top corners by amount
|
|
113
|
+
@mixin border-top-radius($radius: $default-border-radius) {
|
|
114
|
+
@include border-top-left-radius($radius);
|
|
115
|
+
@include border-top-right-radius($radius); }
|
|
116
|
+
|
|
117
|
+
// Round both right corners by amount
|
|
118
|
+
@mixin border-right-radius($radius: $default-border-radius) {
|
|
119
|
+
@include border-top-right-radius($radius);
|
|
120
|
+
@include border-bottom-right-radius($radius); }
|
|
121
|
+
|
|
122
|
+
// Round both bottom corners by amount
|
|
123
|
+
@mixin border-bottom-radius($radius: $default-border-radius) {
|
|
124
|
+
@include border-bottom-left-radius($radius);
|
|
125
|
+
@include border-bottom-right-radius($radius); }
|
|
126
|
+
|
|
127
|
+
// Round both left corners by amount
|
|
128
|
+
@mixin border-left-radius($radius: $default-border-radius) {
|
|
129
|
+
@include border-top-left-radius($radius);
|
|
130
|
+
@include border-bottom-left-radius($radius); }
|
|
@@ -1,76 +1,76 @@
|
|
|
1
|
-
// @doc off
|
|
2
|
-
// These defaults make the arguments optional for this mixin
|
|
3
|
-
// If you like, set different defaults before importing.
|
|
4
|
-
// @doc on
|
|
5
|
-
|
|
6
|
-
@import "shared";
|
|
7
|
-
@import "../functions";
|
|
8
|
-
|
|
9
|
-
// The default color for box shadows
|
|
10
|
-
$default-box-shadow-color: #333333 !default;
|
|
11
|
-
|
|
12
|
-
// The default horizontal offset. Positive is to the right.
|
|
13
|
-
$default-box-shadow-h-offset: 0px !default;
|
|
14
|
-
|
|
15
|
-
// The default vertical offset. Positive is down.
|
|
16
|
-
$default-box-shadow-v-offset: 0px !default;
|
|
17
|
-
|
|
18
|
-
// The default blur length.
|
|
19
|
-
$default-box-shadow-blur: 5px !default;
|
|
20
|
-
|
|
21
|
-
// The default spread length.
|
|
22
|
-
$default-box-shadow-spread : false !default;
|
|
23
|
-
|
|
24
|
-
// The default shadow inset: inset or false (for standard shadow).
|
|
25
|
-
$default-box-shadow-inset : false !default;
|
|
26
|
-
|
|
27
|
-
// Provides cross-browser for Webkit, Gecko, and CSS3 box shadows when one or more box
|
|
28
|
-
// shadows are needed.
|
|
29
|
-
// Each shadow argument should adhere to the standard css3 syntax for the
|
|
30
|
-
// box-shadow property.
|
|
31
|
-
@mixin box-shadow(
|
|
32
|
-
$shadow-1 : default,
|
|
33
|
-
$shadow-2 : false,
|
|
34
|
-
$shadow-3 : false,
|
|
35
|
-
$shadow-4 : false,
|
|
36
|
-
$shadow-5 : false,
|
|
37
|
-
$shadow-6 : false,
|
|
38
|
-
$shadow-7 : false,
|
|
39
|
-
$shadow-8 : false,
|
|
40
|
-
$shadow-9 : false,
|
|
41
|
-
$shadow-10: false
|
|
42
|
-
) {
|
|
43
|
-
@if $shadow-1 == default {
|
|
44
|
-
$shadow-1 : -compass-space-list(compact(if($default-box-shadow-inset, inset, false), $default-box-shadow-h-offset, $default-box-shadow-v-offset, $default-box-shadow-blur, $default-box-shadow-spread, $default-box-shadow-color));
|
|
45
|
-
}
|
|
46
|
-
$shadow : compact($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10);
|
|
47
|
-
@include experimental(box-shadow, $shadow,
|
|
48
|
-
-moz, -webkit, not(-o), not(-ms), not(-khtml), official
|
|
49
|
-
);
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
// Provides a single cross-browser CSS box shadow for Webkit, Gecko, and CSS3.
|
|
53
|
-
// Includes default arguments for horizontal offset, vertical offset, blur length, spread length, color and inset.
|
|
54
|
-
@mixin single-box-shadow(
|
|
55
|
-
$hoff : $default-box-shadow-h-offset,
|
|
56
|
-
$voff : $default-box-shadow-v-offset,
|
|
57
|
-
$blur : $default-box-shadow-blur,
|
|
58
|
-
$spread : $default-box-shadow-spread,
|
|
59
|
-
$color : $default-box-shadow-color,
|
|
60
|
-
$inset : $default-box-shadow-inset
|
|
61
|
-
) {
|
|
62
|
-
@if not ($inset == true or $inset == false or $inset == inset) {
|
|
63
|
-
@warn "$inset expected to be true or the inset keyword. Got #{$inset} instead. Using: inset";
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
@if $color == none {
|
|
67
|
-
@include box-shadow(none);
|
|
68
|
-
} @else {
|
|
69
|
-
$full : $hoff $voff;
|
|
70
|
-
@if $blur { $full: $full $blur; }
|
|
71
|
-
@if $spread { $full: $full $spread; }
|
|
72
|
-
@if $color { $full: $full $color; }
|
|
73
|
-
@if $inset { $full: inset $full; }
|
|
74
|
-
@include box-shadow($full);
|
|
75
|
-
}
|
|
76
|
-
}
|
|
1
|
+
// @doc off
|
|
2
|
+
// These defaults make the arguments optional for this mixin
|
|
3
|
+
// If you like, set different defaults before importing.
|
|
4
|
+
// @doc on
|
|
5
|
+
|
|
6
|
+
@import "shared";
|
|
7
|
+
@import "../functions";
|
|
8
|
+
|
|
9
|
+
// The default color for box shadows
|
|
10
|
+
$default-box-shadow-color: #333333 !default;
|
|
11
|
+
|
|
12
|
+
// The default horizontal offset. Positive is to the right.
|
|
13
|
+
$default-box-shadow-h-offset: 0px !default;
|
|
14
|
+
|
|
15
|
+
// The default vertical offset. Positive is down.
|
|
16
|
+
$default-box-shadow-v-offset: 0px !default;
|
|
17
|
+
|
|
18
|
+
// The default blur length.
|
|
19
|
+
$default-box-shadow-blur: 5px !default;
|
|
20
|
+
|
|
21
|
+
// The default spread length.
|
|
22
|
+
$default-box-shadow-spread : false !default;
|
|
23
|
+
|
|
24
|
+
// The default shadow inset: inset or false (for standard shadow).
|
|
25
|
+
$default-box-shadow-inset : false !default;
|
|
26
|
+
|
|
27
|
+
// Provides cross-browser for Webkit, Gecko, and CSS3 box shadows when one or more box
|
|
28
|
+
// shadows are needed.
|
|
29
|
+
// Each shadow argument should adhere to the standard css3 syntax for the
|
|
30
|
+
// box-shadow property.
|
|
31
|
+
@mixin box-shadow(
|
|
32
|
+
$shadow-1 : default,
|
|
33
|
+
$shadow-2 : false,
|
|
34
|
+
$shadow-3 : false,
|
|
35
|
+
$shadow-4 : false,
|
|
36
|
+
$shadow-5 : false,
|
|
37
|
+
$shadow-6 : false,
|
|
38
|
+
$shadow-7 : false,
|
|
39
|
+
$shadow-8 : false,
|
|
40
|
+
$shadow-9 : false,
|
|
41
|
+
$shadow-10: false
|
|
42
|
+
) {
|
|
43
|
+
@if $shadow-1 == default {
|
|
44
|
+
$shadow-1 : -compass-space-list(compact(if($default-box-shadow-inset, inset, false), $default-box-shadow-h-offset, $default-box-shadow-v-offset, $default-box-shadow-blur, $default-box-shadow-spread, $default-box-shadow-color));
|
|
45
|
+
}
|
|
46
|
+
$shadow : compact($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10);
|
|
47
|
+
@include experimental(box-shadow, $shadow,
|
|
48
|
+
-moz, -webkit, not(-o), not(-ms), not(-khtml), official
|
|
49
|
+
);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
// Provides a single cross-browser CSS box shadow for Webkit, Gecko, and CSS3.
|
|
53
|
+
// Includes default arguments for horizontal offset, vertical offset, blur length, spread length, color and inset.
|
|
54
|
+
@mixin single-box-shadow(
|
|
55
|
+
$hoff : $default-box-shadow-h-offset,
|
|
56
|
+
$voff : $default-box-shadow-v-offset,
|
|
57
|
+
$blur : $default-box-shadow-blur,
|
|
58
|
+
$spread : $default-box-shadow-spread,
|
|
59
|
+
$color : $default-box-shadow-color,
|
|
60
|
+
$inset : $default-box-shadow-inset
|
|
61
|
+
) {
|
|
62
|
+
@if not ($inset == true or $inset == false or $inset == inset) {
|
|
63
|
+
@warn "$inset expected to be true or the inset keyword. Got #{$inset} instead. Using: inset";
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
@if $color == none {
|
|
67
|
+
@include box-shadow(none);
|
|
68
|
+
} @else {
|
|
69
|
+
$full : $hoff $voff;
|
|
70
|
+
@if $blur { $full: $full $blur; }
|
|
71
|
+
@if $spread { $full: $full $spread; }
|
|
72
|
+
@if $color { $full: $full $color; }
|
|
73
|
+
@if $inset { $full: inset $full; }
|
|
74
|
+
@include box-shadow($full);
|
|
75
|
+
}
|
|
76
|
+
}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
@import "shared";
|
|
2
|
-
|
|
3
|
-
// The default box-sizing model when no argument is provided to the box-sizing mixin: [ content-box | border-box | padding-box ]
|
|
4
|
-
//
|
|
5
|
-
// The browser default is content-box, compass defaults to border-box.
|
|
6
|
-
$default-box-sizing: border-box !default;
|
|
7
|
-
|
|
8
|
-
// Change the box model for Mozilla, Webkit, IE8 and the future
|
|
9
|
-
//
|
|
10
|
-
// @param $bs
|
|
11
|
-
// [ content-box | border-box ]
|
|
12
|
-
|
|
13
|
-
@mixin box-sizing($bs: $default-box-sizing) {
|
|
14
|
-
$bs: unquote($bs);
|
|
15
|
-
@include experimental(box-sizing, $bs,
|
|
16
|
-
-moz, -webkit, not(-o), not(-ms), not(-khtml), official
|
|
17
|
-
);
|
|
18
|
-
}
|
|
1
|
+
@import "shared";
|
|
2
|
+
|
|
3
|
+
// The default box-sizing model when no argument is provided to the box-sizing mixin: [ content-box | border-box | padding-box ]
|
|
4
|
+
//
|
|
5
|
+
// The browser default is content-box, compass defaults to border-box.
|
|
6
|
+
$default-box-sizing: border-box !default;
|
|
7
|
+
|
|
8
|
+
// Change the box model for Mozilla, Webkit, IE8 and the future
|
|
9
|
+
//
|
|
10
|
+
// @param $bs
|
|
11
|
+
// [ content-box | border-box ]
|
|
12
|
+
|
|
13
|
+
@mixin box-sizing($bs: $default-box-sizing) {
|
|
14
|
+
$bs: unquote($bs);
|
|
15
|
+
@include experimental(box-sizing, $bs,
|
|
16
|
+
-moz, -webkit, not(-o), not(-ms), not(-khtml), official
|
|
17
|
+
);
|
|
18
|
+
}
|