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