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.
Files changed (224) hide show
  1. package/README.md +25 -25
  2. package/assets/fonts/Lato/Lato-Black.ttf +0 -0
  3. package/assets/fonts/Lato/Lato-BlackItalic.ttf +0 -0
  4. package/assets/fonts/Lato/Lato-Bold.ttf +0 -0
  5. package/assets/fonts/Lato/Lato-BoldItalic.ttf +0 -0
  6. package/assets/fonts/Lato/Lato-Hairline.ttf +0 -0
  7. package/assets/fonts/Lato/Lato-HairlineItalic.ttf +0 -0
  8. package/assets/fonts/Lato/Lato-Italic.ttf +0 -0
  9. package/assets/fonts/Lato/Lato-Light.ttf +0 -0
  10. package/assets/fonts/Lato/Lato-LightItalic.ttf +0 -0
  11. package/assets/fonts/Lato/Lato-Regular.ttf +0 -0
  12. package/assets/fonts/Lato/OFL.txt +0 -0
  13. package/assets/interface/documents.svg +136 -136
  14. package/assets/interface/icons/alert-success.svg +17 -17
  15. package/assets/interface/icons/arrow-left.svg +8 -8
  16. package/assets/interface/icons/arrow-right-02.svg +10 -10
  17. package/assets/interface/icons/arrow-right.svg +8 -8
  18. package/assets/interface/icons/basic-check-magenta.svg +1 -1
  19. package/assets/interface/icons/bulb-example.svg +20 -20
  20. package/assets/interface/icons/bulb-tip.svg +32 -32
  21. package/assets/interface/icons/check-green-circle-large.svg +23 -23
  22. package/assets/interface/icons/check-green.svg +16 -16
  23. package/assets/interface/icons/check-purple.svg +20 -20
  24. package/assets/interface/icons/cloud-download.svg +20 -20
  25. package/assets/interface/icons/document-pdf.svg +13 -13
  26. package/assets/interface/icons/document-review.svg +20 -20
  27. package/assets/interface/icons/document-status-approved.svg +21 -21
  28. package/assets/interface/icons/document-status-empty.svg +18 -18
  29. package/assets/interface/icons/document-status-error.svg +23 -23
  30. package/assets/interface/icons/document-status-success.svg +19 -19
  31. package/assets/interface/icons/eye-action.svg +1 -1
  32. package/assets/interface/icons/hand-stop.svg +19 -19
  33. package/assets/interface/icons/happy-01.svg +0 -0
  34. package/assets/interface/icons/happy-02.svg +0 -0
  35. package/assets/interface/icons/happy-03.svg +0 -0
  36. package/assets/interface/icons/happy-04.svg +0 -0
  37. package/assets/interface/icons/happy-05.svg +0 -0
  38. package/assets/interface/icons/heart.svg +13 -13
  39. package/assets/interface/icons/intercom-messenger-icon.svg +1 -1
  40. package/assets/interface/icons/lock-icon.svg +1 -1
  41. package/assets/interface/icons/mail-circle.svg +32 -32
  42. package/assets/interface/icons/mail-edit.svg +20 -20
  43. package/assets/interface/icons/pen-edit.svg +22 -22
  44. package/assets/interface/icons/plus-circle.svg +22 -22
  45. package/assets/interface/icons/question-sign.svg +10 -10
  46. package/assets/interface/icons/shield.svg +31 -31
  47. package/assets/interface/icons/signature-modal-approved.svg +17 -17
  48. package/assets/interface/icons/signature-modal-waiting.svg +23 -23
  49. package/assets/interface/icons/signature-pending.svg +25 -25
  50. package/assets/interface/icons/signature-step-active.svg +19 -19
  51. package/assets/interface/icons/signature-step-completed.svg +19 -19
  52. package/assets/interface/icons/signature-step-default.svg +19 -19
  53. package/assets/interface/icons/skull.svg +23 -23
  54. package/assets/interface/icons/step-incomplete.svg +18 -18
  55. package/assets/interface/icons/trash-delete.svg +20 -20
  56. package/assets/interface/icons/warning-sign.svg +22 -22
  57. package/assets/interface/icons/x-circle.svg +14 -14
  58. package/assets/interface/sempli_2.0/17-dale_superpoderes.jpeg +0 -0
  59. package/assets/interface/sempli_2.0/17-dale_superpoderes.webp +0 -0
  60. package/assets/interface/sempli_2.0/5-seguridad-y-control-min.png +0 -0
  61. package/assets/interface/sempli_2.0/5-seguridad-y-control-min.webp +0 -0
  62. package/assets/interface/sempli_2.0/7-financia-tu-capital-de-trabajo2-01.webp +0 -0
  63. package/assets/interface/sempli_2.0/7-financia-tu-capital-de-trabajo2.webp +0 -0
  64. package/assets/interface/sempli_2.0/credito-a-termino.jpg +0 -0
  65. package/assets/interface/sempli_2.0/credito-a-termino.webp +0 -0
  66. package/assets/interface/sempli_2.0/credito-flexi-sub-img.jpg +0 -0
  67. package/assets/interface/sempli_2.0/credito-flexi-sub-img.webp +0 -0
  68. package/assets/interface/sempli_2.0/dale_superpoderes.jpg +0 -0
  69. package/assets/interface/sempli_2.0/dale_superpoderes.webp +0 -0
  70. package/assets/interface/sempli_2.0/flexi-01.webp +0 -0
  71. package/assets/interface/sempli_2.0/video-hero-main.mp4 +0 -0
  72. package/assets/interface/sempli_2.0/video-main.mp4 +0 -0
  73. package/assets/interface/sempli_2.0/video-main.webm +0 -0
  74. package/esm2022/lib/sempli-website-lib.module.mjs +5 -5
  75. package/esm2022/public-api.mjs +1 -1
  76. package/fesm2022/sempli-website-lib.mjs +4 -4
  77. package/fesm2022/sempli-website-lib.mjs.map +1 -1
  78. package/package.json +1 -1
  79. package/styles/_main.scss +2 -2
  80. package/styles/master-app.scss +17839 -18114
  81. package/styles/master-landing.scss +20644 -20834
  82. package/styles/modules/_functions.scss +37 -37
  83. package/styles/modules/_mixins.scss +68 -68
  84. package/styles/modules/_variables.scss +54 -54
  85. package/styles/partials/_base.scss +277 -277
  86. package/styles/partials/_buttons.scss +446 -453
  87. package/styles/partials/_fonts.scss +83 -83
  88. package/styles/partials/_forms.scss +839 -1107
  89. package/styles/partials/_icons.scss +12 -12
  90. package/styles/partials/_layout.scss +149 -149
  91. package/styles/partials/_modals.scss +254 -254
  92. package/styles/partials/_panels.scss +51 -51
  93. package/styles/partials/_progress-bars.scss +60 -60
  94. package/styles/partials/_tooltips.scss +128 -128
  95. package/styles/partials/_videos.scss +32 -32
  96. package/styles/partials/animations.scss +155 -155
  97. package/styles/partials/app/_blocks.scss +101 -101
  98. package/styles/partials/app/_cards.scss +155 -155
  99. package/styles/partials/app/_general.scss +1193 -1193
  100. package/styles/partials/app/_header.scss +713 -713
  101. package/styles/partials/app/_layout.scss +219 -219
  102. package/styles/partials/app/_my-account.scss +203 -203
  103. package/styles/partials/app/_my-loan-applications.scss +165 -165
  104. package/styles/partials/app/_my-products.scss +1019 -1019
  105. package/styles/partials/app/_signatures.scss +16 -16
  106. package/styles/partials/landing/_footer.scss +234 -234
  107. package/styles/partials/landing/_general.scss +2612 -2527
  108. package/styles/partials/landing/_header.scss +968 -968
  109. package/styles/partials/landing/_hero-wrappers.scss +650 -650
  110. package/styles/vendor/_animate.scss +3 -3
  111. package/styles/vendor/_compass.scss +4 -4
  112. package/styles/vendor/_lemonade.scss +37 -37
  113. package/styles/vendor/_modules_export.scss +11212 -11212
  114. package/styles/vendor/_normalize.scss +341 -341
  115. package/styles/vendor/animation/_animate.scss +31 -31
  116. package/styles/vendor/animation/_core.scss +127 -127
  117. package/styles/vendor/animation/_shared.scss +21 -21
  118. package/styles/vendor/animation/animate/_attention-seekers.scss +151 -151
  119. package/styles/vendor/animation/animate/_bouncing.scss +2 -2
  120. package/styles/vendor/animation/animate/_classes.scss +21 -21
  121. package/styles/vendor/animation/animate/_fading.scss +2 -2
  122. package/styles/vendor/animation/animate/_flippers.scss +87 -87
  123. package/styles/vendor/animation/animate/_lightspeed.scss +23 -23
  124. package/styles/vendor/animation/animate/_rotating.scss +3 -3
  125. package/styles/vendor/animation/animate/_specials.scss +42 -42
  126. package/styles/vendor/animation/animate/bouncing/_bouncing-entrances.scss +68 -68
  127. package/styles/vendor/animation/animate/bouncing/_bouncing-exits.scss +60 -60
  128. package/styles/vendor/animation/animate/fading/_fading-entrances.scss +86 -86
  129. package/styles/vendor/animation/animate/fading/_fading-exits.scss +86 -86
  130. package/styles/vendor/animation/animate/rotating/_rotating-entrances.scss +58 -58
  131. package/styles/vendor/animation/animate/rotating/_rotating-exits.scss +58 -58
  132. package/styles/vendor/compass/_css3.scss +21 -21
  133. package/styles/vendor/compass/_functions.scss +7 -7
  134. package/styles/vendor/compass/_layout.scss +3 -3
  135. package/styles/vendor/compass/_reset-legacy.scss +3 -3
  136. package/styles/vendor/compass/_reset.scss +3 -3
  137. package/styles/vendor/compass/_support.scss +40 -40
  138. package/styles/vendor/compass/_typography.scss +4 -4
  139. package/styles/vendor/compass/_utilities.scss +9 -9
  140. package/styles/vendor/compass/css3/_animation.scss +2 -2
  141. package/styles/vendor/compass/css3/_appearance.scss +16 -16
  142. package/styles/vendor/compass/css3/_background-clip.scss +43 -43
  143. package/styles/vendor/compass/css3/_background-origin.scss +42 -42
  144. package/styles/vendor/compass/css3/_background-size.scss +26 -26
  145. package/styles/vendor/compass/css3/_border-radius.scss +130 -130
  146. package/styles/vendor/compass/css3/_box-shadow.scss +76 -76
  147. package/styles/vendor/compass/css3/_box-sizing.scss +18 -18
  148. package/styles/vendor/compass/css3/_box.scss +110 -110
  149. package/styles/vendor/compass/css3/_columns.scss +157 -157
  150. package/styles/vendor/compass/css3/_filter.scss +24 -24
  151. package/styles/vendor/compass/css3/_flexbox.scss +86 -86
  152. package/styles/vendor/compass/css3/_font-face.scss +48 -48
  153. package/styles/vendor/compass/css3/_hyphenation.scss +77 -77
  154. package/styles/vendor/compass/css3/_images.scss +133 -133
  155. package/styles/vendor/compass/css3/_inline-block.scss +22 -22
  156. package/styles/vendor/compass/css3/_opacity.scss +19 -19
  157. package/styles/vendor/compass/css3/_pie.scss +73 -73
  158. package/styles/vendor/compass/css3/_regions.scss +21 -21
  159. package/styles/vendor/compass/css3/_shared.scss +38 -38
  160. package/styles/vendor/compass/css3/_text-shadow.scss +88 -88
  161. package/styles/vendor/compass/css3/_transform-legacy.scss +87 -87
  162. package/styles/vendor/compass/css3/_transform.scss +598 -598
  163. package/styles/vendor/compass/css3/_transition.scss +222 -222
  164. package/styles/vendor/compass/css3/_user-interface.scss +47 -47
  165. package/styles/vendor/compass/functions/_colors.scss +37 -37
  166. package/styles/vendor/compass/functions/_constants.scss +18 -18
  167. package/styles/vendor/compass/functions/_cross_browser_support.scss +72 -72
  168. package/styles/vendor/compass/functions/_display.scss +36 -36
  169. package/styles/vendor/compass/functions/_font_files.scss +95 -95
  170. package/styles/vendor/compass/functions/_gradient_support.scss +14 -14
  171. package/styles/vendor/compass/functions/_lists.scss +90 -90
  172. package/styles/vendor/compass/layout/_grid-background.scss +178 -178
  173. package/styles/vendor/compass/layout/_sticky-footer.scss +23 -23
  174. package/styles/vendor/compass/layout/_stretching.scss +23 -23
  175. package/styles/vendor/compass/reset/_utilities-legacy.scss +135 -135
  176. package/styles/vendor/compass/reset/_utilities.scss +142 -142
  177. package/styles/vendor/compass/typography/_links.scss +3 -3
  178. package/styles/vendor/compass/typography/_lists.scss +4 -4
  179. package/styles/vendor/compass/typography/_text.scss +4 -4
  180. package/styles/vendor/compass/typography/_vertical_rhythm.scss +229 -229
  181. package/styles/vendor/compass/typography/links/_hover-link.scss +5 -5
  182. package/styles/vendor/compass/typography/links/_link-colors.scss +28 -28
  183. package/styles/vendor/compass/typography/links/_unstyled-link.scss +7 -7
  184. package/styles/vendor/compass/typography/lists/_bullets.scss +34 -34
  185. package/styles/vendor/compass/typography/lists/_horizontal-list.scss +61 -61
  186. package/styles/vendor/compass/typography/lists/_inline-block-list.scss +50 -50
  187. package/styles/vendor/compass/typography/lists/_inline-list.scss +44 -44
  188. package/styles/vendor/compass/typography/text/_ellipsis.scss +25 -25
  189. package/styles/vendor/compass/typography/text/_force-wrap.scss +12 -12
  190. package/styles/vendor/compass/typography/text/_nowrap.scss +2 -2
  191. package/styles/vendor/compass/typography/text/_replacement.scss +68 -68
  192. package/styles/vendor/compass/utilities/_general.scss +6 -6
  193. package/styles/vendor/compass/utilities/_links.scss +5 -5
  194. package/styles/vendor/compass/utilities/_lists.scss +6 -6
  195. package/styles/vendor/compass/utilities/_print.scss +17 -17
  196. package/styles/vendor/compass/utilities/_sprites.scss +2 -2
  197. package/styles/vendor/compass/utilities/_tables.scss +3 -3
  198. package/styles/vendor/compass/utilities/_text.scss +5 -5
  199. package/styles/vendor/compass/utilities/color/_contrast.scss +27 -27
  200. package/styles/vendor/compass/utilities/general/_clearfix.scss +44 -44
  201. package/styles/vendor/compass/utilities/general/_float.scss +29 -29
  202. package/styles/vendor/compass/utilities/general/_hacks.scss +47 -47
  203. package/styles/vendor/compass/utilities/general/_min.scss +16 -16
  204. package/styles/vendor/compass/utilities/general/_reset.scss +2 -2
  205. package/styles/vendor/compass/utilities/general/_tabs.scss +1 -1
  206. package/styles/vendor/compass/utilities/general/_tag-cloud.scss +18 -18
  207. package/styles/vendor/compass/utilities/links/_hover-link.scss +3 -3
  208. package/styles/vendor/compass/utilities/links/_link-colors.scss +3 -3
  209. package/styles/vendor/compass/utilities/links/_unstyled-link.scss +3 -3
  210. package/styles/vendor/compass/utilities/lists/_bullets.scss +3 -3
  211. package/styles/vendor/compass/utilities/lists/_horizontal-list.scss +3 -3
  212. package/styles/vendor/compass/utilities/lists/_inline-block-list.scss +3 -3
  213. package/styles/vendor/compass/utilities/lists/_inline-list.scss +3 -3
  214. package/styles/vendor/compass/utilities/sprites/_base.scss +65 -65
  215. package/styles/vendor/compass/utilities/sprites/_sprite-img.scss +78 -78
  216. package/styles/vendor/compass/utilities/tables/_alternating-rows-and-columns.scss +22 -22
  217. package/styles/vendor/compass/utilities/tables/_borders.scss +33 -33
  218. package/styles/vendor/compass/utilities/tables/_scaffolding.scss +9 -9
  219. package/styles/vendor/compass/utilities/text/_ellipsis.scss +3 -3
  220. package/styles/vendor/compass/utilities/text/_nowrap.scss +3 -3
  221. package/styles/vendor/compass/utilities/text/_replacement.scss +3 -3
  222. package/assets/interface/icons/check-circle.svg +0 -1
  223. package/assets/interface/icons/x-circle-alert.svg +0 -1
  224. 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";