@agilekit/ui 0.0.514-alpha.0 → 0.1.0-alpha.0

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 (202) hide show
  1. package/README.md +42 -42
  2. package/lib/index.js +1 -1
  3. package/lib/index.js.LICENSE.txt +0 -8
  4. package/lib/src/Theme.d.ts +5 -3
  5. package/lib/src/components/Badge/Badge.d.ts +1 -1
  6. package/lib/src/components/Box/Box.d.ts +1 -1
  7. package/lib/src/components/Breadcrumb/Breadcrumb.d.ts +1 -1
  8. package/lib/src/components/Card/Card.d.ts +1 -1
  9. package/lib/src/components/ChoiceItem/ChoiceItem.d.ts +1 -1
  10. package/lib/src/components/DataTable/DataTable.d.ts +1 -1
  11. package/lib/src/components/FormSectionTitle/FormSectionTitle.d.ts +1 -1
  12. package/lib/src/components/Gallery/Gallery.d.ts +1 -1
  13. package/lib/src/components/Gallery/components/ImageWithFallback/ImageWithFallback.d.ts +1 -1
  14. package/lib/src/components/Gallery/components/Lightbox/Lightbox.d.ts +2 -2
  15. package/lib/src/components/Grid/components/Row/Row.d.ts +1 -1
  16. package/lib/src/components/Link/Link.d.ts +1 -1
  17. package/lib/src/components/PaymentProcessing/PaymentProcessing.d.ts +2 -2
  18. package/lib/src/components/Popover/Popover.d.ts +1 -1
  19. package/lib/src/components/Slider/Slider.d.ts +2 -2
  20. package/lib/src/components/Switch/Switch.d.ts +1 -1
  21. package/lib/src/components/TableList/TableList.d.ts +1 -1
  22. package/lib/src/components/TableList/components/Cell/Cell.d.ts +1 -1
  23. package/lib/src/components/TableList/components/ColumnHeader/ColumnHeader.d.ts +1 -1
  24. package/lib/src/components/TextField/TextField.styles.d.ts +4 -3
  25. package/lib/src/index.d.ts +5 -3
  26. package/package.json +160 -162
  27. package/src/assets/fonts/fontello/README.txt +75 -75
  28. package/src/assets/fonts/fontello/config.json +933 -933
  29. package/src/assets/fonts/fontello/css/animation.css +85 -85
  30. package/src/assets/fonts/fontello/css/fontello-codes.css +66 -66
  31. package/src/assets/fonts/fontello/css/fontello-embedded.css +119 -119
  32. package/src/assets/fonts/fontello/css/fontello-ie7-codes.css +66 -66
  33. package/src/assets/fonts/fontello/css/fontello-ie7.css +77 -77
  34. package/src/assets/fonts/fontello/css/fontello.css +122 -122
  35. package/src/assets/fonts/fontello/demo.html +402 -402
  36. package/src/assets/fonts/fontello/font/fontello.eot +0 -0
  37. package/src/assets/fonts/fontello/font/fontello.svg +141 -141
  38. package/src/assets/fonts/fontello/font/fontello.ttf +0 -0
  39. package/src/assets/fonts/fontello/font/fontello.woff +0 -0
  40. package/src/assets/fonts/fontello/font/fontello.woff2 +0 -0
  41. package/src/assets/fonts/svg/Icon/ic-chat.svg +12 -12
  42. package/src/assets/fonts/svg/Icon/ic-dollar.svg +13 -13
  43. package/src/assets/fonts/svg/Icon/ic-invoice.svg +15 -15
  44. package/src/assets/fonts/svg/Icon/ic-menu.svg +8 -8
  45. package/src/assets/fonts/svg/ic-activity.svg +8 -8
  46. package/src/assets/fonts/svg/ic-arrow-long-right.svg +48 -48
  47. package/src/assets/fonts/svg/ic-arrows.svg +9 -9
  48. package/src/assets/fonts/svg/ic-atm-card.svg +9 -9
  49. package/src/assets/fonts/svg/ic-bank-solid.svg +10 -10
  50. package/src/assets/fonts/svg/ic-bell.svg +10 -10
  51. package/src/assets/fonts/svg/ic-briefcase.svg +9 -9
  52. package/src/assets/fonts/svg/ic-calendar-alt.svg +15 -15
  53. package/src/assets/fonts/svg/ic-check-alt.svg +26 -26
  54. package/src/assets/fonts/svg/ic-check.svg +10 -10
  55. package/src/assets/fonts/svg/ic-circle-solid.svg +7 -7
  56. package/src/assets/fonts/svg/ic-circle.svg +7 -7
  57. package/src/assets/fonts/svg/ic-close.svg +9 -9
  58. package/src/assets/fonts/svg/ic-cog-solid.svg +14 -14
  59. package/src/assets/fonts/svg/ic-credit-card-solid.svg +7 -7
  60. package/src/assets/fonts/svg/ic-credit-card.svg +7 -7
  61. package/src/assets/fonts/svg/ic-database.svg +9 -9
  62. package/src/assets/fonts/svg/ic-desktop.svg +9 -9
  63. package/src/assets/fonts/svg/ic-dollar-solid.svg +10 -10
  64. package/src/assets/fonts/svg/ic-exclamation.svg +10 -10
  65. package/src/assets/fonts/svg/ic-globe.svg +9 -9
  66. package/src/assets/fonts/svg/ic-grid-solid.svg +9 -9
  67. package/src/assets/fonts/svg/ic-hash.svg +10 -10
  68. package/src/assets/fonts/svg/ic-help-circle.svg +11 -11
  69. package/src/assets/fonts/svg/ic-info.svg +10 -10
  70. package/src/assets/fonts/svg/ic-keyhole-square.svg +9 -9
  71. package/src/assets/fonts/svg/ic-lock.svg +8 -8
  72. package/src/assets/fonts/svg/ic-log-in.svg +9 -9
  73. package/src/assets/fonts/svg/ic-log-out.svg +9 -9
  74. package/src/assets/fonts/svg/ic-mail.svg +8 -8
  75. package/src/assets/fonts/svg/ic-map-pin.svg +8 -8
  76. package/src/assets/fonts/svg/ic-menu.svg +8 -8
  77. package/src/assets/fonts/svg/ic-minus.svg +6 -6
  78. package/src/assets/fonts/svg/ic-mobile-android.svg +9 -9
  79. package/src/assets/fonts/svg/ic-more.svg +27 -27
  80. package/src/assets/fonts/svg/ic-pen.svg +9 -9
  81. package/src/assets/fonts/svg/ic-phone.svg +13 -13
  82. package/src/assets/fonts/svg/ic-plus.svg +10 -10
  83. package/src/assets/fonts/svg/ic-question.svg +8 -8
  84. package/src/assets/fonts/svg/ic-search.svg +8 -8
  85. package/src/assets/fonts/svg/ic-settings.svg +27 -27
  86. package/src/assets/fonts/svg/ic-shield.svg +8 -8
  87. package/src/assets/fonts/svg/ic-shopping-cart.svg +9 -9
  88. package/src/assets/fonts/svg/ic-slash-solid.svg +7 -7
  89. package/src/assets/fonts/svg/ic-slash.svg +9 -9
  90. package/src/assets/fonts/svg/ic-sliders.svg +12 -12
  91. package/src/assets/fonts/svg/ic-store.svg +11 -11
  92. package/src/assets/fonts/svg/ic-tablet.svg +10 -10
  93. package/src/assets/fonts/svg/ic-user-circle.svg +10 -10
  94. package/src/assets/fonts/svg/ic-users.svg +21 -21
  95. package/src/assets/fonts/svg/ic-x-alt.svg +8 -8
  96. package/src/assets/styles/global/bootstrap/_alert.scss +51 -51
  97. package/src/assets/styles/global/bootstrap/_badge.scss +53 -53
  98. package/src/assets/styles/global/bootstrap/_breadcrumb.scss +41 -41
  99. package/src/assets/styles/global/bootstrap/_button-group.scss +163 -163
  100. package/src/assets/styles/global/bootstrap/_buttons.scss +140 -140
  101. package/src/assets/styles/global/bootstrap/_card.scss +311 -311
  102. package/src/assets/styles/global/bootstrap/_carousel.scss +199 -199
  103. package/src/assets/styles/global/bootstrap/_close.scss +44 -44
  104. package/src/assets/styles/global/bootstrap/_code.scss +48 -48
  105. package/src/assets/styles/global/bootstrap/_custom-forms.scss +508 -508
  106. package/src/assets/styles/global/bootstrap/_dropdown.scss +191 -191
  107. package/src/assets/styles/global/bootstrap/_forms.scss +335 -335
  108. package/src/assets/styles/global/bootstrap/_functions.scss +87 -87
  109. package/src/assets/styles/global/bootstrap/_grid.scss +52 -52
  110. package/src/assets/styles/global/bootstrap/_images.scss +42 -42
  111. package/src/assets/styles/global/bootstrap/_input-group.scss +193 -193
  112. package/src/assets/styles/global/bootstrap/_jumbotron.scss +18 -18
  113. package/src/assets/styles/global/bootstrap/_list-group.scss +121 -121
  114. package/src/assets/styles/global/bootstrap/_media.scss +8 -8
  115. package/src/assets/styles/global/bootstrap/_mixins.scss +41 -41
  116. package/src/assets/styles/global/bootstrap/_modal.scss +186 -186
  117. package/src/assets/styles/global/bootstrap/_nav.scss +120 -120
  118. package/src/assets/styles/global/bootstrap/_navbar.scss +299 -299
  119. package/src/assets/styles/global/bootstrap/_pagination.scss +78 -78
  120. package/src/assets/styles/global/bootstrap/_popover.scss +185 -185
  121. package/src/assets/styles/global/bootstrap/_print.scss +141 -141
  122. package/src/assets/styles/global/bootstrap/_progress.scss +34 -34
  123. package/src/assets/styles/global/bootstrap/_reboot.scss +462 -462
  124. package/src/assets/styles/global/bootstrap/_root.scss +19 -19
  125. package/src/assets/styles/global/bootstrap/_spinners.scss +53 -53
  126. package/src/assets/styles/global/bootstrap/_tables.scss +187 -187
  127. package/src/assets/styles/global/bootstrap/_toasts.scss +43 -43
  128. package/src/assets/styles/global/bootstrap/_tooltip.scss +117 -117
  129. package/src/assets/styles/global/bootstrap/_transitions.scss +22 -22
  130. package/src/assets/styles/global/bootstrap/_type.scss +125 -125
  131. package/src/assets/styles/global/bootstrap/_utilities.scss +16 -16
  132. package/src/assets/styles/global/bootstrap/_variables.scss +1088 -1088
  133. package/src/assets/styles/global/bootstrap/bootstrap-grid.scss +29 -29
  134. package/src/assets/styles/global/bootstrap/bootstrap-reboot.scss +12 -12
  135. package/src/assets/styles/global/bootstrap/bootstrap.scss +44 -44
  136. package/src/assets/styles/global/bootstrap/mixins/_alert.scss +13 -13
  137. package/src/assets/styles/global/bootstrap/mixins/_background-variant.scss +21 -21
  138. package/src/assets/styles/global/bootstrap/mixins/_badge.scss +11 -11
  139. package/src/assets/styles/global/bootstrap/mixins/_border-radius.scss +35 -35
  140. package/src/assets/styles/global/bootstrap/mixins/_box-shadow.scss +5 -5
  141. package/src/assets/styles/global/bootstrap/mixins/_breakpoints.scss +123 -123
  142. package/src/assets/styles/global/bootstrap/mixins/_buttons.scss +111 -111
  143. package/src/assets/styles/global/bootstrap/mixins/_caret.scss +62 -62
  144. package/src/assets/styles/global/bootstrap/mixins/_clearfix.scss +7 -7
  145. package/src/assets/styles/global/bootstrap/mixins/_float.scss +11 -11
  146. package/src/assets/styles/global/bootstrap/mixins/_forms.scss +198 -198
  147. package/src/assets/styles/global/bootstrap/mixins/_gradients.scss +45 -45
  148. package/src/assets/styles/global/bootstrap/mixins/_grid-framework.scss +66 -66
  149. package/src/assets/styles/global/bootstrap/mixins/_grid.scss +51 -51
  150. package/src/assets/styles/global/bootstrap/mixins/_hover.scss +37 -37
  151. package/src/assets/styles/global/bootstrap/mixins/_image.scss +36 -36
  152. package/src/assets/styles/global/bootstrap/mixins/_list-group.scss +21 -21
  153. package/src/assets/styles/global/bootstrap/mixins/_lists.scss +7 -7
  154. package/src/assets/styles/global/bootstrap/mixins/_nav-divider.scss +10 -10
  155. package/src/assets/styles/global/bootstrap/mixins/_pagination.scss +22 -22
  156. package/src/assets/styles/global/bootstrap/mixins/_reset-text.scss +17 -17
  157. package/src/assets/styles/global/bootstrap/mixins/_resize.scss +6 -6
  158. package/src/assets/styles/global/bootstrap/mixins/_screen-reader.scss +33 -33
  159. package/src/assets/styles/global/bootstrap/mixins/_size.scss +6 -6
  160. package/src/assets/styles/global/bootstrap/mixins/_table-row.scss +39 -39
  161. package/src/assets/styles/global/bootstrap/mixins/_text-emphasis.scss +14 -14
  162. package/src/assets/styles/global/bootstrap/mixins/_text-hide.scss +13 -13
  163. package/src/assets/styles/global/bootstrap/mixins/_text-truncate.scss +8 -8
  164. package/src/assets/styles/global/bootstrap/mixins/_transition.scss +16 -16
  165. package/src/assets/styles/global/bootstrap/mixins/_visibility.scss +7 -7
  166. package/src/assets/styles/global/bootstrap/utilities/_align.scss +8 -8
  167. package/src/assets/styles/global/bootstrap/utilities/_background.scss +19 -19
  168. package/src/assets/styles/global/bootstrap/utilities/_borders.scss +63 -63
  169. package/src/assets/styles/global/bootstrap/utilities/_clearfix.scss +3 -3
  170. package/src/assets/styles/global/bootstrap/utilities/_display.scss +38 -38
  171. package/src/assets/styles/global/bootstrap/utilities/_embed.scss +40 -40
  172. package/src/assets/styles/global/bootstrap/utilities/_flex.scss +51 -51
  173. package/src/assets/styles/global/bootstrap/utilities/_float.scss +9 -9
  174. package/src/assets/styles/global/bootstrap/utilities/_overflow.scss +5 -5
  175. package/src/assets/styles/global/bootstrap/utilities/_position.scss +32 -32
  176. package/src/assets/styles/global/bootstrap/utilities/_screenreaders.scss +11 -11
  177. package/src/assets/styles/global/bootstrap/utilities/_shadows.scss +6 -6
  178. package/src/assets/styles/global/bootstrap/utilities/_sizing.scss +20 -20
  179. package/src/assets/styles/global/bootstrap/utilities/_spacing.scss +73 -73
  180. package/src/assets/styles/global/bootstrap/utilities/_text.scss +67 -67
  181. package/src/assets/styles/global/bootstrap/utilities/_visibility.scss +11 -11
  182. package/src/assets/styles/global/core/card.scss +6 -6
  183. package/src/assets/styles/global/core/color.scss +76 -76
  184. package/src/assets/styles/global/core/status.scss +17 -17
  185. package/src/assets/styles/global/styles.scss +24 -24
  186. package/src/assets/styles/global/vendors/ant-design-grid.scss +5046 -5046
  187. package/src/assets/styles/shared/elements/scrollbar.scss +30 -30
  188. package/src/assets/styles/shared/settings/breakpoints.scss +10 -10
  189. package/src/assets/styles/shared/settings/colors.scss +110 -110
  190. package/src/assets/styles/shared/settings/depth.scss +14 -14
  191. package/src/assets/styles/shared/settings/layout.scss +10 -10
  192. package/src/assets/styles/shared/settings/typography.scss +9 -9
  193. package/src/assets/styles/shared/shared.scss +8 -8
  194. package/src/assets/styles/shared/tools/respond-to.scss +32 -32
  195. package/src/components/utils/breakpoints.ts +14 -14
  196. package/src/components/utils/browser.ts +10 -10
  197. package/src/components/utils/findParentBySelector.ts +17 -17
  198. package/src/components/utils/idGenerator.ts +4 -4
  199. package/src/components/utils/index.ts +4 -4
  200. package/src/components/utils/setNativeValue.ts +13 -13
  201. package/lib/src/components/Breadcrumb/Breadcrumb.styles.d.ts +0 -2
  202. package/lib/src/components/Loader/Loader.styles.d.ts +0 -2
@@ -1,29 +1,29 @@
1
- /*!
2
- * Bootstrap Grid v4.2.1 (https://getbootstrap.com/)
3
- * Copyright 2011-2018 The Bootstrap Authors
4
- * Copyright 2011-2018 Twitter, Inc.
5
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6
- */
7
-
8
- html {
9
- box-sizing: border-box;
10
- -ms-overflow-style: scrollbar;
11
- }
12
-
13
- *,
14
- *::before,
15
- *::after {
16
- box-sizing: inherit;
17
- }
18
-
19
- @import "functions";
20
- @import "variables";
21
-
22
- @import "mixins/breakpoints";
23
- @import "mixins/grid-framework";
24
- @import "mixins/grid";
25
-
26
- @import "grid";
27
- @import "utilities/display";
28
- @import "utilities/flex";
29
- @import "utilities/spacing";
1
+ /*!
2
+ * Bootstrap Grid v4.2.1 (https://getbootstrap.com/)
3
+ * Copyright 2011-2018 The Bootstrap Authors
4
+ * Copyright 2011-2018 Twitter, Inc.
5
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6
+ */
7
+
8
+ html {
9
+ box-sizing: border-box;
10
+ -ms-overflow-style: scrollbar;
11
+ }
12
+
13
+ *,
14
+ *::before,
15
+ *::after {
16
+ box-sizing: inherit;
17
+ }
18
+
19
+ @import "functions";
20
+ @import "variables";
21
+
22
+ @import "mixins/breakpoints";
23
+ @import "mixins/grid-framework";
24
+ @import "mixins/grid";
25
+
26
+ @import "grid";
27
+ @import "utilities/display";
28
+ @import "utilities/flex";
29
+ @import "utilities/spacing";
@@ -1,12 +1,12 @@
1
- /*!
2
- * Bootstrap Reboot v4.2.1 (https://getbootstrap.com/)
3
- * Copyright 2011-2018 The Bootstrap Authors
4
- * Copyright 2011-2018 Twitter, Inc.
5
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6
- * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
7
- */
8
-
9
- @import "functions";
10
- @import "variables";
11
- @import "mixins";
12
- @import "reboot";
1
+ /*!
2
+ * Bootstrap Reboot v4.2.1 (https://getbootstrap.com/)
3
+ * Copyright 2011-2018 The Bootstrap Authors
4
+ * Copyright 2011-2018 Twitter, Inc.
5
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
7
+ */
8
+
9
+ @import "functions";
10
+ @import "variables";
11
+ @import "mixins";
12
+ @import "reboot";
@@ -1,44 +1,44 @@
1
- /*!
2
- * Bootstrap v4.2.1 (https://getbootstrap.com/)
3
- * Copyright 2011-2018 The Bootstrap Authors
4
- * Copyright 2011-2018 Twitter, Inc.
5
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6
- */
7
-
8
- @import "functions";
9
- @import "variables";
10
- @import "mixins";
11
- @import "root";
12
- @import "reboot";
13
- @import "type";
14
- @import "images";
15
- @import "code";
16
- @import "grid";
17
- @import "tables";
18
- @import "forms";
19
- @import "buttons";
20
- @import "transitions";
21
- @import "dropdown";
22
- @import "button-group";
23
- @import "input-group";
24
- @import "custom-forms";
25
- @import "nav";
26
- @import "navbar";
27
- @import "card";
28
- @import "breadcrumb";
29
- @import "pagination";
30
- @import "badge";
31
- @import "jumbotron";
32
- @import "alert";
33
- @import "progress";
34
- @import "media";
35
- @import "list-group";
36
- @import "close";
37
- @import "toasts";
38
- @import "modal";
39
- @import "tooltip";
40
- @import "popover";
41
- @import "carousel";
42
- @import "spinners";
43
- @import "utilities";
44
- @import "print";
1
+ /*!
2
+ * Bootstrap v4.2.1 (https://getbootstrap.com/)
3
+ * Copyright 2011-2018 The Bootstrap Authors
4
+ * Copyright 2011-2018 Twitter, Inc.
5
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6
+ */
7
+
8
+ @import "functions";
9
+ @import "variables";
10
+ @import "mixins";
11
+ @import "root";
12
+ @import "reboot";
13
+ @import "type";
14
+ @import "images";
15
+ @import "code";
16
+ @import "grid";
17
+ @import "tables";
18
+ @import "forms";
19
+ @import "buttons";
20
+ @import "transitions";
21
+ @import "dropdown";
22
+ @import "button-group";
23
+ @import "input-group";
24
+ @import "custom-forms";
25
+ @import "nav";
26
+ @import "navbar";
27
+ @import "card";
28
+ @import "breadcrumb";
29
+ @import "pagination";
30
+ @import "badge";
31
+ @import "jumbotron";
32
+ @import "alert";
33
+ @import "progress";
34
+ @import "media";
35
+ @import "list-group";
36
+ @import "close";
37
+ @import "toasts";
38
+ @import "modal";
39
+ @import "tooltip";
40
+ @import "popover";
41
+ @import "carousel";
42
+ @import "spinners";
43
+ @import "utilities";
44
+ @import "print";
@@ -1,13 +1,13 @@
1
- @mixin alert-variant($background, $border, $color) {
2
- color: $color;
3
- @include gradient-bg($background);
4
- border-color: $border;
5
-
6
- hr {
7
- border-top-color: darken($border, 5%);
8
- }
9
-
10
- .alert-link {
11
- color: darken($color, 10%);
12
- }
13
- }
1
+ @mixin alert-variant($background, $border, $color) {
2
+ color: $color;
3
+ @include gradient-bg($background);
4
+ border-color: $border;
5
+
6
+ hr {
7
+ border-top-color: darken($border, 5%);
8
+ }
9
+
10
+ .alert-link {
11
+ color: darken($color, 10%);
12
+ }
13
+ }
@@ -1,21 +1,21 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Contextual backgrounds
4
-
5
- @mixin bg-variant($parent, $color) {
6
- #{$parent} {
7
- background-color: $color !important;
8
- }
9
- a#{$parent},
10
- button#{$parent} {
11
- @include hover-focus {
12
- background-color: darken($color, 10%) !important;
13
- }
14
- }
15
- }
16
-
17
- @mixin bg-gradient-variant($parent, $color) {
18
- #{$parent} {
19
- background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
20
- }
21
- }
1
+ // stylelint-disable declaration-no-important
2
+
3
+ // Contextual backgrounds
4
+
5
+ @mixin bg-variant($parent, $color) {
6
+ #{$parent} {
7
+ background-color: $color !important;
8
+ }
9
+ a#{$parent},
10
+ button#{$parent} {
11
+ @include hover-focus {
12
+ background-color: darken($color, 10%) !important;
13
+ }
14
+ }
15
+ }
16
+
17
+ @mixin bg-gradient-variant($parent, $color) {
18
+ #{$parent} {
19
+ background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
20
+ }
21
+ }
@@ -1,11 +1,11 @@
1
- @mixin badge-variant($bg) {
2
- color: color-yiq($bg);
3
- background-color: $bg;
4
-
5
- @at-root a#{&} {
6
- @include hover-focus {
7
- color: color-yiq($bg);
8
- background-color: darken($bg, 10%);
9
- }
10
- }
11
- }
1
+ @mixin badge-variant($bg) {
2
+ color: color-yiq($bg);
3
+ background-color: $bg;
4
+
5
+ @at-root a#{&} {
6
+ @include hover-focus {
7
+ color: color-yiq($bg);
8
+ background-color: darken($bg, 10%);
9
+ }
10
+ }
11
+ }
@@ -1,35 +1,35 @@
1
- // Single side border-radius
2
-
3
- @mixin border-radius($radius: $border-radius) {
4
- @if $enable-rounded {
5
- border-radius: $radius;
6
- }
7
- }
8
-
9
- @mixin border-top-radius($radius) {
10
- @if $enable-rounded {
11
- border-top-left-radius: $radius;
12
- border-top-right-radius: $radius;
13
- }
14
- }
15
-
16
- @mixin border-right-radius($radius) {
17
- @if $enable-rounded {
18
- border-top-right-radius: $radius;
19
- border-bottom-right-radius: $radius;
20
- }
21
- }
22
-
23
- @mixin border-bottom-radius($radius) {
24
- @if $enable-rounded {
25
- border-bottom-right-radius: $radius;
26
- border-bottom-left-radius: $radius;
27
- }
28
- }
29
-
30
- @mixin border-left-radius($radius) {
31
- @if $enable-rounded {
32
- border-top-left-radius: $radius;
33
- border-bottom-left-radius: $radius;
34
- }
35
- }
1
+ // Single side border-radius
2
+
3
+ @mixin border-radius($radius: $border-radius) {
4
+ @if $enable-rounded {
5
+ border-radius: $radius;
6
+ }
7
+ }
8
+
9
+ @mixin border-top-radius($radius) {
10
+ @if $enable-rounded {
11
+ border-top-left-radius: $radius;
12
+ border-top-right-radius: $radius;
13
+ }
14
+ }
15
+
16
+ @mixin border-right-radius($radius) {
17
+ @if $enable-rounded {
18
+ border-top-right-radius: $radius;
19
+ border-bottom-right-radius: $radius;
20
+ }
21
+ }
22
+
23
+ @mixin border-bottom-radius($radius) {
24
+ @if $enable-rounded {
25
+ border-bottom-right-radius: $radius;
26
+ border-bottom-left-radius: $radius;
27
+ }
28
+ }
29
+
30
+ @mixin border-left-radius($radius) {
31
+ @if $enable-rounded {
32
+ border-top-left-radius: $radius;
33
+ border-bottom-left-radius: $radius;
34
+ }
35
+ }
@@ -1,5 +1,5 @@
1
- @mixin box-shadow($shadow...) {
2
- @if $enable-shadows {
3
- box-shadow: $shadow;
4
- }
5
- }
1
+ @mixin box-shadow($shadow...) {
2
+ @if $enable-shadows {
3
+ box-shadow: $shadow;
4
+ }
5
+ }
@@ -1,123 +1,123 @@
1
- // Breakpoint viewport sizes and media queries.
2
- //
3
- // Breakpoints are defined as a map of (name: minimum width), order from small to large:
4
- //
5
- // (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
6
- //
7
- // The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
8
-
9
- // Name of the next breakpoint, or null for the last breakpoint.
10
- //
11
- // >> breakpoint-next(sm)
12
- // md
13
- // >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
14
- // md
15
- // >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
16
- // md
17
- @function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
18
- $n: index($breakpoint-names, $name);
19
- @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
20
- }
21
-
22
- // Minimum breakpoint width. Null for the smallest (first) breakpoint.
23
- //
24
- // >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
25
- // 576px
26
- @function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
27
- $min: map-get($breakpoints, $name);
28
- @return if($min != 0, $min, null);
29
- }
30
-
31
- // Maximum breakpoint width. Null for the largest (last) breakpoint.
32
- // The maximum value is calculated as the minimum of the next one less 0.02px
33
- // to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
34
- // See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
35
- // Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
36
- // See https://bugs.webkit.org/show_bug.cgi?id=178261
37
- //
38
- // >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
39
- // 767.98px
40
- @function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
41
- $next: breakpoint-next($name, $breakpoints);
42
- @return if($next, breakpoint-min($next, $breakpoints) - .02, null);
43
- }
44
-
45
- // Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.
46
- // Useful for making responsive utilities.
47
- //
48
- // >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
49
- // "" (Returns a blank string)
50
- // >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
51
- // "-sm"
52
- @function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
53
- @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
54
- }
55
-
56
- // Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
57
- // Makes the @content apply to the given breakpoint and wider.
58
- @mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
59
- $min: breakpoint-min($name, $breakpoints);
60
- @if $min {
61
- @media (min-width: $min) {
62
- @content;
63
- }
64
- } @else {
65
- @content;
66
- }
67
- }
68
-
69
- // Media of at most the maximum breakpoint width. No query for the largest breakpoint.
70
- // Makes the @content apply to the given breakpoint and narrower.
71
- @mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
72
- $max: breakpoint-max($name, $breakpoints);
73
- @if $max {
74
- @media (max-width: $max) {
75
- @content;
76
- }
77
- } @else {
78
- @content;
79
- }
80
- }
81
-
82
- // Media that spans multiple breakpoint widths.
83
- // Makes the @content apply between the min and max breakpoints
84
- @mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
85
- $min: breakpoint-min($lower, $breakpoints);
86
- $max: breakpoint-max($upper, $breakpoints);
87
-
88
- @if $min != null and $max != null {
89
- @media (min-width: $min) and (max-width: $max) {
90
- @content;
91
- }
92
- } @else if $max == null {
93
- @include media-breakpoint-up($lower, $breakpoints) {
94
- @content;
95
- }
96
- } @else if $min == null {
97
- @include media-breakpoint-down($upper, $breakpoints) {
98
- @content;
99
- }
100
- }
101
- }
102
-
103
- // Media between the breakpoint's minimum and maximum widths.
104
- // No minimum for the smallest breakpoint, and no maximum for the largest one.
105
- // Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
106
- @mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
107
- $min: breakpoint-min($name, $breakpoints);
108
- $max: breakpoint-max($name, $breakpoints);
109
-
110
- @if $min != null and $max != null {
111
- @media (min-width: $min) and (max-width: $max) {
112
- @content;
113
- }
114
- } @else if $max == null {
115
- @include media-breakpoint-up($name, $breakpoints) {
116
- @content;
117
- }
118
- } @else if $min == null {
119
- @include media-breakpoint-down($name, $breakpoints) {
120
- @content;
121
- }
122
- }
123
- }
1
+ // Breakpoint viewport sizes and media queries.
2
+ //
3
+ // Breakpoints are defined as a map of (name: minimum width), order from small to large:
4
+ //
5
+ // (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
6
+ //
7
+ // The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
8
+
9
+ // Name of the next breakpoint, or null for the last breakpoint.
10
+ //
11
+ // >> breakpoint-next(sm)
12
+ // md
13
+ // >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
14
+ // md
15
+ // >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
16
+ // md
17
+ @function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
18
+ $n: index($breakpoint-names, $name);
19
+ @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
20
+ }
21
+
22
+ // Minimum breakpoint width. Null for the smallest (first) breakpoint.
23
+ //
24
+ // >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
25
+ // 576px
26
+ @function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
27
+ $min: map-get($breakpoints, $name);
28
+ @return if($min != 0, $min, null);
29
+ }
30
+
31
+ // Maximum breakpoint width. Null for the largest (last) breakpoint.
32
+ // The maximum value is calculated as the minimum of the next one less 0.02px
33
+ // to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
34
+ // See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
35
+ // Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
36
+ // See https://bugs.webkit.org/show_bug.cgi?id=178261
37
+ //
38
+ // >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
39
+ // 767.98px
40
+ @function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
41
+ $next: breakpoint-next($name, $breakpoints);
42
+ @return if($next, breakpoint-min($next, $breakpoints) - .02, null);
43
+ }
44
+
45
+ // Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.
46
+ // Useful for making responsive utilities.
47
+ //
48
+ // >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
49
+ // "" (Returns a blank string)
50
+ // >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
51
+ // "-sm"
52
+ @function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
53
+ @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
54
+ }
55
+
56
+ // Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
57
+ // Makes the @content apply to the given breakpoint and wider.
58
+ @mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
59
+ $min: breakpoint-min($name, $breakpoints);
60
+ @if $min {
61
+ @media (min-width: $min) {
62
+ @content;
63
+ }
64
+ } @else {
65
+ @content;
66
+ }
67
+ }
68
+
69
+ // Media of at most the maximum breakpoint width. No query for the largest breakpoint.
70
+ // Makes the @content apply to the given breakpoint and narrower.
71
+ @mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
72
+ $max: breakpoint-max($name, $breakpoints);
73
+ @if $max {
74
+ @media (max-width: $max) {
75
+ @content;
76
+ }
77
+ } @else {
78
+ @content;
79
+ }
80
+ }
81
+
82
+ // Media that spans multiple breakpoint widths.
83
+ // Makes the @content apply between the min and max breakpoints
84
+ @mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
85
+ $min: breakpoint-min($lower, $breakpoints);
86
+ $max: breakpoint-max($upper, $breakpoints);
87
+
88
+ @if $min != null and $max != null {
89
+ @media (min-width: $min) and (max-width: $max) {
90
+ @content;
91
+ }
92
+ } @else if $max == null {
93
+ @include media-breakpoint-up($lower, $breakpoints) {
94
+ @content;
95
+ }
96
+ } @else if $min == null {
97
+ @include media-breakpoint-down($upper, $breakpoints) {
98
+ @content;
99
+ }
100
+ }
101
+ }
102
+
103
+ // Media between the breakpoint's minimum and maximum widths.
104
+ // No minimum for the smallest breakpoint, and no maximum for the largest one.
105
+ // Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
106
+ @mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
107
+ $min: breakpoint-min($name, $breakpoints);
108
+ $max: breakpoint-max($name, $breakpoints);
109
+
110
+ @if $min != null and $max != null {
111
+ @media (min-width: $min) and (max-width: $max) {
112
+ @content;
113
+ }
114
+ } @else if $max == null {
115
+ @include media-breakpoint-up($name, $breakpoints) {
116
+ @content;
117
+ }
118
+ } @else if $min == null {
119
+ @include media-breakpoint-down($name, $breakpoints) {
120
+ @content;
121
+ }
122
+ }
123
+ }