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,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
+ }