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,86 +1,86 @@
|
|
|
1
|
-
@import "../support";
|
|
2
|
-
@import "shared";
|
|
3
|
-
|
|
4
|
-
// This is the underlying implementation for all the other mixins in this module.
|
|
5
|
-
// It is the only way to access prefix support for older versions of the spec.
|
|
6
|
-
// Deviates from canonical Compass implementation by dropping support for
|
|
7
|
-
// older versions of the Flexbox spec.
|
|
8
|
-
//
|
|
9
|
-
// `$properties`: map of property-value pairs that should be prefixed
|
|
10
|
-
@mixin flexbox($properties) {
|
|
11
|
-
@each $prop, $value in $properties {
|
|
12
|
-
@if $prop == display {
|
|
13
|
-
@include experimental-value(display, $value, not(-moz), -webkit,
|
|
14
|
-
not(-o), not(-ms), not(-khtml), official);
|
|
15
|
-
} @else {
|
|
16
|
-
@include experimental($prop, $value, not(-moz), -webkit, not(-o),
|
|
17
|
-
not(-ms), not(-khtml), official);
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
// Values for $display are: flex (default), inline-flex
|
|
23
|
-
@mixin display-flex($display: flex) {
|
|
24
|
-
@include flexbox((display: $display));
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
// Values: row | row-reverse | column | column-reverse
|
|
28
|
-
@mixin flex-direction($direction) {
|
|
29
|
-
@include flexbox((flex-direction: $direction));
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
// Values: nowrap | wrap | wrap-reverse
|
|
33
|
-
@mixin flex-wrap($wrap) {
|
|
34
|
-
@include flexbox((flex-wrap: $wrap));
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
// Shorthand for flex-direction and flex-wrap.
|
|
38
|
-
@mixin flex-flow($flow) {
|
|
39
|
-
@include flexbox((flex-flow: $flow));
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
// Accepts an integer
|
|
43
|
-
@mixin order($order) {
|
|
44
|
-
@include flexbox((order: $order));
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
// Shorthand for flex-grow, flex-shrink and optionally flex-basis.
|
|
48
|
-
// Space separated, in that order.
|
|
49
|
-
@mixin flex($flex) {
|
|
50
|
-
@include flexbox((flex: $flex));
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
// Accepts a number.
|
|
54
|
-
@mixin flex-grow($flex-grow) {
|
|
55
|
-
@include flexbox((flex-grow: $flex-grow));
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
// Accepts a number.
|
|
59
|
-
@mixin flex-shrink($flex-shrink) {
|
|
60
|
-
@include flexbox((flex-shrink: $flex-shrink));
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
// Accepts any legal value for the width property.
|
|
64
|
-
@mixin flex-basis($flex-basis) {
|
|
65
|
-
@include flexbox((flex-basis: $flex-basis));
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
// Legal values: flex-start | flex-end | center | space-between | space-around
|
|
69
|
-
@mixin justify-content($justify-content) {
|
|
70
|
-
@include flexbox((justify-content: $justify-content));
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
// Legal values: flex-start | flex-end | center | baseline | stretch
|
|
74
|
-
@mixin align-items($align-items) {
|
|
75
|
-
@include flexbox((align-items: $align-items));
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
// Legal values: auto | flex-start | flex-end | center | baseline | stretch
|
|
79
|
-
@mixin align-self($align-self) {
|
|
80
|
-
@include flexbox((align-self: $align-self));
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
// Legal values: flex-start | flex-end | center | space-between | space-around | stretch
|
|
84
|
-
@mixin align-content($align-content) {
|
|
85
|
-
@include flexbox((align-content: $align-content));
|
|
86
|
-
}
|
|
1
|
+
@import "../support";
|
|
2
|
+
@import "shared";
|
|
3
|
+
|
|
4
|
+
// This is the underlying implementation for all the other mixins in this module.
|
|
5
|
+
// It is the only way to access prefix support for older versions of the spec.
|
|
6
|
+
// Deviates from canonical Compass implementation by dropping support for
|
|
7
|
+
// older versions of the Flexbox spec.
|
|
8
|
+
//
|
|
9
|
+
// `$properties`: map of property-value pairs that should be prefixed
|
|
10
|
+
@mixin flexbox($properties) {
|
|
11
|
+
@each $prop, $value in $properties {
|
|
12
|
+
@if $prop == display {
|
|
13
|
+
@include experimental-value(display, $value, not(-moz), -webkit,
|
|
14
|
+
not(-o), not(-ms), not(-khtml), official);
|
|
15
|
+
} @else {
|
|
16
|
+
@include experimental($prop, $value, not(-moz), -webkit, not(-o),
|
|
17
|
+
not(-ms), not(-khtml), official);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
// Values for $display are: flex (default), inline-flex
|
|
23
|
+
@mixin display-flex($display: flex) {
|
|
24
|
+
@include flexbox((display: $display));
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
// Values: row | row-reverse | column | column-reverse
|
|
28
|
+
@mixin flex-direction($direction) {
|
|
29
|
+
@include flexbox((flex-direction: $direction));
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
// Values: nowrap | wrap | wrap-reverse
|
|
33
|
+
@mixin flex-wrap($wrap) {
|
|
34
|
+
@include flexbox((flex-wrap: $wrap));
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
// Shorthand for flex-direction and flex-wrap.
|
|
38
|
+
@mixin flex-flow($flow) {
|
|
39
|
+
@include flexbox((flex-flow: $flow));
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
// Accepts an integer
|
|
43
|
+
@mixin order($order) {
|
|
44
|
+
@include flexbox((order: $order));
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
// Shorthand for flex-grow, flex-shrink and optionally flex-basis.
|
|
48
|
+
// Space separated, in that order.
|
|
49
|
+
@mixin flex($flex) {
|
|
50
|
+
@include flexbox((flex: $flex));
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
// Accepts a number.
|
|
54
|
+
@mixin flex-grow($flex-grow) {
|
|
55
|
+
@include flexbox((flex-grow: $flex-grow));
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
// Accepts a number.
|
|
59
|
+
@mixin flex-shrink($flex-shrink) {
|
|
60
|
+
@include flexbox((flex-shrink: $flex-shrink));
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
// Accepts any legal value for the width property.
|
|
64
|
+
@mixin flex-basis($flex-basis) {
|
|
65
|
+
@include flexbox((flex-basis: $flex-basis));
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
// Legal values: flex-start | flex-end | center | space-between | space-around
|
|
69
|
+
@mixin justify-content($justify-content) {
|
|
70
|
+
@include flexbox((justify-content: $justify-content));
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
// Legal values: flex-start | flex-end | center | baseline | stretch
|
|
74
|
+
@mixin align-items($align-items) {
|
|
75
|
+
@include flexbox((align-items: $align-items));
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
// Legal values: auto | flex-start | flex-end | center | baseline | stretch
|
|
79
|
+
@mixin align-self($align-self) {
|
|
80
|
+
@include flexbox((align-self: $align-self));
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
// Legal values: flex-start | flex-end | center | space-between | space-around | stretch
|
|
84
|
+
@mixin align-content($align-content) {
|
|
85
|
+
@include flexbox((align-content: $align-content));
|
|
86
|
+
}
|
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
@import "shared";
|
|
2
|
-
|
|
3
|
-
// Cross-browser support for @font-face. Supports IE, Gecko, Webkit, Opera.
|
|
4
|
-
//
|
|
5
|
-
// * $name is required, arbitrary, and what you will use in font stacks.
|
|
6
|
-
// * $font-files is required using font-files('relative/location', 'format').
|
|
7
|
-
// for best results use this order: woff, opentype/truetype, svg
|
|
8
|
-
// * $eot is required by IE, and is a relative location of the eot file.
|
|
9
|
-
// * $weight shows if the font is bold, defaults to normal
|
|
10
|
-
// * $style defaults to normal, might be also italic
|
|
11
|
-
// * For android 2.2 Compatiblity, please ensure that your web page has
|
|
12
|
-
// a meta viewport tag.
|
|
13
|
-
// * To support iOS < 4.2, an SVG file must be provided
|
|
14
|
-
//
|
|
15
|
-
// If you need to generate other formats check out the Font Squirrel
|
|
16
|
-
// [font generator](http://www.fontsquirrel.com/fontface/generator)
|
|
17
|
-
//
|
|
18
|
-
|
|
19
|
-
// In order to refer to a specific style of the font in your stylesheets as
|
|
20
|
-
// e.g. "font-style: italic;", you may add a couple of @font-face includes
|
|
21
|
-
// containing the respective font files for each style and specying
|
|
22
|
-
// respective the $style parameter.
|
|
23
|
-
|
|
24
|
-
// Order of the includes matters, and it is: normal, bold, italic, bold+italic.
|
|
25
|
-
|
|
26
|
-
@mixin font-face(
|
|
27
|
-
$name,
|
|
28
|
-
$font-files,
|
|
29
|
-
$eot: false,
|
|
30
|
-
$weight: false,
|
|
31
|
-
$style: false
|
|
32
|
-
) {
|
|
33
|
-
$iefont: unquote("#{$eot}?#iefix");
|
|
34
|
-
@font-face {
|
|
35
|
-
font-family: quote($name);
|
|
36
|
-
@if $eot {
|
|
37
|
-
src: font-url($eot);
|
|
38
|
-
$font-files: font-url($iefont) unquote("format('eot')"), $font-files;
|
|
39
|
-
}
|
|
40
|
-
src: $font-files;
|
|
41
|
-
@if $weight {
|
|
42
|
-
font-weight: $weight;
|
|
43
|
-
}
|
|
44
|
-
@if $style {
|
|
45
|
-
font-style: $style;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
}
|
|
1
|
+
@import "shared";
|
|
2
|
+
|
|
3
|
+
// Cross-browser support for @font-face. Supports IE, Gecko, Webkit, Opera.
|
|
4
|
+
//
|
|
5
|
+
// * $name is required, arbitrary, and what you will use in font stacks.
|
|
6
|
+
// * $font-files is required using font-files('relative/location', 'format').
|
|
7
|
+
// for best results use this order: woff, opentype/truetype, svg
|
|
8
|
+
// * $eot is required by IE, and is a relative location of the eot file.
|
|
9
|
+
// * $weight shows if the font is bold, defaults to normal
|
|
10
|
+
// * $style defaults to normal, might be also italic
|
|
11
|
+
// * For android 2.2 Compatiblity, please ensure that your web page has
|
|
12
|
+
// a meta viewport tag.
|
|
13
|
+
// * To support iOS < 4.2, an SVG file must be provided
|
|
14
|
+
//
|
|
15
|
+
// If you need to generate other formats check out the Font Squirrel
|
|
16
|
+
// [font generator](http://www.fontsquirrel.com/fontface/generator)
|
|
17
|
+
//
|
|
18
|
+
|
|
19
|
+
// In order to refer to a specific style of the font in your stylesheets as
|
|
20
|
+
// e.g. "font-style: italic;", you may add a couple of @font-face includes
|
|
21
|
+
// containing the respective font files for each style and specying
|
|
22
|
+
// respective the $style parameter.
|
|
23
|
+
|
|
24
|
+
// Order of the includes matters, and it is: normal, bold, italic, bold+italic.
|
|
25
|
+
|
|
26
|
+
@mixin font-face(
|
|
27
|
+
$name,
|
|
28
|
+
$font-files,
|
|
29
|
+
$eot: false,
|
|
30
|
+
$weight: false,
|
|
31
|
+
$style: false
|
|
32
|
+
) {
|
|
33
|
+
$iefont: unquote("#{$eot}?#iefix");
|
|
34
|
+
@font-face {
|
|
35
|
+
font-family: quote($name);
|
|
36
|
+
@if $eot {
|
|
37
|
+
src: font-url($eot);
|
|
38
|
+
$font-files: font-url($iefont) unquote("format('eot')"), $font-files;
|
|
39
|
+
}
|
|
40
|
+
src: $font-files;
|
|
41
|
+
@if $weight {
|
|
42
|
+
font-weight: $weight;
|
|
43
|
+
}
|
|
44
|
+
@if $style {
|
|
45
|
+
font-style: $style;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
@@ -1,77 +1,77 @@
|
|
|
1
|
-
@import "shared";
|
|
2
|
-
|
|
3
|
-
// Mixins to support specific CSS Text Level 3 elements
|
|
4
|
-
//
|
|
5
|
-
//
|
|
6
|
-
//
|
|
7
|
-
// Mixin for word-break properties
|
|
8
|
-
// http://www.w3.org/css3-text/#word-break
|
|
9
|
-
// * legal values for $type : normal, keep-all, break-all
|
|
10
|
-
//
|
|
11
|
-
// Example:
|
|
12
|
-
// p.wordBreak {@include word-break(break-all);}
|
|
13
|
-
//
|
|
14
|
-
// Which generates:
|
|
15
|
-
// p.wordBreak {
|
|
16
|
-
// -ms-word-break: break-all;
|
|
17
|
-
// word-break: break-all;
|
|
18
|
-
// word-break: break-word;}
|
|
19
|
-
//
|
|
20
|
-
@mixin word-break($value: normal){
|
|
21
|
-
@if $value == break-all {
|
|
22
|
-
//Most browsers handle the break-all case the same...
|
|
23
|
-
@include experimental(word-break, $value,
|
|
24
|
-
not(-moz), not(-webkit), not(-o), -ms, not(-khtml), official
|
|
25
|
-
);
|
|
26
|
-
//Webkit handles break-all differently... as break-word
|
|
27
|
-
@include experimental(word-break, break-word,
|
|
28
|
-
not(-moz), not(-webkit), not(-o), not(-ms), not(-khtml), official
|
|
29
|
-
);
|
|
30
|
-
}
|
|
31
|
-
@else {
|
|
32
|
-
@include experimental(word-break, $value,
|
|
33
|
-
not(-moz), not(-webkit), not(-o), -ms, not(-khtml), official
|
|
34
|
-
);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
// Mixin for the hyphens property
|
|
39
|
-
//
|
|
40
|
-
// W3C specification: http://www.w3.org/TR/css3-text/#hyphens
|
|
41
|
-
// * legal values for $type : auto, manual, none
|
|
42
|
-
//
|
|
43
|
-
// Example:
|
|
44
|
-
// p {
|
|
45
|
-
// @include hyphens(auto);}
|
|
46
|
-
// Which generates:
|
|
47
|
-
// p {
|
|
48
|
-
// -moz-hyphens: auto;
|
|
49
|
-
// -webkit-hyphens: auto;
|
|
50
|
-
// hyphens: auto;}
|
|
51
|
-
//
|
|
52
|
-
@mixin hyphens($value: auto){
|
|
53
|
-
@include experimental(hyphens, $value,
|
|
54
|
-
-moz, -webkit, not(-o), not(-ms), not(-khtml), official
|
|
55
|
-
);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
// Mixin for x-browser hyphenation based on @auchenberg's post:
|
|
59
|
-
// Removes the need for the <wbr/> HTML tag
|
|
60
|
-
// http://blog.kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/
|
|
61
|
-
//
|
|
62
|
-
// Example:
|
|
63
|
-
// div {@include hyphenation;}
|
|
64
|
-
//
|
|
65
|
-
// Which generates:
|
|
66
|
-
// div {
|
|
67
|
-
// -ms-word-break: break-all;
|
|
68
|
-
// word-break: break-all;
|
|
69
|
-
// word-break: break-word;
|
|
70
|
-
// -moz-hyphens: auto;
|
|
71
|
-
// -webkit-hyphens: auto;
|
|
72
|
-
// hyphens: auto;}
|
|
73
|
-
//
|
|
74
|
-
@mixin hyphenation{
|
|
75
|
-
@include word-break(break-all);
|
|
76
|
-
@include hyphens;
|
|
77
|
-
}
|
|
1
|
+
@import "shared";
|
|
2
|
+
|
|
3
|
+
// Mixins to support specific CSS Text Level 3 elements
|
|
4
|
+
//
|
|
5
|
+
//
|
|
6
|
+
//
|
|
7
|
+
// Mixin for word-break properties
|
|
8
|
+
// http://www.w3.org/css3-text/#word-break
|
|
9
|
+
// * legal values for $type : normal, keep-all, break-all
|
|
10
|
+
//
|
|
11
|
+
// Example:
|
|
12
|
+
// p.wordBreak {@include word-break(break-all);}
|
|
13
|
+
//
|
|
14
|
+
// Which generates:
|
|
15
|
+
// p.wordBreak {
|
|
16
|
+
// -ms-word-break: break-all;
|
|
17
|
+
// word-break: break-all;
|
|
18
|
+
// word-break: break-word;}
|
|
19
|
+
//
|
|
20
|
+
@mixin word-break($value: normal){
|
|
21
|
+
@if $value == break-all {
|
|
22
|
+
//Most browsers handle the break-all case the same...
|
|
23
|
+
@include experimental(word-break, $value,
|
|
24
|
+
not(-moz), not(-webkit), not(-o), -ms, not(-khtml), official
|
|
25
|
+
);
|
|
26
|
+
//Webkit handles break-all differently... as break-word
|
|
27
|
+
@include experimental(word-break, break-word,
|
|
28
|
+
not(-moz), not(-webkit), not(-o), not(-ms), not(-khtml), official
|
|
29
|
+
);
|
|
30
|
+
}
|
|
31
|
+
@else {
|
|
32
|
+
@include experimental(word-break, $value,
|
|
33
|
+
not(-moz), not(-webkit), not(-o), -ms, not(-khtml), official
|
|
34
|
+
);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
// Mixin for the hyphens property
|
|
39
|
+
//
|
|
40
|
+
// W3C specification: http://www.w3.org/TR/css3-text/#hyphens
|
|
41
|
+
// * legal values for $type : auto, manual, none
|
|
42
|
+
//
|
|
43
|
+
// Example:
|
|
44
|
+
// p {
|
|
45
|
+
// @include hyphens(auto);}
|
|
46
|
+
// Which generates:
|
|
47
|
+
// p {
|
|
48
|
+
// -moz-hyphens: auto;
|
|
49
|
+
// -webkit-hyphens: auto;
|
|
50
|
+
// hyphens: auto;}
|
|
51
|
+
//
|
|
52
|
+
@mixin hyphens($value: auto){
|
|
53
|
+
@include experimental(hyphens, $value,
|
|
54
|
+
-moz, -webkit, not(-o), not(-ms), not(-khtml), official
|
|
55
|
+
);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
// Mixin for x-browser hyphenation based on @auchenberg's post:
|
|
59
|
+
// Removes the need for the <wbr/> HTML tag
|
|
60
|
+
// http://blog.kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/
|
|
61
|
+
//
|
|
62
|
+
// Example:
|
|
63
|
+
// div {@include hyphenation;}
|
|
64
|
+
//
|
|
65
|
+
// Which generates:
|
|
66
|
+
// div {
|
|
67
|
+
// -ms-word-break: break-all;
|
|
68
|
+
// word-break: break-all;
|
|
69
|
+
// word-break: break-word;
|
|
70
|
+
// -moz-hyphens: auto;
|
|
71
|
+
// -webkit-hyphens: auto;
|
|
72
|
+
// hyphens: auto;}
|
|
73
|
+
//
|
|
74
|
+
@mixin hyphenation{
|
|
75
|
+
@include word-break(break-all);
|
|
76
|
+
@include hyphens;
|
|
77
|
+
}
|