@iamproperty/components 2.7.7 → 2.9.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.
- package/README.md +136 -136
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/email.min.css +1 -1
- package/assets/css/email.min.css.map +1 -1
- package/assets/css/error.min.css +1 -1
- package/assets/css/error.min.css.map +1 -1
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/modules/accordion.js +32 -36
- package/assets/js/modules/alert.js +56 -56
- package/assets/js/modules/carousel.js +101 -101
- package/assets/js/modules/chart.js +216 -216
- package/assets/js/modules/drawer.js +15 -15
- package/assets/js/modules/form.js +158 -158
- package/assets/js/modules/helpers.js +119 -97
- package/assets/js/modules/modal.js +89 -89
- package/assets/js/modules/nav.js +26 -26
- package/assets/js/modules/table.js +584 -584
- package/assets/js/modules/testimonial.js +82 -82
- package/assets/js/modules/youtubevideo.js +145 -145
- package/assets/js/scripts.bundle.js +174 -85
- package/assets/js/scripts.bundle.js.map +1 -1
- package/assets/js/scripts.bundle.min.js +2 -2
- package/assets/js/scripts.bundle.min.js.map +1 -1
- package/assets/sass/_components.scss +14 -14
- package/assets/sass/_corefiles.scss +40 -40
- package/assets/sass/_fonts.scss +16 -16
- package/assets/sass/_forms.scss +9 -9
- package/assets/sass/_func.scss +12 -10
- package/assets/sass/_functions/functions.scss +141 -141
- package/assets/sass/_functions/mixins.scss +170 -170
- package/assets/sass/_functions/utilities.scss +250 -250
- package/assets/sass/_functions/variables.scss +466 -462
- package/assets/sass/_print.scss +61 -61
- package/assets/sass/components/accordion.scss +197 -197
- package/assets/sass/components/alert.scss +98 -98
- package/assets/sass/components/cardDeck.scss +107 -107
- package/assets/sass/components/carousel.scss +234 -234
- package/assets/sass/components/charts.scss +569 -569
- package/assets/sass/components/drawer.scss +46 -46
- package/assets/sass/components/header.scss +63 -63
- package/assets/sass/components/modal.scss +136 -136
- package/assets/sass/components/nav.scss +916 -820
- package/assets/sass/components/property-searchbar.scss +143 -143
- package/assets/sass/components/snapshot.scss +70 -70
- package/assets/sass/components/stepper.scss +164 -164
- package/assets/sass/components/tabs.scss +87 -74
- package/assets/sass/components/testimonial.scss +132 -132
- package/assets/sass/components/timeline.scss +95 -95
- package/assets/sass/core.scss +6 -6
- package/assets/sass/elements/buttons.scss +209 -209
- package/assets/sass/elements/card.scss +177 -177
- package/assets/sass/elements/container.scss +225 -225
- package/assets/sass/elements/forms.scss +194 -194
- package/assets/sass/elements/links.scss +96 -96
- package/assets/sass/elements/lists.scss +112 -112
- package/assets/sass/elements/panel.scss +161 -161
- package/assets/sass/elements/tables.scss +290 -290
- package/assets/sass/elements/tooltips.scss +84 -84
- package/assets/sass/elements/type.scss +136 -136
- package/assets/sass/email.scss +65 -65
- package/assets/sass/error.scss +4 -4
- package/assets/sass/foundations/brand.scss +72 -72
- package/assets/sass/foundations/circles.scss +74 -74
- package/assets/sass/foundations/icons.scss +72 -72
- package/assets/sass/foundations/media.scss +50 -50
- package/assets/sass/foundations/reboot.scss +130 -129
- package/assets/sass/foundations/root.scss +106 -104
- package/assets/sass/main.scss +7 -7
- package/assets/svg/icons.svg +598 -588
- package/assets/svg/logo.svg +42 -42
- package/assets/{js/main.js → ts/main.ts} +68 -67
- package/assets/ts/modules/accordion.ts +43 -0
- package/dist/components.common.js +148 -98
- package/dist/components.common.js.map +1 -1
- package/dist/components.css +1 -1
- package/dist/components.css.map +1 -1
- package/dist/components.umd.js +182 -132
- package/dist/components.umd.js.map +1 -1
- package/dist/components.umd.min.js +1 -1
- package/dist/components.umd.min.js.map +1 -1
- package/package.json +108 -103
- package/src/components/Accordion/Accordion.vue +22 -22
- package/src/components/Accordion/AccordionItem.vue +52 -52
- package/src/components/Accordion/README.md +34 -34
- package/src/components/Alert/Alert.vue +39 -39
- package/src/components/Alert/README.md +28 -28
- package/src/components/Banner/Banner.vue +38 -38
- package/src/components/Banner/README.md +23 -23
- package/src/components/CardDeck/CardDeck.vue +77 -77
- package/src/components/CardDeck/README.md +24 -24
- package/src/components/Carousel/Carousel.vue +85 -85
- package/src/components/Carousel/README.md +19 -19
- package/src/components/Chart/Chart.vue +88 -88
- package/src/components/Chart/README.md +17 -17
- package/src/components/Drawer/Drawer.vue +53 -53
- package/src/components/Drawer/README.md +22 -22
- package/src/components/Header/Header.vue +38 -38
- package/src/components/Header/README.md +27 -27
- package/src/components/Modal/Modal.vue +43 -43
- package/src/components/Modal/README.md +19 -19
- package/src/components/Nav/Nav.vue +212 -189
- package/src/components/Nav/README.md +22 -22
- package/src/components/NoteFeed/NoteFeed.vue +79 -79
- package/src/components/NoteFeed/README.md +16 -16
- package/src/components/PropertySearchbar/PropertySearchbar.vue +204 -204
- package/src/components/PropertySearchbar/README.md +25 -25
- package/src/components/Snapshot/README.md +20 -20
- package/src/components/Snapshot/Snapshot.vue +32 -32
- package/src/components/Stepper/README.md +32 -32
- package/src/components/Stepper/Step.vue +28 -28
- package/src/components/Stepper/Stepper.vue +33 -33
- package/src/components/Tabs/README.md +27 -27
- package/src/components/Tabs/Tab.vue +26 -26
- package/src/components/Tabs/Tabs.vue +75 -75
- package/src/components/Testimonial/README.md +25 -25
- package/src/components/Testimonial/Testimonial.vue +60 -60
- package/src/components/Timeline/README.md +18 -18
- package/src/components/Timeline/Timeline.vue +24 -24
- package/src/elements/Card/Card.vue +113 -113
- package/src/elements/Card/README.md +24 -24
- package/src/elements/FileUploads/FileUploads.vue +48 -48
- package/src/elements/FileUploads/README.md +24 -24
- package/src/elements/Input/Input.vue +268 -268
- package/src/elements/Input/README.md +19 -19
- package/src/elements/Table/README.md +62 -62
- package/src/elements/Table/Table.vue +126 -116
- package/src/foundations/Icon/Icon.vue +24 -24
- package/src/foundations/Icon/README.md +11 -11
- package/src/foundations/Logo/Logo.vue +39 -39
- package/src/foundations/Logo/README.md +20 -20
- package/src/foundations/YoutubeVideo/README.md +11 -11
- package/src/foundations/YoutubeVideo/YoutubeVideo.vue +24 -24
- package/src/helpers/strings.js +12 -12
- package/src/index.js +27 -27
- package/assets/.DS_Store +0 -0
- package/src/.DS_Store +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
|
+
|
|
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";
|
package/assets/sass/_fonts.scss
CHANGED
|
@@ -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
|
}
|
package/assets/sass/_forms.scss
CHANGED
|
@@ -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";
|
|
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
10
|
@import "elements/forms.scss";
|
package/assets/sass/_func.scss
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
$compatible: 'false'!default;
|
|
2
|
-
$mobileOnly: 'false'!default;
|
|
3
|
-
|
|
4
|
-
// Declare global vars variable
|
|
5
|
-
$vars: ()!default;
|
|
6
|
-
$varsMD: ()!default;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
@import "_functions/
|
|
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";
|
|
11
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
|
+
}
|