@iamproperty/components 3.1.0 → 3.4.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 (179) hide show
  1. package/README.md +141 -16
  2. package/assets/css/core.min.css +1 -1
  3. package/assets/css/core.min.css.map +1 -1
  4. package/assets/css/style.min.css +1 -1
  5. package/assets/css/style.min.css.map +1 -1
  6. package/assets/favicons/manifest.json +31 -31
  7. package/assets/js/main.js +57 -57
  8. package/assets/js/modules/accordion.js +33 -32
  9. package/assets/js/modules/alert.js +41 -57
  10. package/assets/js/modules/carousel.js +76 -102
  11. package/assets/js/modules/chart.js +151 -218
  12. package/assets/js/modules/drawer.js +10 -16
  13. package/assets/js/modules/file-upload.js +33 -48
  14. package/assets/js/modules/form.js +122 -168
  15. package/assets/js/modules/helpers.js +90 -119
  16. package/assets/js/modules/modal.js +69 -90
  17. package/assets/js/modules/nav.js +18 -28
  18. package/assets/js/modules/orderablelist.js +91 -122
  19. package/assets/js/modules/table.js +451 -585
  20. package/assets/js/modules/testimonial.js +64 -83
  21. package/assets/js/modules/youtubevideo.js +114 -145
  22. package/assets/js/scripts.bundle.js +895 -955
  23. package/assets/js/scripts.bundle.js.map +1 -1
  24. package/assets/js/scripts.bundle.min.js +3 -3
  25. package/assets/js/scripts.bundle.min.js.map +1 -1
  26. package/assets/sass/_components.scss +14 -14
  27. package/assets/sass/_corefiles.scss +40 -40
  28. package/assets/sass/_fonts.scss +16 -16
  29. package/assets/sass/_forms.scss +10 -10
  30. package/assets/sass/_func.scss +12 -12
  31. package/assets/sass/_functions/functions.scss +141 -141
  32. package/assets/sass/_functions/mixins.scss +170 -170
  33. package/assets/sass/_functions/utilities.scss +143 -143
  34. package/assets/sass/_functions/variables.scss +467 -467
  35. package/assets/sass/_print.scss +61 -61
  36. package/assets/sass/_tests/{sass.spec.js → colours.spec.js} +9 -9
  37. package/assets/sass/_tests/colours.spec.scss +44 -44
  38. package/assets/sass/_tests/func.spec.js +9 -0
  39. package/assets/sass/_tests/func.spec.scss +232 -232
  40. package/assets/sass/_tests/mixins.spec.js +9 -0
  41. package/assets/sass/_tests/mixins.spec.scss +194 -194
  42. package/assets/sass/_tests/typography.spec.js +9 -0
  43. package/assets/sass/_tests/typography.spec.scss +35 -35
  44. package/assets/sass/components/accordion.scss +197 -197
  45. package/assets/sass/components/alert.scss +98 -98
  46. package/assets/sass/{elements → components}/buttons.scss +251 -251
  47. package/assets/sass/{elements → components}/card.scss +288 -288
  48. package/assets/sass/components/cardDeck.scss +107 -107
  49. package/assets/sass/components/carousel.scss +234 -234
  50. package/assets/sass/components/charts.scss +569 -569
  51. package/assets/sass/{elements → components}/container.scss +236 -236
  52. package/assets/sass/components/drawer.scss +46 -46
  53. package/assets/sass/{elements → components}/forms.scss +261 -261
  54. package/assets/sass/components/header.scss +63 -63
  55. package/assets/sass/{elements → components}/links.scss +97 -97
  56. package/assets/sass/{elements → components}/lists.scss +159 -159
  57. package/assets/sass/components/modal.scss +136 -136
  58. package/assets/sass/components/nav.scss +960 -960
  59. package/assets/sass/{elements → components}/panel.scss +161 -161
  60. package/assets/sass/components/property-searchbar.scss +143 -143
  61. package/assets/sass/components/snapshot.scss +70 -70
  62. package/assets/sass/components/stepper.scss +164 -164
  63. package/assets/sass/{elements → components}/tables.scss +290 -290
  64. package/assets/sass/components/tabs.scss +87 -87
  65. package/assets/sass/components/testimonial.scss +132 -132
  66. package/assets/sass/components/timeline.scss +95 -95
  67. package/assets/sass/{elements → components}/tooltips.scss +84 -84
  68. package/assets/sass/core.scss +6 -6
  69. package/assets/sass/email.scss +65 -65
  70. package/assets/sass/error.scss +4 -4
  71. package/assets/sass/foundations/brand.scss +76 -72
  72. package/assets/sass/foundations/circles.scss +74 -74
  73. package/assets/sass/foundations/icons.scss +80 -80
  74. package/assets/sass/foundations/media.scss +50 -50
  75. package/assets/sass/foundations/reboot.scss +130 -130
  76. package/assets/sass/foundations/root.scss +125 -125
  77. package/assets/sass/{elements → foundations}/type.scss +136 -136
  78. package/assets/sass/main.scss +7 -7
  79. package/assets/svg/icons.svg +598 -598
  80. package/assets/svg/logo.svg +49 -43
  81. package/assets/ts/main.ts +68 -68
  82. package/assets/ts/modules/accordion.ts +44 -43
  83. package/assets/ts/modules/alert.ts +58 -0
  84. package/assets/ts/modules/carousel.ts +103 -0
  85. package/assets/ts/modules/chart.ts +219 -0
  86. package/assets/ts/modules/drawer.ts +17 -0
  87. package/assets/ts/modules/file-upload.ts +49 -0
  88. package/assets/ts/modules/form.ts +169 -0
  89. package/assets/ts/modules/helpers.ts +120 -0
  90. package/assets/ts/modules/modal.ts +91 -0
  91. package/assets/ts/modules/nav.ts +29 -0
  92. package/assets/ts/modules/orderablelist.ts +123 -0
  93. package/assets/ts/modules/table.ts +586 -0
  94. package/assets/ts/modules/testimonial.ts +84 -0
  95. package/assets/ts/modules/youtubevideo.ts +146 -0
  96. package/dist/components.es.js +493 -509
  97. package/dist/components.umd.js +15 -15
  98. package/package.json +109 -108
  99. package/src/components/Accordion/Accordion.spec.js +63 -63
  100. package/src/components/Accordion/Accordion.vue +22 -22
  101. package/src/components/Accordion/AccordionItem.vue +52 -52
  102. package/src/components/Accordion/README.md +34 -34
  103. package/src/components/Alert/Alert.spec.js +49 -49
  104. package/src/components/Alert/Alert.vue +39 -39
  105. package/src/components/Alert/README.md +28 -28
  106. package/src/components/Banner/Banner.spec.js +28 -28
  107. package/src/components/Banner/Banner.vue +38 -38
  108. package/src/components/Banner/README.md +23 -23
  109. package/src/{elements → components}/Card/Card.vue +122 -122
  110. package/src/{elements/FileUploads → components/Card}/README.md +24 -24
  111. package/src/components/CardDeck/CardDeck.spec.js +99 -99
  112. package/src/components/CardDeck/CardDeck.vue +77 -77
  113. package/src/components/CardDeck/README.md +24 -24
  114. package/src/components/Carousel/Carousel.spec.js +45 -45
  115. package/src/components/Carousel/Carousel.vue +85 -85
  116. package/src/components/Carousel/README.md +19 -19
  117. package/src/components/Chart/Chart.spec.js +201 -201
  118. package/src/components/Chart/Chart.vue +88 -88
  119. package/src/components/Chart/README.md +17 -17
  120. package/src/components/Drawer/Drawer.vue +53 -53
  121. package/src/components/Drawer/README.md +22 -22
  122. package/src/{elements → components}/FileUploads/FileUploads.vue +48 -48
  123. package/src/{elements/Card → components/FileUploads}/README.md +24 -24
  124. package/src/components/Header/Header.spec.js +33 -33
  125. package/src/components/Header/Header.vue +38 -38
  126. package/src/components/Header/README.md +27 -27
  127. package/src/{elements → components}/Input/Input.vue +272 -272
  128. package/src/{elements → components}/Input/README.md +19 -19
  129. package/src/components/Modal/Modal.spec.js +22 -22
  130. package/src/components/Modal/Modal.vue +43 -43
  131. package/src/components/Modal/README.md +19 -19
  132. package/src/components/Nav/Nav.spec.js +35 -35
  133. package/src/components/Nav/Nav.vue +215 -215
  134. package/src/components/Nav/README.md +22 -22
  135. package/src/components/NoteFeed/NoteFeed.vue +79 -79
  136. package/src/components/NoteFeed/README.md +16 -16
  137. package/src/components/PropertySearchbar/PropertySearchbar.vue +204 -204
  138. package/src/components/PropertySearchbar/README.md +25 -25
  139. package/src/components/Snapshot/README.md +20 -20
  140. package/src/components/Snapshot/Snapshot.vue +32 -32
  141. package/src/components/Stepper/README.md +32 -32
  142. package/src/components/Stepper/Step.vue +28 -28
  143. package/src/components/Stepper/Stepper.spec.js +99 -99
  144. package/src/components/Stepper/Stepper.vue +33 -33
  145. package/src/{elements → components}/Table/README.md +62 -62
  146. package/src/{elements → components}/Table/Table.spec.js +90 -90
  147. package/src/{elements → components}/Table/Table.vue +129 -129
  148. package/src/components/Tabs/README.md +27 -27
  149. package/src/components/Tabs/Tab.vue +32 -32
  150. package/src/components/Tabs/Tabs.vue +77 -77
  151. package/src/components/Testimonial/README.md +25 -25
  152. package/src/components/Testimonial/Testimonial.spec.js +57 -57
  153. package/src/components/Testimonial/Testimonial.vue +60 -60
  154. package/src/components/Timeline/README.md +18 -18
  155. package/src/components/Timeline/Timeline.spec.js +17 -17
  156. package/src/components/Timeline/Timeline.vue +24 -24
  157. package/src/foundations/Icon/Icon.spec.js +24 -24
  158. package/src/foundations/Icon/Icon.vue +24 -24
  159. package/src/foundations/Icon/README.md +11 -11
  160. package/src/foundations/Logo/Logo.spec.js +56 -56
  161. package/src/foundations/Logo/Logo.vue +39 -39
  162. package/src/foundations/Logo/README.md +20 -20
  163. package/src/foundations/YoutubeVideo/README.md +11 -11
  164. package/src/foundations/YoutubeVideo/YoutubeVideo.vue +24 -24
  165. package/src/helpers/strings.js +12 -12
  166. package/src/index.js +27 -27
  167. package/src/vue-shim.d.ts +6 -6
  168. package/assets/css/email.min.css +0 -1
  169. package/assets/css/email.min.css.map +0 -1
  170. package/assets/css/error.min.css +0 -1
  171. package/assets/css/error.min.css.map +0 -1
  172. package/assets/ts/main.js +0 -57
  173. package/assets/ts/main.js.map +0 -1
  174. package/assets/ts/modules/accordion.js +0 -33
  175. package/assets/ts/modules/accordion.js.map +0 -1
  176. package/src/components/Accordion/Accordion.screenshot.vue +0 -57
  177. package/src/components/Accordion/__screenshots__/win32/laptop/Accordion.png +0 -0
  178. package/src/components/Accordion/__screenshots__/win32/mobile/Accordion.png +0 -0
  179. package/src/components/Accordion/__screenshots__/win32/tablet/Accordion.png +0 -0
@@ -1,40 +1,40 @@
1
- @use "_func" as *;
2
-
3
- // Foundations
4
- @use "foundations/root.scss";
5
- @use "foundations/reboot.scss";
6
- @use "foundations/brand.scss";
7
- @use "foundations/icons.scss";
8
- @use "foundations/circles.scss";
9
- @use "foundations/media.scss";
10
-
11
- // elements
12
- @use "elements/type.scss";
13
- @use "elements/lists.scss";
14
- @use "elements/tooltips.scss";
15
- @use "elements/container.scss";
16
- @use "elements/tables.scss";
17
- @use "elements/links.scss";
18
- @use "elements/buttons";
19
- @use "elements/card.scss";
20
- @use "elements/panel.scss";
21
-
22
- // Bootstrap elements
23
- @import "../../node_modules/bootstrap/scss/_transitions.scss";
24
- @import "../../node_modules/bootstrap/scss/_pagination.scss";
25
- @import "../../node_modules/bootstrap/scss/_badge.scss";
26
-
27
- // Helpers
28
- //@import "../../node_modules/bootstrap/scss/helpers";
29
- @import "../../node_modules/bootstrap/scss/helpers/clearfix";
30
- //@import "../../node_modules/bootstrap/scss/helpers/colored-links";
31
- @import "../../node_modules/bootstrap/scss/helpers/ratio";
32
- @import "../../node_modules/bootstrap/scss/helpers/position";
33
- @import "../../node_modules/bootstrap/scss/helpers/stacks";
34
- @import "../../node_modules/bootstrap/scss/helpers/visually-hidden";
35
- //@import "../../node_modules/bootstrap/scss/helpers/stretched-link";
36
- @import "../../node_modules/bootstrap/scss/helpers/text-truncation";
37
- //@import "../../node_modules/bootstrap/scss/helpers/vr";
38
-
39
- // Utilities
40
- @import "../../node_modules/bootstrap/scss/utilities/_api.scss";
1
+ @use "_func" as *;
2
+
3
+ // Foundations
4
+ @use "foundations/root.scss";
5
+ @use "foundations/reboot.scss";
6
+ @use "foundations/brand.scss";
7
+ @use "foundations/icons.scss";
8
+ @use "foundations/circles.scss";
9
+ @use "foundations/media.scss";
10
+ @use "foundations/type.scss";
11
+
12
+ // elements
13
+ @use "components/lists.scss";
14
+ @use "components/tooltips.scss";
15
+ @use "components/container.scss";
16
+ @use "components/tables.scss";
17
+ @use "components/links.scss";
18
+ @use "components/buttons";
19
+ @use "components/card.scss";
20
+ @use "components/panel.scss";
21
+
22
+ // Bootstrap elements
23
+ @import "../../node_modules/bootstrap/scss/_transitions.scss";
24
+ @import "../../node_modules/bootstrap/scss/_pagination.scss";
25
+ @import "../../node_modules/bootstrap/scss/_badge.scss";
26
+
27
+ // Helpers
28
+ //@import "../../node_modules/bootstrap/scss/helpers";
29
+ @import "../../node_modules/bootstrap/scss/helpers/clearfix";
30
+ //@import "../../node_modules/bootstrap/scss/helpers/colored-links";
31
+ @import "../../node_modules/bootstrap/scss/helpers/ratio";
32
+ @import "../../node_modules/bootstrap/scss/helpers/position";
33
+ @import "../../node_modules/bootstrap/scss/helpers/stacks";
34
+ @import "../../node_modules/bootstrap/scss/helpers/visually-hidden";
35
+ //@import "../../node_modules/bootstrap/scss/helpers/stretched-link";
36
+ @import "../../node_modules/bootstrap/scss/helpers/text-truncation";
37
+ //@import "../../node_modules/bootstrap/scss/helpers/vr";
38
+
39
+ // Utilities
40
+ @import "../../node_modules/bootstrap/scss/utilities/_api.scss";
@@ -1,17 +1,17 @@
1
- $fontPath: '../fonts/' !default;
2
-
3
- @font-face {
4
- font-family: 'qanelasmedium';
5
- src: url($fontPath+'qanelas-medium-webfont.woff2') format('woff2'),
6
- url($fontPath+'qanelas-medium-webfont.woff') format('woff');
7
- font-weight: normal;
8
- font-style: normal;
9
- }
10
-
11
- @font-face {
12
- font-family: 'qanelas_softextrabold';
13
- src: url($fontPath+'qanelassoft-extrabold-webfont.woff2') format('woff2'),
14
- url($fontPath+'qanelassoft-extrabold-webfont.woff') format('woff');
15
- font-weight: bold;
16
- font-style: normal;
1
+ $fontPath: '../fonts/' !default;
2
+
3
+ @font-face {
4
+ font-family: 'qanelasmedium';
5
+ src: url($fontPath+'qanelas-medium-webfont.woff2') format('woff2'),
6
+ url($fontPath+'qanelas-medium-webfont.woff') format('woff');
7
+ font-weight: normal;
8
+ font-style: normal;
9
+ }
10
+
11
+ @font-face {
12
+ font-family: 'qanelas_softextrabold';
13
+ src: url($fontPath+'qanelassoft-extrabold-webfont.woff2') format('woff2'),
14
+ url($fontPath+'qanelassoft-extrabold-webfont.woff') format('woff');
15
+ font-weight: bold;
16
+ font-style: normal;
17
17
  }
@@ -1,10 +1,10 @@
1
- @use "_func" as *;
2
-
3
- @import "../../node_modules/bootstrap/scss/forms/labels";
4
- @import "../../node_modules/bootstrap/scss/forms/form-control";
5
- @import "../../node_modules/bootstrap/scss/forms/form-select";
6
- @import "../../node_modules/bootstrap/scss/forms/form-check";
7
- @import "../../node_modules/bootstrap/scss/forms/form-range";
8
- @import "../../node_modules/bootstrap/scss/forms/input-group";
9
- @import "../../node_modules/bootstrap/scss/forms/validation";
10
- @import "elements/forms.scss";
1
+ @use "_func" as *;
2
+
3
+ @import "../../node_modules/bootstrap/scss/forms/labels";
4
+ @import "../../node_modules/bootstrap/scss/forms/form-control";
5
+ @import "../../node_modules/bootstrap/scss/forms/form-select";
6
+ @import "../../node_modules/bootstrap/scss/forms/form-check";
7
+ @import "../../node_modules/bootstrap/scss/forms/form-range";
8
+ @import "../../node_modules/bootstrap/scss/forms/input-group";
9
+ @import "../../node_modules/bootstrap/scss/forms/validation";
10
+ @import "components/forms.scss";
@@ -1,13 +1,13 @@
1
- $compatible: 'false'!default;
2
- $mobileOnly: 'false'!default;
3
-
4
- // Declare global vars variable
5
- $vars: ()!default;
6
- $varsMD: ()!default;
7
-
8
- $prefix: '';
9
-
10
- @import "_functions/functions";
11
- @import "_functions/variables";
12
- @import "_functions/mixins";
1
+ $compatible: 'false'!default;
2
+ $mobileOnly: 'false'!default;
3
+
4
+ // Declare global vars variable
5
+ $vars: ()!default;
6
+ $varsMD: ()!default;
7
+
8
+ $prefix: '';
9
+
10
+ @import "_functions/functions";
11
+ @import "_functions/variables";
12
+ @import "_functions/mixins";
13
13
  @import "_functions/utilities";
@@ -1,141 +1,141 @@
1
- @use "sass:math";
2
-
3
- @import "../../../node_modules/bootstrap/scss/_functions.scss";
4
-
5
- @function pow($x, $n) {
6
- $ret: 1;
7
-
8
- @if $n >= 0 {
9
- @for $i from 1 through $n {
10
- $ret: $ret * $x;
11
- }
12
- } @else {
13
- @for $i from $n to 0 {
14
- $ret: math.div($ret,$x);
15
- }
16
- }
17
-
18
- @return $ret;
19
- }
20
-
21
- @function to-fixed($float, $digits: 2) {
22
- $sass-precision: 5;
23
-
24
- @if $digits > $sass-precision {
25
- @warn "Sass sets default precision to #{$sass-precision} digits, and there is no way to change that for now."
26
- + "The returned number will have #{$sass-precision} digits, even if you asked for `#{$digits}`."
27
- + "See https://github.com/sass/sass/issues/1122 for further informations.";
28
- }
29
-
30
- $pow: pow(10, $digits);
31
- @return math.div(round($float * $pow),$pow);
32
- }
33
-
34
- // converts pixels to em (context sets the current size of the font)
35
- @function em($pixels, $context: 16)
36
- {
37
- @return #{math.div($pixels,$context)}em;
38
- }
39
-
40
- @function rem($pixels, $context: 16)
41
- {
42
- @return #{math.div($pixels,$context)}rem;
43
- }
44
-
45
- @function vw($pixels, $context: 16)
46
- {
47
- $size: math.div(16,$pixels) * 100;
48
- @return #{to-fixed($size,5)}vw;
49
- }
50
-
51
- @function strip-px($number) {
52
- @if type-of($number) == 'number' and not unitless($number) {
53
- @return math.div($number, ($number * 0 + 1));
54
- }
55
-
56
- @return $number;
57
- }
58
-
59
- // prevent colours being changed via sass functions
60
- @function darken($colour, $percent)
61
- {
62
- @return $colour;
63
- }
64
-
65
- @function lighten($colour, $percent)
66
- {
67
- @return $colour;
68
- }
69
-
70
- @function saturate($colour, $percent)
71
- {
72
- @return $colour;
73
- }
74
- @function desaturate($colour, $percent)
75
- {
76
- @return $colour;
77
- }
78
-
79
- @function adjust-hue($colour, $percent)
80
- {
81
- @return $colour;
82
- }
83
-
84
- @function tint($colour, $percent)
85
- {
86
- @return $colour;
87
- }
88
- @function shade($colour, $percent)
89
- {
90
- @return $colour;
91
- }
92
-
93
- @function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
94
- $next: breakpoint-next($name, $breakpoints);
95
- @return if($next, breakpoint-min($next, $breakpoints), null);
96
- }
97
-
98
- // Trims the start/left of the string:
99
- @function str-trimStart ($str) {
100
- @if (str-slice($str, 1, 1) == ' ') {
101
- @return str-trimStart(str-slice($str, 2));
102
- } @else {
103
- @return $str;
104
- }
105
- }
106
-
107
- // Trims the end/right of the string:
108
- @function str-trimEnd ($str) {
109
- @if (str-slice($str, str-length($str), -1) == ' ') {
110
- @return str-trimEnd(str-slice($str, 1, -2));
111
- } @else {
112
- @return $str;
113
- }
114
- }
115
-
116
- // Trims both the start and end of the string:
117
- @function str-trim ($str) {
118
- @return str-trimStart(str-trimEnd($str));
119
- }
120
-
121
- @function str-split($string, $separator) {
122
- // empty array/list
123
- $split-arr: ();
124
- // first index of separator in string
125
- $index : str-index($string, $separator);
126
- // loop through string
127
- @while $index != null {
128
- // get the substring from the first character to the separator
129
- $item: str-slice($string, 1, $index - 1);
130
- // push item to array
131
- $split-arr: append($split-arr, str-trim($item));
132
- // remove item and separator from string
133
- $string: str-slice($string, $index + 1);
134
- // find new index of separator
135
- $index : str-index($string, $separator);
136
- }
137
- // add the remaining string to list (the last item)
138
- $split-arr: append($split-arr, str-trim($string));
139
-
140
- @return $split-arr;
141
- }
1
+ @use "sass:math";
2
+
3
+ @import "../../../node_modules/bootstrap/scss/_functions.scss";
4
+
5
+ @function pow($x, $n) {
6
+ $ret: 1;
7
+
8
+ @if $n >= 0 {
9
+ @for $i from 1 through $n {
10
+ $ret: $ret * $x;
11
+ }
12
+ } @else {
13
+ @for $i from $n to 0 {
14
+ $ret: math.div($ret,$x);
15
+ }
16
+ }
17
+
18
+ @return $ret;
19
+ }
20
+
21
+ @function to-fixed($float, $digits: 2) {
22
+ $sass-precision: 5;
23
+
24
+ @if $digits > $sass-precision {
25
+ @warn "Sass sets default precision to #{$sass-precision} digits, and there is no way to change that for now."
26
+ + "The returned number will have #{$sass-precision} digits, even if you asked for `#{$digits}`."
27
+ + "See https://github.com/sass/sass/issues/1122 for further informations.";
28
+ }
29
+
30
+ $pow: pow(10, $digits);
31
+ @return math.div(round($float * $pow),$pow);
32
+ }
33
+
34
+ // converts pixels to em (context sets the current size of the font)
35
+ @function em($pixels, $context: 16)
36
+ {
37
+ @return #{math.div($pixels,$context)}em;
38
+ }
39
+
40
+ @function rem($pixels, $context: 16)
41
+ {
42
+ @return #{math.div($pixels,$context)}rem;
43
+ }
44
+
45
+ @function vw($pixels, $context: 16)
46
+ {
47
+ $size: math.div(16,$pixels) * 100;
48
+ @return #{to-fixed($size,5)}vw;
49
+ }
50
+
51
+ @function strip-px($number) {
52
+ @if type-of($number) == 'number' and not unitless($number) {
53
+ @return math.div($number, ($number * 0 + 1));
54
+ }
55
+
56
+ @return $number;
57
+ }
58
+
59
+ // prevent colours being changed via sass functions
60
+ @function darken($colour, $percent)
61
+ {
62
+ @return $colour;
63
+ }
64
+
65
+ @function lighten($colour, $percent)
66
+ {
67
+ @return $colour;
68
+ }
69
+
70
+ @function saturate($colour, $percent)
71
+ {
72
+ @return $colour;
73
+ }
74
+ @function desaturate($colour, $percent)
75
+ {
76
+ @return $colour;
77
+ }
78
+
79
+ @function adjust-hue($colour, $percent)
80
+ {
81
+ @return $colour;
82
+ }
83
+
84
+ @function tint($colour, $percent)
85
+ {
86
+ @return $colour;
87
+ }
88
+ @function shade($colour, $percent)
89
+ {
90
+ @return $colour;
91
+ }
92
+
93
+ @function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
94
+ $next: breakpoint-next($name, $breakpoints);
95
+ @return if($next, breakpoint-min($next, $breakpoints), null);
96
+ }
97
+
98
+ // Trims the start/left of the string:
99
+ @function str-trimStart ($str) {
100
+ @if (str-slice($str, 1, 1) == ' ') {
101
+ @return str-trimStart(str-slice($str, 2));
102
+ } @else {
103
+ @return $str;
104
+ }
105
+ }
106
+
107
+ // Trims the end/right of the string:
108
+ @function str-trimEnd ($str) {
109
+ @if (str-slice($str, str-length($str), -1) == ' ') {
110
+ @return str-trimEnd(str-slice($str, 1, -2));
111
+ } @else {
112
+ @return $str;
113
+ }
114
+ }
115
+
116
+ // Trims both the start and end of the string:
117
+ @function str-trim ($str) {
118
+ @return str-trimStart(str-trimEnd($str));
119
+ }
120
+
121
+ @function str-split($string, $separator) {
122
+ // empty array/list
123
+ $split-arr: ();
124
+ // first index of separator in string
125
+ $index : str-index($string, $separator);
126
+ // loop through string
127
+ @while $index != null {
128
+ // get the substring from the first character to the separator
129
+ $item: str-slice($string, 1, $index - 1);
130
+ // push item to array
131
+ $split-arr: append($split-arr, str-trim($item));
132
+ // remove item and separator from string
133
+ $string: str-slice($string, $index + 1);
134
+ // find new index of separator
135
+ $index : str-index($string, $separator);
136
+ }
137
+ // add the remaining string to list (the last item)
138
+ $split-arr: append($split-arr, str-trim($string));
139
+
140
+ @return $split-arr;
141
+ }