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,26 +1,26 @@
1
- @import "shared";
2
-
3
- // override to change the default
4
- $default-background-size: 100% auto !default;
5
-
6
- // Set the size of background images using px, width and height, or percentages.
7
- // Currently supported in: Opera, Gecko, Webkit.
8
- //
9
- // * percentages are relative to the background-origin (default = padding-box)
10
- // * mixin defaults to: `$default-background-size`
11
- @mixin background-size(
12
- $size-1: $default-background-size,
13
- $size-2: false,
14
- $size-3: false,
15
- $size-4: false,
16
- $size-5: false,
17
- $size-6: false,
18
- $size-7: false,
19
- $size-8: false,
20
- $size-9: false,
21
- $size-10: false
22
- ) {
23
- $size-1: if(type-of($size-1) == string, unquote($size-1), $size-1);
24
- $sizes: compact($size-1, $size-2, $size-3, $size-4, $size-5, $size-6, $size-7, $size-8, $size-9, $size-10);
25
- @include experimental(background-size, $sizes, -moz, -webkit, -o, not(-ms), not(-khtml));
26
- }
1
+ @import "shared";
2
+
3
+ // override to change the default
4
+ $default-background-size: 100% auto !default;
5
+
6
+ // Set the size of background images using px, width and height, or percentages.
7
+ // Currently supported in: Opera, Gecko, Webkit.
8
+ //
9
+ // * percentages are relative to the background-origin (default = padding-box)
10
+ // * mixin defaults to: `$default-background-size`
11
+ @mixin background-size(
12
+ $size-1: $default-background-size,
13
+ $size-2: false,
14
+ $size-3: false,
15
+ $size-4: false,
16
+ $size-5: false,
17
+ $size-6: false,
18
+ $size-7: false,
19
+ $size-8: false,
20
+ $size-9: false,
21
+ $size-10: false
22
+ ) {
23
+ $size-1: if(type-of($size-1) == string, unquote($size-1), $size-1);
24
+ $sizes: compact($size-1, $size-2, $size-3, $size-4, $size-5, $size-6, $size-7, $size-8, $size-9, $size-10);
25
+ @include experimental(background-size, $sizes, -moz, -webkit, -o, not(-ms), not(-khtml));
26
+ }
@@ -1,130 +1,130 @@
1
- @import "shared";
2
-
3
- $default-border-radius: 5px !default;
4
-
5
- // Round all corners by a specific amount, defaults to value of `$default-border-radius`.
6
- //
7
- // When two values are passed, the first is the horizontal radius
8
- // and the second is the vertical radius.
9
- //
10
- // Note: webkit does not support shorthand syntax for several corners at once.
11
- // So in the case where you pass several values only the first will be passed to webkit.
12
- //
13
- // Examples:
14
- //
15
- // .simple { @include border-radius(4px, 4px); }
16
- // .compound { @include border-radius(2px 5px, 3px 6px); }
17
- // .crazy { @include border-radius(1px 3px 5px 7px, 2px 4px 6px 8px)}
18
- //
19
- // Which generates:
20
- //
21
- // .simple {
22
- // -webkit-border-radius: 4px 4px;
23
- // -moz-border-radius: 4px / 4px;
24
- // -khtml-border-radius: 4px / 4px;
25
- // border-radius: 4px / 4px; }
26
- //
27
- // .compound {
28
- // -webkit-border-radius: 2px 3px;
29
- // -moz-border-radius: 2px 5px / 3px 6px;
30
- // -khtml-border-radius: 2px 5px / 3px 6px;
31
- // border-radius: 2px 5px / 3px 6px; }
32
- //
33
- // .crazy {
34
- // -webkit-border-radius: 1px 2px;
35
- // -moz-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
36
- // -khtml-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
37
- // border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px; }
38
-
39
- @mixin border-radius($radius: $default-border-radius, $vertical-radius: false) {
40
-
41
- @if $vertical-radius {
42
- // Webkit doesn't understand the official shorthand syntax for specifying
43
- // a vertical radius unless so in case there's several we only take the first.
44
- @include experimental(border-radius, first-value-of($radius) first-value-of($vertical-radius),
45
- not(-moz),
46
- -webkit,
47
- not(-o),
48
- not(-ms),
49
- not(-khtml),
50
- not(official)
51
- );
52
- @include experimental("border-radius", $radius unquote("/") $vertical-radius,
53
- -moz,
54
- not(-webkit),
55
- not(-o),
56
- not(-ms),
57
- -khtml,
58
- official
59
- );
60
- }
61
- @else {
62
- @include experimental(border-radius, $radius);
63
- }
64
- }
65
-
66
- // Round radius at position by amount.
67
- //
68
- // * legal values for `$vert`: `top`, `bottom`
69
- // * legal values for `$horz`: `left`, `right`
70
-
71
- @mixin border-corner-radius($vert, $horz, $radius: $default-border-radius) {
72
- // Support for mozilla's syntax for specifying a corner
73
- @include experimental("border-radius-#{$vert}#{$horz}", $radius,
74
- -moz,
75
- not(-webkit),
76
- not(-o),
77
- not(-ms),
78
- not(-khtml),
79
- not(official)
80
- );
81
- @include experimental("border-#{$vert}-#{$horz}-radius", $radius,
82
- not(-moz),
83
- -webkit,
84
- not(-o),
85
- not(-ms),
86
- -khtml,
87
- official
88
- );
89
-
90
- }
91
-
92
- // Round top-left corner only
93
-
94
- @mixin border-top-left-radius($radius: $default-border-radius) {
95
- @include border-corner-radius(top, left, $radius); }
96
-
97
- // Round top-right corner only
98
-
99
- @mixin border-top-right-radius($radius: $default-border-radius) {
100
- @include border-corner-radius(top, right, $radius); }
101
-
102
- // Round bottom-left corner only
103
-
104
- @mixin border-bottom-left-radius($radius: $default-border-radius) {
105
- @include border-corner-radius(bottom, left, $radius); }
106
-
107
- // Round bottom-right corner only
108
-
109
- @mixin border-bottom-right-radius($radius: $default-border-radius) {
110
- @include border-corner-radius(bottom, right, $radius); }
111
-
112
- // Round both top corners by amount
113
- @mixin border-top-radius($radius: $default-border-radius) {
114
- @include border-top-left-radius($radius);
115
- @include border-top-right-radius($radius); }
116
-
117
- // Round both right corners by amount
118
- @mixin border-right-radius($radius: $default-border-radius) {
119
- @include border-top-right-radius($radius);
120
- @include border-bottom-right-radius($radius); }
121
-
122
- // Round both bottom corners by amount
123
- @mixin border-bottom-radius($radius: $default-border-radius) {
124
- @include border-bottom-left-radius($radius);
125
- @include border-bottom-right-radius($radius); }
126
-
127
- // Round both left corners by amount
128
- @mixin border-left-radius($radius: $default-border-radius) {
129
- @include border-top-left-radius($radius);
130
- @include border-bottom-left-radius($radius); }
1
+ @import "shared";
2
+
3
+ $default-border-radius: 5px !default;
4
+
5
+ // Round all corners by a specific amount, defaults to value of `$default-border-radius`.
6
+ //
7
+ // When two values are passed, the first is the horizontal radius
8
+ // and the second is the vertical radius.
9
+ //
10
+ // Note: webkit does not support shorthand syntax for several corners at once.
11
+ // So in the case where you pass several values only the first will be passed to webkit.
12
+ //
13
+ // Examples:
14
+ //
15
+ // .simple { @include border-radius(4px, 4px); }
16
+ // .compound { @include border-radius(2px 5px, 3px 6px); }
17
+ // .crazy { @include border-radius(1px 3px 5px 7px, 2px 4px 6px 8px)}
18
+ //
19
+ // Which generates:
20
+ //
21
+ // .simple {
22
+ // -webkit-border-radius: 4px 4px;
23
+ // -moz-border-radius: 4px / 4px;
24
+ // -khtml-border-radius: 4px / 4px;
25
+ // border-radius: 4px / 4px; }
26
+ //
27
+ // .compound {
28
+ // -webkit-border-radius: 2px 3px;
29
+ // -moz-border-radius: 2px 5px / 3px 6px;
30
+ // -khtml-border-radius: 2px 5px / 3px 6px;
31
+ // border-radius: 2px 5px / 3px 6px; }
32
+ //
33
+ // .crazy {
34
+ // -webkit-border-radius: 1px 2px;
35
+ // -moz-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
36
+ // -khtml-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
37
+ // border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px; }
38
+
39
+ @mixin border-radius($radius: $default-border-radius, $vertical-radius: false) {
40
+
41
+ @if $vertical-radius {
42
+ // Webkit doesn't understand the official shorthand syntax for specifying
43
+ // a vertical radius unless so in case there's several we only take the first.
44
+ @include experimental(border-radius, first-value-of($radius) first-value-of($vertical-radius),
45
+ not(-moz),
46
+ -webkit,
47
+ not(-o),
48
+ not(-ms),
49
+ not(-khtml),
50
+ not(official)
51
+ );
52
+ @include experimental("border-radius", $radius unquote("/") $vertical-radius,
53
+ -moz,
54
+ not(-webkit),
55
+ not(-o),
56
+ not(-ms),
57
+ -khtml,
58
+ official
59
+ );
60
+ }
61
+ @else {
62
+ @include experimental(border-radius, $radius);
63
+ }
64
+ }
65
+
66
+ // Round radius at position by amount.
67
+ //
68
+ // * legal values for `$vert`: `top`, `bottom`
69
+ // * legal values for `$horz`: `left`, `right`
70
+
71
+ @mixin border-corner-radius($vert, $horz, $radius: $default-border-radius) {
72
+ // Support for mozilla's syntax for specifying a corner
73
+ @include experimental("border-radius-#{$vert}#{$horz}", $radius,
74
+ -moz,
75
+ not(-webkit),
76
+ not(-o),
77
+ not(-ms),
78
+ not(-khtml),
79
+ not(official)
80
+ );
81
+ @include experimental("border-#{$vert}-#{$horz}-radius", $radius,
82
+ not(-moz),
83
+ -webkit,
84
+ not(-o),
85
+ not(-ms),
86
+ -khtml,
87
+ official
88
+ );
89
+
90
+ }
91
+
92
+ // Round top-left corner only
93
+
94
+ @mixin border-top-left-radius($radius: $default-border-radius) {
95
+ @include border-corner-radius(top, left, $radius); }
96
+
97
+ // Round top-right corner only
98
+
99
+ @mixin border-top-right-radius($radius: $default-border-radius) {
100
+ @include border-corner-radius(top, right, $radius); }
101
+
102
+ // Round bottom-left corner only
103
+
104
+ @mixin border-bottom-left-radius($radius: $default-border-radius) {
105
+ @include border-corner-radius(bottom, left, $radius); }
106
+
107
+ // Round bottom-right corner only
108
+
109
+ @mixin border-bottom-right-radius($radius: $default-border-radius) {
110
+ @include border-corner-radius(bottom, right, $radius); }
111
+
112
+ // Round both top corners by amount
113
+ @mixin border-top-radius($radius: $default-border-radius) {
114
+ @include border-top-left-radius($radius);
115
+ @include border-top-right-radius($radius); }
116
+
117
+ // Round both right corners by amount
118
+ @mixin border-right-radius($radius: $default-border-radius) {
119
+ @include border-top-right-radius($radius);
120
+ @include border-bottom-right-radius($radius); }
121
+
122
+ // Round both bottom corners by amount
123
+ @mixin border-bottom-radius($radius: $default-border-radius) {
124
+ @include border-bottom-left-radius($radius);
125
+ @include border-bottom-right-radius($radius); }
126
+
127
+ // Round both left corners by amount
128
+ @mixin border-left-radius($radius: $default-border-radius) {
129
+ @include border-top-left-radius($radius);
130
+ @include border-bottom-left-radius($radius); }
@@ -1,76 +1,76 @@
1
- // @doc off
2
- // These defaults make the arguments optional for this mixin
3
- // If you like, set different defaults before importing.
4
- // @doc on
5
-
6
- @import "shared";
7
- @import "../functions";
8
-
9
- // The default color for box shadows
10
- $default-box-shadow-color: #333333 !default;
11
-
12
- // The default horizontal offset. Positive is to the right.
13
- $default-box-shadow-h-offset: 0px !default;
14
-
15
- // The default vertical offset. Positive is down.
16
- $default-box-shadow-v-offset: 0px !default;
17
-
18
- // The default blur length.
19
- $default-box-shadow-blur: 5px !default;
20
-
21
- // The default spread length.
22
- $default-box-shadow-spread : false !default;
23
-
24
- // The default shadow inset: inset or false (for standard shadow).
25
- $default-box-shadow-inset : false !default;
26
-
27
- // Provides cross-browser for Webkit, Gecko, and CSS3 box shadows when one or more box
28
- // shadows are needed.
29
- // Each shadow argument should adhere to the standard css3 syntax for the
30
- // box-shadow property.
31
- @mixin box-shadow(
32
- $shadow-1 : default,
33
- $shadow-2 : false,
34
- $shadow-3 : false,
35
- $shadow-4 : false,
36
- $shadow-5 : false,
37
- $shadow-6 : false,
38
- $shadow-7 : false,
39
- $shadow-8 : false,
40
- $shadow-9 : false,
41
- $shadow-10: false
42
- ) {
43
- @if $shadow-1 == default {
44
- $shadow-1 : -compass-space-list(compact(if($default-box-shadow-inset, inset, false), $default-box-shadow-h-offset, $default-box-shadow-v-offset, $default-box-shadow-blur, $default-box-shadow-spread, $default-box-shadow-color));
45
- }
46
- $shadow : compact($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10);
47
- @include experimental(box-shadow, $shadow,
48
- -moz, -webkit, not(-o), not(-ms), not(-khtml), official
49
- );
50
- }
51
-
52
- // Provides a single cross-browser CSS box shadow for Webkit, Gecko, and CSS3.
53
- // Includes default arguments for horizontal offset, vertical offset, blur length, spread length, color and inset.
54
- @mixin single-box-shadow(
55
- $hoff : $default-box-shadow-h-offset,
56
- $voff : $default-box-shadow-v-offset,
57
- $blur : $default-box-shadow-blur,
58
- $spread : $default-box-shadow-spread,
59
- $color : $default-box-shadow-color,
60
- $inset : $default-box-shadow-inset
61
- ) {
62
- @if not ($inset == true or $inset == false or $inset == inset) {
63
- @warn "$inset expected to be true or the inset keyword. Got #{$inset} instead. Using: inset";
64
- }
65
-
66
- @if $color == none {
67
- @include box-shadow(none);
68
- } @else {
69
- $full : $hoff $voff;
70
- @if $blur { $full: $full $blur; }
71
- @if $spread { $full: $full $spread; }
72
- @if $color { $full: $full $color; }
73
- @if $inset { $full: inset $full; }
74
- @include box-shadow($full);
75
- }
76
- }
1
+ // @doc off
2
+ // These defaults make the arguments optional for this mixin
3
+ // If you like, set different defaults before importing.
4
+ // @doc on
5
+
6
+ @import "shared";
7
+ @import "../functions";
8
+
9
+ // The default color for box shadows
10
+ $default-box-shadow-color: #333333 !default;
11
+
12
+ // The default horizontal offset. Positive is to the right.
13
+ $default-box-shadow-h-offset: 0px !default;
14
+
15
+ // The default vertical offset. Positive is down.
16
+ $default-box-shadow-v-offset: 0px !default;
17
+
18
+ // The default blur length.
19
+ $default-box-shadow-blur: 5px !default;
20
+
21
+ // The default spread length.
22
+ $default-box-shadow-spread : false !default;
23
+
24
+ // The default shadow inset: inset or false (for standard shadow).
25
+ $default-box-shadow-inset : false !default;
26
+
27
+ // Provides cross-browser for Webkit, Gecko, and CSS3 box shadows when one or more box
28
+ // shadows are needed.
29
+ // Each shadow argument should adhere to the standard css3 syntax for the
30
+ // box-shadow property.
31
+ @mixin box-shadow(
32
+ $shadow-1 : default,
33
+ $shadow-2 : false,
34
+ $shadow-3 : false,
35
+ $shadow-4 : false,
36
+ $shadow-5 : false,
37
+ $shadow-6 : false,
38
+ $shadow-7 : false,
39
+ $shadow-8 : false,
40
+ $shadow-9 : false,
41
+ $shadow-10: false
42
+ ) {
43
+ @if $shadow-1 == default {
44
+ $shadow-1 : -compass-space-list(compact(if($default-box-shadow-inset, inset, false), $default-box-shadow-h-offset, $default-box-shadow-v-offset, $default-box-shadow-blur, $default-box-shadow-spread, $default-box-shadow-color));
45
+ }
46
+ $shadow : compact($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10);
47
+ @include experimental(box-shadow, $shadow,
48
+ -moz, -webkit, not(-o), not(-ms), not(-khtml), official
49
+ );
50
+ }
51
+
52
+ // Provides a single cross-browser CSS box shadow for Webkit, Gecko, and CSS3.
53
+ // Includes default arguments for horizontal offset, vertical offset, blur length, spread length, color and inset.
54
+ @mixin single-box-shadow(
55
+ $hoff : $default-box-shadow-h-offset,
56
+ $voff : $default-box-shadow-v-offset,
57
+ $blur : $default-box-shadow-blur,
58
+ $spread : $default-box-shadow-spread,
59
+ $color : $default-box-shadow-color,
60
+ $inset : $default-box-shadow-inset
61
+ ) {
62
+ @if not ($inset == true or $inset == false or $inset == inset) {
63
+ @warn "$inset expected to be true or the inset keyword. Got #{$inset} instead. Using: inset";
64
+ }
65
+
66
+ @if $color == none {
67
+ @include box-shadow(none);
68
+ } @else {
69
+ $full : $hoff $voff;
70
+ @if $blur { $full: $full $blur; }
71
+ @if $spread { $full: $full $spread; }
72
+ @if $color { $full: $full $color; }
73
+ @if $inset { $full: inset $full; }
74
+ @include box-shadow($full);
75
+ }
76
+ }
@@ -1,18 +1,18 @@
1
- @import "shared";
2
-
3
- // The default box-sizing model when no argument is provided to the box-sizing mixin: [ content-box | border-box | padding-box ]
4
- //
5
- // The browser default is content-box, compass defaults to border-box.
6
- $default-box-sizing: border-box !default;
7
-
8
- // Change the box model for Mozilla, Webkit, IE8 and the future
9
- //
10
- // @param $bs
11
- // [ content-box | border-box ]
12
-
13
- @mixin box-sizing($bs: $default-box-sizing) {
14
- $bs: unquote($bs);
15
- @include experimental(box-sizing, $bs,
16
- -moz, -webkit, not(-o), not(-ms), not(-khtml), official
17
- );
18
- }
1
+ @import "shared";
2
+
3
+ // The default box-sizing model when no argument is provided to the box-sizing mixin: [ content-box | border-box | padding-box ]
4
+ //
5
+ // The browser default is content-box, compass defaults to border-box.
6
+ $default-box-sizing: border-box !default;
7
+
8
+ // Change the box model for Mozilla, Webkit, IE8 and the future
9
+ //
10
+ // @param $bs
11
+ // [ content-box | border-box ]
12
+
13
+ @mixin box-sizing($bs: $default-box-sizing) {
14
+ $bs: unquote($bs);
15
+ @include experimental(box-sizing, $bs,
16
+ -moz, -webkit, not(-o), not(-ms), not(-khtml), official
17
+ );
18
+ }