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,61 +1,61 @@
|
|
|
1
|
-
// Horizontal list layout module.
|
|
2
|
-
//
|
|
3
|
-
// Easy mode using simple descendant li selectors:
|
|
4
|
-
//
|
|
5
|
-
// ul.nav
|
|
6
|
-
// +horizontal-list
|
|
7
|
-
//
|
|
8
|
-
// Advanced mode:
|
|
9
|
-
// If you need to target the list items using a different selector then use
|
|
10
|
-
// +horizontal-list-container on your ul/ol and +horizontal-list-item on your li.
|
|
11
|
-
// This may help when working on layouts involving nested lists. For example:
|
|
12
|
-
//
|
|
13
|
-
// ul.nav
|
|
14
|
-
// +horizontal-list-container
|
|
15
|
-
// > li
|
|
16
|
-
// +horizontal-list-item
|
|
17
|
-
|
|
18
|
-
@import "bullets";
|
|
19
|
-
@import "../../utilities/general/clearfix";
|
|
20
|
-
@import "../../utilities/general/reset";
|
|
21
|
-
@import "../../utilities/general/float";
|
|
22
|
-
|
|
23
|
-
// Can be mixed into any selector that target a ul or ol that is meant
|
|
24
|
-
// to have a horizontal layout. Used to implement +horizontal-list.
|
|
25
|
-
@mixin horizontal-list-container {
|
|
26
|
-
@include reset-box-model;
|
|
27
|
-
@include clearfix; }
|
|
28
|
-
|
|
29
|
-
// Can be mixed into any li selector that is meant to participate in a horizontal layout.
|
|
30
|
-
// Used to implement +horizontal-list.
|
|
31
|
-
//
|
|
32
|
-
// :last-child is not fully supported
|
|
33
|
-
// see http://www.quirksmode.org/css/contents.html#t29 for the support matrix
|
|
34
|
-
//
|
|
35
|
-
// IE8 ignores rules that are included on the same line as :last-child
|
|
36
|
-
// see http://www.richardscarrott.co.uk/posts/view/ie8-last-child-bug for details
|
|
37
|
-
//
|
|
38
|
-
// Setting `$padding` to `false` disables the padding between list elements
|
|
39
|
-
@mixin horizontal-list-item($padding: 4px, $direction: left) {
|
|
40
|
-
@include no-bullet;
|
|
41
|
-
white-space: nowrap;
|
|
42
|
-
@include float($direction);
|
|
43
|
-
@if $padding {
|
|
44
|
-
padding: {
|
|
45
|
-
left: $padding;
|
|
46
|
-
right: $padding;
|
|
47
|
-
}
|
|
48
|
-
&:first-child, &.first { padding-#{$direction}: 0; }
|
|
49
|
-
&:last-child { padding-#{opposite-position($direction)}: 0; }
|
|
50
|
-
&.last { padding-#{opposite-position($direction)}: 0; }
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
// A list(ol,ul) that is layed out such that the elements are floated left and won't wrap.
|
|
55
|
-
// This is not an inline list.
|
|
56
|
-
//
|
|
57
|
-
// Setting `$padding` to `false` disables the padding between list elements
|
|
58
|
-
@mixin horizontal-list($padding: 4px, $direction: left) {
|
|
59
|
-
@include horizontal-list-container;
|
|
60
|
-
li {
|
|
61
|
-
@include horizontal-list-item($padding, $direction); } }
|
|
1
|
+
// Horizontal list layout module.
|
|
2
|
+
//
|
|
3
|
+
// Easy mode using simple descendant li selectors:
|
|
4
|
+
//
|
|
5
|
+
// ul.nav
|
|
6
|
+
// +horizontal-list
|
|
7
|
+
//
|
|
8
|
+
// Advanced mode:
|
|
9
|
+
// If you need to target the list items using a different selector then use
|
|
10
|
+
// +horizontal-list-container on your ul/ol and +horizontal-list-item on your li.
|
|
11
|
+
// This may help when working on layouts involving nested lists. For example:
|
|
12
|
+
//
|
|
13
|
+
// ul.nav
|
|
14
|
+
// +horizontal-list-container
|
|
15
|
+
// > li
|
|
16
|
+
// +horizontal-list-item
|
|
17
|
+
|
|
18
|
+
@import "bullets";
|
|
19
|
+
@import "../../utilities/general/clearfix";
|
|
20
|
+
@import "../../utilities/general/reset";
|
|
21
|
+
@import "../../utilities/general/float";
|
|
22
|
+
|
|
23
|
+
// Can be mixed into any selector that target a ul or ol that is meant
|
|
24
|
+
// to have a horizontal layout. Used to implement +horizontal-list.
|
|
25
|
+
@mixin horizontal-list-container {
|
|
26
|
+
@include reset-box-model;
|
|
27
|
+
@include clearfix; }
|
|
28
|
+
|
|
29
|
+
// Can be mixed into any li selector that is meant to participate in a horizontal layout.
|
|
30
|
+
// Used to implement +horizontal-list.
|
|
31
|
+
//
|
|
32
|
+
// :last-child is not fully supported
|
|
33
|
+
// see http://www.quirksmode.org/css/contents.html#t29 for the support matrix
|
|
34
|
+
//
|
|
35
|
+
// IE8 ignores rules that are included on the same line as :last-child
|
|
36
|
+
// see http://www.richardscarrott.co.uk/posts/view/ie8-last-child-bug for details
|
|
37
|
+
//
|
|
38
|
+
// Setting `$padding` to `false` disables the padding between list elements
|
|
39
|
+
@mixin horizontal-list-item($padding: 4px, $direction: left) {
|
|
40
|
+
@include no-bullet;
|
|
41
|
+
white-space: nowrap;
|
|
42
|
+
@include float($direction);
|
|
43
|
+
@if $padding {
|
|
44
|
+
padding: {
|
|
45
|
+
left: $padding;
|
|
46
|
+
right: $padding;
|
|
47
|
+
}
|
|
48
|
+
&:first-child, &.first { padding-#{$direction}: 0; }
|
|
49
|
+
&:last-child { padding-#{opposite-position($direction)}: 0; }
|
|
50
|
+
&.last { padding-#{opposite-position($direction)}: 0; }
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
// A list(ol,ul) that is layed out such that the elements are floated left and won't wrap.
|
|
55
|
+
// This is not an inline list.
|
|
56
|
+
//
|
|
57
|
+
// Setting `$padding` to `false` disables the padding between list elements
|
|
58
|
+
@mixin horizontal-list($padding: 4px, $direction: left) {
|
|
59
|
+
@include horizontal-list-container;
|
|
60
|
+
li {
|
|
61
|
+
@include horizontal-list-item($padding, $direction); } }
|
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
// Inline-Block list layout module.
|
|
2
|
-
//
|
|
3
|
-
// Easy mode using simple descendant li selectors:
|
|
4
|
-
//
|
|
5
|
-
// ul.nav {
|
|
6
|
-
// @import inline-block-list;
|
|
7
|
-
// }
|
|
8
|
-
//
|
|
9
|
-
// Advanced mode:
|
|
10
|
-
// If you need to target the list items using a different selector then use
|
|
11
|
-
// `@include inline-block-list-container` on your ul/ol and
|
|
12
|
-
// `@include inline-block-list-item` on your li. This may help when working
|
|
13
|
-
// on layouts involving nested lists. For example:
|
|
14
|
-
//
|
|
15
|
-
// ul.nav {
|
|
16
|
-
// @include inline-block-list-container;
|
|
17
|
-
// > li {
|
|
18
|
-
// @include inline-block-list-item;
|
|
19
|
-
// }
|
|
20
|
-
// }
|
|
21
|
-
|
|
22
|
-
@import "bullets";
|
|
23
|
-
@import "horizontal-list";
|
|
24
|
-
@import "../../utilities/general/float";
|
|
25
|
-
@import "../../css3/inline-block";
|
|
26
|
-
|
|
27
|
-
// Can be mixed into any selector that target a ul or ol that is meant
|
|
28
|
-
// to have an inline-block layout. Used to implement `inline-block-list`.
|
|
29
|
-
@mixin inline-block-list-container {
|
|
30
|
-
@include horizontal-list-container; }
|
|
31
|
-
|
|
32
|
-
// Can be mixed into any li selector that is meant to participate in a horizontal layout.
|
|
33
|
-
// Used to implement `inline-block-list`.
|
|
34
|
-
@mixin inline-block-list-item($padding: false) {
|
|
35
|
-
@include no-bullet;
|
|
36
|
-
@include inline-block;
|
|
37
|
-
white-space: nowrap;
|
|
38
|
-
@if $padding {
|
|
39
|
-
padding: {
|
|
40
|
-
left: $padding;
|
|
41
|
-
right: $padding;
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
// A list(ol,ul) that is layed out such that the elements are inline-block and won't wrap.
|
|
47
|
-
@mixin inline-block-list($padding: false) {
|
|
48
|
-
@include inline-block-list-container;
|
|
49
|
-
li {
|
|
50
|
-
@include inline-block-list-item($padding); } }
|
|
1
|
+
// Inline-Block list layout module.
|
|
2
|
+
//
|
|
3
|
+
// Easy mode using simple descendant li selectors:
|
|
4
|
+
//
|
|
5
|
+
// ul.nav {
|
|
6
|
+
// @import inline-block-list;
|
|
7
|
+
// }
|
|
8
|
+
//
|
|
9
|
+
// Advanced mode:
|
|
10
|
+
// If you need to target the list items using a different selector then use
|
|
11
|
+
// `@include inline-block-list-container` on your ul/ol and
|
|
12
|
+
// `@include inline-block-list-item` on your li. This may help when working
|
|
13
|
+
// on layouts involving nested lists. For example:
|
|
14
|
+
//
|
|
15
|
+
// ul.nav {
|
|
16
|
+
// @include inline-block-list-container;
|
|
17
|
+
// > li {
|
|
18
|
+
// @include inline-block-list-item;
|
|
19
|
+
// }
|
|
20
|
+
// }
|
|
21
|
+
|
|
22
|
+
@import "bullets";
|
|
23
|
+
@import "horizontal-list";
|
|
24
|
+
@import "../../utilities/general/float";
|
|
25
|
+
@import "../../css3/inline-block";
|
|
26
|
+
|
|
27
|
+
// Can be mixed into any selector that target a ul or ol that is meant
|
|
28
|
+
// to have an inline-block layout. Used to implement `inline-block-list`.
|
|
29
|
+
@mixin inline-block-list-container {
|
|
30
|
+
@include horizontal-list-container; }
|
|
31
|
+
|
|
32
|
+
// Can be mixed into any li selector that is meant to participate in a horizontal layout.
|
|
33
|
+
// Used to implement `inline-block-list`.
|
|
34
|
+
@mixin inline-block-list-item($padding: false) {
|
|
35
|
+
@include no-bullet;
|
|
36
|
+
@include inline-block;
|
|
37
|
+
white-space: nowrap;
|
|
38
|
+
@if $padding {
|
|
39
|
+
padding: {
|
|
40
|
+
left: $padding;
|
|
41
|
+
right: $padding;
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
// A list(ol,ul) that is layed out such that the elements are inline-block and won't wrap.
|
|
47
|
+
@mixin inline-block-list($padding: false) {
|
|
48
|
+
@include inline-block-list-container;
|
|
49
|
+
li {
|
|
50
|
+
@include inline-block-list-item($padding); } }
|
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
// makes a list inline.
|
|
2
|
-
|
|
3
|
-
@mixin inline-list {
|
|
4
|
-
list-style-type: none;
|
|
5
|
-
&, & li {
|
|
6
|
-
margin: 0px;
|
|
7
|
-
padding: 0px;
|
|
8
|
-
display: inline;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
// makes an inline list delimited with the passed string.
|
|
13
|
-
// Defaults to making a comma-separated list.
|
|
14
|
-
//
|
|
15
|
-
// Please make note of the browser support issues before using this mixin:
|
|
16
|
-
//
|
|
17
|
-
// use of `content` and `:after` is not fully supported in all browsers.
|
|
18
|
-
// See quirksmode for the [support matrix](http://www.quirksmode.org/css/contents.html#t15)
|
|
19
|
-
//
|
|
20
|
-
// `:last-child` is not fully supported.
|
|
21
|
-
// see quirksmode for the [support matrix](http://www.quirksmode.org/css/contents.html#t29).
|
|
22
|
-
//
|
|
23
|
-
// IE8 ignores rules that are included on the same line as :last-child
|
|
24
|
-
// see http://www.richardscarrott.co.uk/posts/view/ie8-last-child-bug for details
|
|
25
|
-
|
|
26
|
-
@mixin delimited-list($separator: ", ") {
|
|
27
|
-
@include inline-list;
|
|
28
|
-
li {
|
|
29
|
-
&:after { content: $separator; }
|
|
30
|
-
&:last-child {
|
|
31
|
-
&:after { content: ""; }
|
|
32
|
-
}
|
|
33
|
-
&.last {
|
|
34
|
-
&:after { content: ""; }
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
// See [delimited-list](#mixin-delimited-list)
|
|
40
|
-
// @deprecated
|
|
41
|
-
@mixin comma-delimited-list {
|
|
42
|
-
@warn "comma-delimited-list is deprecated. Please use delimited-list instead.";
|
|
43
|
-
@include delimited-list;
|
|
44
|
-
}
|
|
1
|
+
// makes a list inline.
|
|
2
|
+
|
|
3
|
+
@mixin inline-list {
|
|
4
|
+
list-style-type: none;
|
|
5
|
+
&, & li {
|
|
6
|
+
margin: 0px;
|
|
7
|
+
padding: 0px;
|
|
8
|
+
display: inline;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
// makes an inline list delimited with the passed string.
|
|
13
|
+
// Defaults to making a comma-separated list.
|
|
14
|
+
//
|
|
15
|
+
// Please make note of the browser support issues before using this mixin:
|
|
16
|
+
//
|
|
17
|
+
// use of `content` and `:after` is not fully supported in all browsers.
|
|
18
|
+
// See quirksmode for the [support matrix](http://www.quirksmode.org/css/contents.html#t15)
|
|
19
|
+
//
|
|
20
|
+
// `:last-child` is not fully supported.
|
|
21
|
+
// see quirksmode for the [support matrix](http://www.quirksmode.org/css/contents.html#t29).
|
|
22
|
+
//
|
|
23
|
+
// IE8 ignores rules that are included on the same line as :last-child
|
|
24
|
+
// see http://www.richardscarrott.co.uk/posts/view/ie8-last-child-bug for details
|
|
25
|
+
|
|
26
|
+
@mixin delimited-list($separator: ", ") {
|
|
27
|
+
@include inline-list;
|
|
28
|
+
li {
|
|
29
|
+
&:after { content: $separator; }
|
|
30
|
+
&:last-child {
|
|
31
|
+
&:after { content: ""; }
|
|
32
|
+
}
|
|
33
|
+
&.last {
|
|
34
|
+
&:after { content: ""; }
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
// See [delimited-list](#mixin-delimited-list)
|
|
40
|
+
// @deprecated
|
|
41
|
+
@mixin comma-delimited-list {
|
|
42
|
+
@warn "comma-delimited-list is deprecated. Please use delimited-list instead.";
|
|
43
|
+
@include delimited-list;
|
|
44
|
+
}
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
@import "../../css3/shared";
|
|
2
|
-
|
|
3
|
-
// To get full firefox support, you must install the ellipsis pattern:
|
|
4
|
-
//
|
|
5
|
-
// compass install compass/ellipsis
|
|
6
|
-
$use-mozilla-ellipsis-binding: false !default;
|
|
7
|
-
|
|
8
|
-
// This technique, by [Justin Maxwell](http://code404.com/), was originally
|
|
9
|
-
// published [here](http://mattsnider.com/css/css-string-truncation-with-ellipsis/).
|
|
10
|
-
// Firefox implementation by [Rikkert Koppes](http://www.rikkertkoppes.com/thoughts/2008/6/).
|
|
11
|
-
@mixin ellipsis($no-wrap: true) {
|
|
12
|
-
@if $no-wrap { white-space: nowrap; }
|
|
13
|
-
overflow: hidden;
|
|
14
|
-
@include experimental(text-overflow, ellipsis,
|
|
15
|
-
not(-moz),
|
|
16
|
-
not(-webkit),
|
|
17
|
-
-o,
|
|
18
|
-
-ms,
|
|
19
|
-
not(-khtml),
|
|
20
|
-
official
|
|
21
|
-
);
|
|
22
|
-
@if $experimental-support-for-mozilla and $use-mozilla-ellipsis-binding {
|
|
23
|
-
-moz-binding: stylesheet-url(unquote("xml/ellipsis.xml#ellipsis"));
|
|
24
|
-
}
|
|
25
|
-
}
|
|
1
|
+
@import "../../css3/shared";
|
|
2
|
+
|
|
3
|
+
// To get full firefox support, you must install the ellipsis pattern:
|
|
4
|
+
//
|
|
5
|
+
// compass install compass/ellipsis
|
|
6
|
+
$use-mozilla-ellipsis-binding: false !default;
|
|
7
|
+
|
|
8
|
+
// This technique, by [Justin Maxwell](http://code404.com/), was originally
|
|
9
|
+
// published [here](http://mattsnider.com/css/css-string-truncation-with-ellipsis/).
|
|
10
|
+
// Firefox implementation by [Rikkert Koppes](http://www.rikkertkoppes.com/thoughts/2008/6/).
|
|
11
|
+
@mixin ellipsis($no-wrap: true) {
|
|
12
|
+
@if $no-wrap { white-space: nowrap; }
|
|
13
|
+
overflow: hidden;
|
|
14
|
+
@include experimental(text-overflow, ellipsis,
|
|
15
|
+
not(-moz),
|
|
16
|
+
not(-webkit),
|
|
17
|
+
-o,
|
|
18
|
+
-ms,
|
|
19
|
+
not(-khtml),
|
|
20
|
+
official
|
|
21
|
+
);
|
|
22
|
+
@if $experimental-support-for-mozilla and $use-mozilla-ellipsis-binding {
|
|
23
|
+
-moz-binding: stylesheet-url(unquote("xml/ellipsis.xml#ellipsis"));
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
// Prevent long urls and text from breaking layouts
|
|
2
|
-
// [originally from perishablepress.com](http://perishablepress.com/press/2010/06/01/wrapping-content/)
|
|
3
|
-
@mixin force-wrap {
|
|
4
|
-
white-space: pre; // CSS 2.0
|
|
5
|
-
white-space: pre-wrap; // CSS 2.1
|
|
6
|
-
white-space: pre-line; // CSS 3.0
|
|
7
|
-
white-space: -pre-wrap; // Opera 4-6
|
|
8
|
-
white-space: -o-pre-wrap; // Opera 7
|
|
9
|
-
white-space: -moz-pre-wrap; // Mozilla
|
|
10
|
-
white-space: -hp-pre-wrap; // HP Printers
|
|
11
|
-
word-wrap: break-word; // IE 5+
|
|
12
|
-
}
|
|
1
|
+
// Prevent long urls and text from breaking layouts
|
|
2
|
+
// [originally from perishablepress.com](http://perishablepress.com/press/2010/06/01/wrapping-content/)
|
|
3
|
+
@mixin force-wrap {
|
|
4
|
+
white-space: pre; // CSS 2.0
|
|
5
|
+
white-space: pre-wrap; // CSS 2.1
|
|
6
|
+
white-space: pre-line; // CSS 3.0
|
|
7
|
+
white-space: -pre-wrap; // Opera 4-6
|
|
8
|
+
white-space: -o-pre-wrap; // Opera 7
|
|
9
|
+
white-space: -moz-pre-wrap; // Mozilla
|
|
10
|
+
white-space: -hp-pre-wrap; // HP Printers
|
|
11
|
+
word-wrap: break-word; // IE 5+
|
|
12
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
// When remembering whether or not there's a hyphen in white-space is too hard
|
|
2
|
-
@mixin nowrap { white-space: nowrap; }
|
|
1
|
+
// When remembering whether or not there's a hyphen in white-space is too hard
|
|
2
|
+
@mixin nowrap { white-space: nowrap; }
|
|
@@ -1,68 +1,68 @@
|
|
|
1
|
-
// Indicates the direction you prefer to move your text
|
|
2
|
-
// when hiding it.
|
|
3
|
-
//
|
|
4
|
-
// `left` is more robust, especially in older browsers.
|
|
5
|
-
// `right` seems have better runtime performance.
|
|
6
|
-
$hide-text-direction: left !default;
|
|
7
|
-
|
|
8
|
-
// Hides html text and replaces it with an image.
|
|
9
|
-
// If you use this on an inline element, you will need to change the display to block or inline-block.
|
|
10
|
-
// Also, if the size of the image differs significantly from the font size, you'll need to set the width and/or height.
|
|
11
|
-
//
|
|
12
|
-
// Parameters:
|
|
13
|
-
//
|
|
14
|
-
// * `img` -- the relative path from the project image directory to the image, or a url literal.
|
|
15
|
-
// * `x` -- the x position of the background image.
|
|
16
|
-
// * `y` -- the y position of the background image.
|
|
17
|
-
@mixin replace-text($img, $x: 50%, $y: 50%) {
|
|
18
|
-
@include hide-text;
|
|
19
|
-
background: {
|
|
20
|
-
@if is-url($img) {
|
|
21
|
-
image: url($img);
|
|
22
|
-
} @else {
|
|
23
|
-
image: image-url($img);
|
|
24
|
-
}
|
|
25
|
-
repeat: no-repeat;
|
|
26
|
-
position: $x $y;
|
|
27
|
-
};
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
// Like the `replace-text` mixin, but also sets the width
|
|
31
|
-
// and height of the element according the dimensions of the image.
|
|
32
|
-
//
|
|
33
|
-
// If you set `$inline` to true, then an inline image (data uri) will be used.
|
|
34
|
-
@mixin replace-text-with-dimensions($img, $x: 50%, $y: 50%, $inline: false) {
|
|
35
|
-
@include replace-text(if($inline, inline-image($img), $img), $x, $y);
|
|
36
|
-
width: image-width($img);
|
|
37
|
-
height: image-height($img);
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
// Hides text in an element so you can see the background.
|
|
41
|
-
//
|
|
42
|
-
// The direction indicates how the text should be moved out of view.
|
|
43
|
-
//
|
|
44
|
-
// See `$hide-text-direction` for more information and to set this globally
|
|
45
|
-
// for your application.
|
|
46
|
-
@mixin hide-text($direction: $hide-text-direction) {
|
|
47
|
-
@if $direction == left {
|
|
48
|
-
$approximate-em-value: 12px;
|
|
49
|
-
$wider-than-any-screen: -9999;
|
|
50
|
-
text-indent: $wider-than-any-screen * $approximate-em-value;
|
|
51
|
-
overflow: hidden;
|
|
52
|
-
text-align: left;
|
|
53
|
-
} @else {
|
|
54
|
-
// slightly wider than the box prevents issues with inline-block elements
|
|
55
|
-
text-indent: 110%;
|
|
56
|
-
white-space: nowrap;
|
|
57
|
-
overflow: hidden;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
// Hides text in an element by squishing the text into oblivion.
|
|
62
|
-
// Use this if you need to hide text contained in an inline element
|
|
63
|
-
// but still have it read by a screen reader.
|
|
64
|
-
@mixin squish-text {
|
|
65
|
-
font: 0/0 serif;
|
|
66
|
-
text-shadow: none;
|
|
67
|
-
color: transparent;
|
|
68
|
-
}
|
|
1
|
+
// Indicates the direction you prefer to move your text
|
|
2
|
+
// when hiding it.
|
|
3
|
+
//
|
|
4
|
+
// `left` is more robust, especially in older browsers.
|
|
5
|
+
// `right` seems have better runtime performance.
|
|
6
|
+
$hide-text-direction: left !default;
|
|
7
|
+
|
|
8
|
+
// Hides html text and replaces it with an image.
|
|
9
|
+
// If you use this on an inline element, you will need to change the display to block or inline-block.
|
|
10
|
+
// Also, if the size of the image differs significantly from the font size, you'll need to set the width and/or height.
|
|
11
|
+
//
|
|
12
|
+
// Parameters:
|
|
13
|
+
//
|
|
14
|
+
// * `img` -- the relative path from the project image directory to the image, or a url literal.
|
|
15
|
+
// * `x` -- the x position of the background image.
|
|
16
|
+
// * `y` -- the y position of the background image.
|
|
17
|
+
@mixin replace-text($img, $x: 50%, $y: 50%) {
|
|
18
|
+
@include hide-text;
|
|
19
|
+
background: {
|
|
20
|
+
@if is-url($img) {
|
|
21
|
+
image: url($img);
|
|
22
|
+
} @else {
|
|
23
|
+
image: image-url($img);
|
|
24
|
+
}
|
|
25
|
+
repeat: no-repeat;
|
|
26
|
+
position: $x $y;
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
// Like the `replace-text` mixin, but also sets the width
|
|
31
|
+
// and height of the element according the dimensions of the image.
|
|
32
|
+
//
|
|
33
|
+
// If you set `$inline` to true, then an inline image (data uri) will be used.
|
|
34
|
+
@mixin replace-text-with-dimensions($img, $x: 50%, $y: 50%, $inline: false) {
|
|
35
|
+
@include replace-text(if($inline, inline-image($img), $img), $x, $y);
|
|
36
|
+
width: image-width($img);
|
|
37
|
+
height: image-height($img);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
// Hides text in an element so you can see the background.
|
|
41
|
+
//
|
|
42
|
+
// The direction indicates how the text should be moved out of view.
|
|
43
|
+
//
|
|
44
|
+
// See `$hide-text-direction` for more information and to set this globally
|
|
45
|
+
// for your application.
|
|
46
|
+
@mixin hide-text($direction: $hide-text-direction) {
|
|
47
|
+
@if $direction == left {
|
|
48
|
+
$approximate-em-value: 12px;
|
|
49
|
+
$wider-than-any-screen: -9999;
|
|
50
|
+
text-indent: $wider-than-any-screen * $approximate-em-value;
|
|
51
|
+
overflow: hidden;
|
|
52
|
+
text-align: left;
|
|
53
|
+
} @else {
|
|
54
|
+
// slightly wider than the box prevents issues with inline-block elements
|
|
55
|
+
text-indent: 110%;
|
|
56
|
+
white-space: nowrap;
|
|
57
|
+
overflow: hidden;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
// Hides text in an element by squishing the text into oblivion.
|
|
62
|
+
// Use this if you need to hide text contained in an inline element
|
|
63
|
+
// but still have it read by a screen reader.
|
|
64
|
+
@mixin squish-text {
|
|
65
|
+
font: 0/0 serif;
|
|
66
|
+
text-shadow: none;
|
|
67
|
+
color: transparent;
|
|
68
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
@import "general/reset";
|
|
2
|
-
@import "general/clearfix";
|
|
3
|
-
@import "general/float";
|
|
4
|
-
@import "general/tag-cloud";
|
|
5
|
-
@import "general/hacks";
|
|
6
|
-
@import "general/min";
|
|
1
|
+
@import "general/reset";
|
|
2
|
+
@import "general/clearfix";
|
|
3
|
+
@import "general/float";
|
|
4
|
+
@import "general/tag-cloud";
|
|
5
|
+
@import "general/hacks";
|
|
6
|
+
@import "general/min";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
@warn "This import is deprecated. Use 'compass/typography/links' instead.";
|
|
2
|
-
|
|
3
|
-
@import "../typography/links/hover-link";
|
|
4
|
-
@import "../typography/links/link-colors";
|
|
5
|
-
@import "../typography/links/unstyled-link";
|
|
1
|
+
@warn "This import is deprecated. Use 'compass/typography/links' instead.";
|
|
2
|
+
|
|
3
|
+
@import "../typography/links/hover-link";
|
|
4
|
+
@import "../typography/links/link-colors";
|
|
5
|
+
@import "../typography/links/unstyled-link";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
@warn "This import is deprecated. Use 'compass/typography/lists' instead.";
|
|
2
|
-
|
|
3
|
-
@import "../typography/lists/horizontal-list";
|
|
4
|
-
@import "../typography/lists/inline-list";
|
|
5
|
-
@import "../typography/lists/inline-block-list";
|
|
6
|
-
@import "../typography/lists/bullets";
|
|
1
|
+
@warn "This import is deprecated. Use 'compass/typography/lists' instead.";
|
|
2
|
+
|
|
3
|
+
@import "../typography/lists/horizontal-list";
|
|
4
|
+
@import "../typography/lists/inline-list";
|
|
5
|
+
@import "../typography/lists/inline-block-list";
|
|
6
|
+
@import "../typography/lists/bullets";
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
// Classes that are useful for controlling what gets printed.
|
|
2
|
-
// You must mix `+print-utilities` into your print stylesheet
|
|
3
|
-
// and `+print-utilities(screen)` into your screen stylesheet.
|
|
4
|
-
// Note: these aren't semantic.
|
|
5
|
-
@mixin print-utilities($media: print) {
|
|
6
|
-
@if $media == print {
|
|
7
|
-
.noprint, .no-print { display: none; }
|
|
8
|
-
#{elements-of-type(block)} {
|
|
9
|
-
&.print-only { display: block; }
|
|
10
|
-
}
|
|
11
|
-
#{elements-of-type(inline)} {
|
|
12
|
-
&.print-only { display: inline; }
|
|
13
|
-
}
|
|
14
|
-
} @else {
|
|
15
|
-
.print-only { display: none; }
|
|
16
|
-
}
|
|
17
|
-
}
|
|
1
|
+
// Classes that are useful for controlling what gets printed.
|
|
2
|
+
// You must mix `+print-utilities` into your print stylesheet
|
|
3
|
+
// and `+print-utilities(screen)` into your screen stylesheet.
|
|
4
|
+
// Note: these aren't semantic.
|
|
5
|
+
@mixin print-utilities($media: print) {
|
|
6
|
+
@if $media == print {
|
|
7
|
+
.noprint, .no-print { display: none; }
|
|
8
|
+
#{elements-of-type(block)} {
|
|
9
|
+
&.print-only { display: block; }
|
|
10
|
+
}
|
|
11
|
+
#{elements-of-type(inline)} {
|
|
12
|
+
&.print-only { display: inline; }
|
|
13
|
+
}
|
|
14
|
+
} @else {
|
|
15
|
+
.print-only { display: none; }
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@import "sprites/base";
|
|
2
|
-
@import "sprites/sprite-img";
|
|
1
|
+
@import "sprites/base";
|
|
2
|
+
@import "sprites/sprite-img";
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
@import "tables/alternating-rows-and-columns";
|
|
2
|
-
@import "tables/borders";
|
|
3
|
-
@import "tables/scaffolding";
|
|
1
|
+
@import "tables/alternating-rows-and-columns";
|
|
2
|
+
@import "tables/borders";
|
|
3
|
+
@import "tables/scaffolding";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
@warn "This import is deprecated. Use 'compass/typography/text' instead.";
|
|
2
|
-
|
|
3
|
-
@import "../typography/text/ellipsis";
|
|
4
|
-
@import "../typography/text/nowrap";
|
|
5
|
-
@import "../typography/text/replacement";
|
|
1
|
+
@warn "This import is deprecated. Use 'compass/typography/text' instead.";
|
|
2
|
+
|
|
3
|
+
@import "../typography/text/ellipsis";
|
|
4
|
+
@import "../typography/text/nowrap";
|
|
5
|
+
@import "../typography/text/replacement";
|