aboutsummaryrefslogtreecommitdiff
path: root/src/scss/utilities
diff options
context:
space:
mode:
authorPhil <phil.buschmann@tum.de>2018-05-15 11:22:35 +0200
committerPhil <phil.buschmann@tum.de>2018-05-15 11:22:35 +0200
commitf80bf66d3bb01deead290961f5d8d3b579bd4195 (patch)
tree83359ebc284136ebed93e83d886fe7df3d9e7601 /src/scss/utilities
parent4ef6ebf0928e23bc8677a8de6c0c0d36f47308f3 (diff)
downloadgnunet-webui-f80bf66d3bb01deead290961f5d8d3b579bd4195.tar.gz
gnunet-webui-f80bf66d3bb01deead290961f5d8d3b579bd4195.zip
SCSS with iotaCSS added
Diffstat (limited to 'src/scss/utilities')
-rw-r--r--src/scss/utilities/_align-items.scss31
-rw-r--r--src/scss/utilities/_align.scss32
-rw-r--r--src/scss/utilities/_bgcolor.scss19
-rw-r--r--src/scss/utilities/_clearfix.scss10
-rw-r--r--src/scss/utilities/_color.scss19
-rw-r--r--src/scss/utilities/_display.scss33
-rw-r--r--src/scss/utilities/_flex-direction.scss32
-rw-r--r--src/scss/utilities/_float.scss32
-rw-r--r--src/scss/utilities/_justify-content.scss31
-rw-r--r--src/scss/utilities/_margin.scss54
-rw-r--r--src/scss/utilities/_opacity.scss19
-rw-r--r--src/scss/utilities/_padding.scss54
-rw-r--r--src/scss/utilities/_position.scss33
-rw-r--r--src/scss/utilities/_pull.scss47
-rw-r--r--src/scss/utilities/_push.scss47
-rw-r--r--src/scss/utilities/_size.scss47
-rw-r--r--src/scss/utilities/_text.scss31
-rw-r--r--src/scss/utilities/_transform.scss32
-rw-r--r--src/scss/utilities/_weight.scss19
19 files changed, 622 insertions, 0 deletions
diff --git a/src/scss/utilities/_align-items.scss b/src/scss/utilities/_align-items.scss
new file mode 100644
index 0000000..f74be1c
--- /dev/null
+++ b/src/scss/utilities/_align-items.scss
@@ -0,0 +1,31 @@
1/**
2 * Enable / Disable breakpoint specific classes
3 *
4 * Type: Boolean
5 */
6
7$iota-utils-align-items-res: false;
8
9
10/**
11 * Override breakpoints map only for align utility
12 *
13 * Type: Type: Map
14 */
15
16$iota-utils-align-items-breakpoints: $iota-global-breakpoints;
17
18
19/**
20 * Namespace classes
21 *
22 * Type: String
23 */
24
25$iota-utils-align-items-namespace : 'ai-';
26$iota-utils-align-items-start-name : 'start';
27$iota-utils-align-items-end-name : 'end';
28$iota-utils-align-items-center-name : 'center';
29
30
31@import 'node_modules/iotacss/utilities/align-items';
diff --git a/src/scss/utilities/_align.scss b/src/scss/utilities/_align.scss
new file mode 100644
index 0000000..631e839
--- /dev/null
+++ b/src/scss/utilities/_align.scss
@@ -0,0 +1,32 @@
1/**
2 * Enable / Disable breakpoint specific classes
3 *
4 * Type: Boolean
5 */
6
7$iota-utils-align-res: false;
8
9
10/**
11 * Override breakpoints map only for align utility
12 *
13 * Type: Type: Map
14 */
15
16$iota-utils-align-breakpoints: $iota-global-breakpoints;
17
18
19/**
20 * Namespace classes
21 *
22 * Type: String
23 */
24
25$iota-utils-align-namespace : 'align-';
26$iota-utils-align-top-name : 'top';
27$iota-utils-align-bottom-name : 'bottom';
28$iota-utils-align-middle-name : 'middle';
29$iota-utils-align-baseline-name : 'baseline';
30
31
32@import 'node_modules/iotacss/utilities/align';
diff --git a/src/scss/utilities/_bgcolor.scss b/src/scss/utilities/_bgcolor.scss
new file mode 100644
index 0000000..015e36f
--- /dev/null
+++ b/src/scss/utilities/_bgcolor.scss
@@ -0,0 +1,19 @@
1/**
2 * Background color names
3 *
4 * Type: Map
5 */
6
7$iota-utils-bgcolor-names: ();
8
9
10/**
11 * Namespace classes
12 *
13 * Type: String
14 */
15
16$iota-utils-bgcolor-namespace: 'bgcolor-';
17
18
19@import 'node_modules/iotacss/utilities/bgcolor';
diff --git a/src/scss/utilities/_clearfix.scss b/src/scss/utilities/_clearfix.scss
new file mode 100644
index 0000000..5aaa021
--- /dev/null
+++ b/src/scss/utilities/_clearfix.scss
@@ -0,0 +1,10 @@
1/**
2 * Namespace classes
3 *
4 * Type: String
5 */
6
7$iota-utils-clearfix-namespace: 'cf';
8
9
10@import 'node_modules/iotacss/utilities/clearfix';
diff --git a/src/scss/utilities/_color.scss b/src/scss/utilities/_color.scss
new file mode 100644
index 0000000..467a63b
--- /dev/null
+++ b/src/scss/utilities/_color.scss
@@ -0,0 +1,19 @@
1/**
2 * Color names
3 *
4 * Type: Map
5 */
6
7$iota-utils-color-names: ();
8
9
10/**
11 * Namespace classes
12 *
13 * Type: String
14 */
15
16$iota-utils-color-namespace: 'color-';
17
18
19@import 'node_modules/iotacss/utilities/color';
diff --git a/src/scss/utilities/_display.scss b/src/scss/utilities/_display.scss
new file mode 100644
index 0000000..ef16830
--- /dev/null
+++ b/src/scss/utilities/_display.scss
@@ -0,0 +1,33 @@
1/**
2 * Enables / Disables breakpoint specific classes
3 *
4 * Type: Boolean
5 */
6
7$iota-utils-display-res: false;
8
9
10/**
11 * Breakpoints map. Overrides the breakpoints map only
12 * for display utility.
13 *
14 * Type: Map
15 */
16
17$iota-utils-display-breakpoints: $iota-global-breakpoints;
18
19
20/**
21 * Namespace classes
22 *
23 * Type: String
24 */
25
26$iota-utils-display-namespace : '';
27$iota-utils-display-block-name : 'block';
28$iota-utils-display-hidden-name : 'hidden';
29$iota-utils-display-inline-name : 'inline';
30$iota-utils-display-inline-block-name : 'inline-block';
31
32
33@import 'node_modules/iotacss/utilities/display';
diff --git a/src/scss/utilities/_flex-direction.scss b/src/scss/utilities/_flex-direction.scss
new file mode 100644
index 0000000..620e15c
--- /dev/null
+++ b/src/scss/utilities/_flex-direction.scss
@@ -0,0 +1,32 @@
1/**
2 * Enable / Disable breakpoint specific classes
3 *
4 * Type: Boolean
5 */
6
7$iota-utils-flex-direction-res: false;
8
9
10/**
11 * Override breakpoints map only for align utility
12 *
13 * Type: Type: Map
14 */
15
16$iota-utils-flex-direction-breakpoints: $iota-global-breakpoints;
17
18
19/**
20 * Namespace classes
21 *
22 * Type: String
23 */
24
25$iota-utils-flex-direction-namespace : 'fd-';
26$iota-utils-flex-direction-row-name : 'row';
27$iota-utils-flex-direction-row-reverse-name : 'rowrev';
28$iota-utils-flex-direction-column-name : 'col';
29$iota-utils-flex-direction-column-reverse-name : 'colrev';
30
31
32@import 'node_modules/iotacss/utilities/flex-direction';
diff --git a/src/scss/utilities/_float.scss b/src/scss/utilities/_float.scss
new file mode 100644
index 0000000..ca02761
--- /dev/null
+++ b/src/scss/utilities/_float.scss
@@ -0,0 +1,32 @@
1/**
2 * Enables / Disables breakpoint specific classes
3 *
4 * Type: Boolean
5 */
6
7$iota-utils-float-res: false;
8
9
10/**
11 * Breakpoints map. Overrides the breakpoints map only
12 * for float utility.
13 *
14 * Type: Map
15 */
16
17$iota-utils-float-breakpoints: $iota-global-breakpoints;
18
19
20
21/**
22 * Namespace classes
23 *
24 * Type: String
25 */
26
27$iota-utils-float-namespace : 'float-';
28$iota-utils-float-left-name : 'left';
29$iota-utils-float-right-name : 'right';
30
31
32@import 'node_modules/iotacss/utilities/float';
diff --git a/src/scss/utilities/_justify-content.scss b/src/scss/utilities/_justify-content.scss
new file mode 100644
index 0000000..5dee6e8
--- /dev/null
+++ b/src/scss/utilities/_justify-content.scss
@@ -0,0 +1,31 @@
1/**
2 * Enable / Disable breakpoint specific classes
3 *
4 * Type: Boolean
5 */
6
7$iota-utils-justify-content-res: false;
8
9
10/**
11 * Override breakpoints map only for align utility
12 *
13 * Type: Type: Map
14 */
15
16$iota-utils-justify-content-breakpoints: $iota-global-breakpoints;
17
18
19/**
20 * Namespace classes
21 *
22 * Type: String
23 */
24
25$iota-utils-justify-content-namespace : 'jc-';
26$iota-utils-justify-content-start-name : 'start';
27$iota-utils-justify-content-end-name : 'end';
28$iota-utils-justify-content-center-name : 'center';
29
30
31@import 'node_modules/iotacss/utilities/justify-content';
diff --git a/src/scss/utilities/_margin.scss b/src/scss/utilities/_margin.scss
new file mode 100644
index 0000000..4e08dc4
--- /dev/null
+++ b/src/scss/utilities/_margin.scss
@@ -0,0 +1,54 @@
1/**
2 * Margin default gutter. Use a number for a simple size
3 * and a map for responsive.
4 *
5 * Type: Number / Map
6 */
7
8$iota-utils-margin-default: $iota-global-gutter-default;
9
10
11/**
12 * Margin extra gutters.
13 *
14 * Type: Map
15 */
16
17$iota-utils-margin-extra: ();
18
19
20/**
21 * Enables / Disables responsive classes
22 *
23 * Type: Boolean
24 */
25
26$iota-utils-margin-res: false;
27
28
29/**
30 * Breakpoints map. Overrides the breakpoints map only
31 * for margin utility.
32 *
33 * Type: Map
34 */
35
36$iota-utils-margin-breakpoints: $iota-global-breakpoints;
37
38
39/**
40 * Namespace classes
41 *
42 * Type: String
43 */
44
45$iota-utils-margin-namespace : 'm';
46$iota-utils-margin-top-name : 't';
47$iota-utils-margin-right-name : 'r';
48$iota-utils-margin-bottom-name : 'b';
49$iota-utils-margin-left-name : 'l';
50$iota-utils-margin-vertical-name : 'v';
51$iota-utils-margin-horizontal-name : 'h';
52
53
54@import 'node_modules/iotacss/utilities/margin';
diff --git a/src/scss/utilities/_opacity.scss b/src/scss/utilities/_opacity.scss
new file mode 100644
index 0000000..a01d95d
--- /dev/null
+++ b/src/scss/utilities/_opacity.scss
@@ -0,0 +1,19 @@
1/**
2 * Opacity sizes
3 *
4 * Type: Map
5 */
6
7$iota-utils-opacity-sizes: ();
8
9
10/**
11 * Namespace classes
12 *
13 * Type: String
14 */
15
16$iota-utils-opacity-namespace: 'opacity-';
17
18
19@import 'node_modules/iotacss/utilities/opacity';
diff --git a/src/scss/utilities/_padding.scss b/src/scss/utilities/_padding.scss
new file mode 100644
index 0000000..dc85f53
--- /dev/null
+++ b/src/scss/utilities/_padding.scss
@@ -0,0 +1,54 @@
1/**
2 * Padding default gutter. Use a number for a simple size
3 * and a map for responsive.
4 *
5 * Type: Number / Map
6 */
7
8$iota-utils-padding-default: $iota-global-gutter-default;
9
10
11/**
12 * Padding extra gutters.
13 *
14 * Type: Map
15 */
16
17$iota-utils-padding-extra: ();
18
19
20/**
21 * Enables / Disables responsive classes
22 *
23 * Type: Boolean
24 */
25
26$iota-utils-padding-res: false;
27
28
29/**
30 * Breakpoints map. Overrides the breakpoints map only
31 * for padding utility.
32 *
33 * Type: Map
34 */
35
36$iota-utils-padding-breakpoints: $iota-global-breakpoints;
37
38
39/**
40 * Namespace classes
41 *
42 * Type: String
43 */
44
45$iota-utils-padding-namespace : 'p';
46$iota-utils-padding-top-name : 't';
47$iota-utils-padding-right-name : 'r';
48$iota-utils-padding-bottom-name : 'b';
49$iota-utils-padding-left-name : 'l';
50$iota-utils-padding-vertical-name : 'v';
51$iota-utils-padding-horizontal-name : 'h';
52
53
54@import 'node_modules/iotacss/utilities/padding';
diff --git a/src/scss/utilities/_position.scss b/src/scss/utilities/_position.scss
new file mode 100644
index 0000000..aff877d
--- /dev/null
+++ b/src/scss/utilities/_position.scss
@@ -0,0 +1,33 @@
1/**
2 * Enable / Disable breakpoint specific classes
3 *
4 * Type: Boolean
5 */
6
7$iota-utils-position-res: false;
8
9
10/**
11 * Overrides breakpoints map only for position utility
12 *
13 * Type: Map
14 */
15
16$iota-utils-position-breakpoints: $iota-global-breakpoints;
17
18
19/**
20 * Namespace classes
21 *
22 * Type: String
23 */
24
25$iota-utils-position-namespace : '';
26$iota-utils-position-absolute-name : 'absolute';
27$iota-utils-position-fixed-name : 'fixed';
28$iota-utils-position-relative-name : 'relative';
29$iota-utils-position-static-name : 'static';
30$iota-utils-position-sticky-name : 'sticky';
31
32
33@import 'node_modules/iotacss/utilities/position';
diff --git a/src/scss/utilities/_pull.scss b/src/scss/utilities/_pull.scss
new file mode 100644
index 0000000..309db79
--- /dev/null
+++ b/src/scss/utilities/_pull.scss
@@ -0,0 +1,47 @@
1/**
2 * Namespace classes
3 *
4 * Type: String
5 */
6
7$iota-utils-pull-namespace: 'pull-';
8
9
10/**
11 * Size delimiter. Defaults to \/. Ex: .u-pull-1/3
12 *
13 * Type: String
14 */
15
16$iota-utils-pull-delimiter: $iota-global-delimiter;
17
18
19/**
20 * Columns to populate pull utility for
21 *
22 * Type: Unitless Number / List
23 */
24
25$iota-utils-pull-columns: $iota-global-columns;
26
27
28/**
29 * Enables / Disables breakpoint specific classes
30 *
31 * Type: Boolean
32 */
33
34$iota-utils-pull-res: false;
35
36
37/**
38 * Breakpoints map. Allows you to create breakpoints only
39 * for the pull responsive utility.
40 *
41 * Type: Map
42 */
43
44$iota-utils-pull-breakpoints: $iota-global-breakpoints;
45
46
47@import 'node_modules/iotacss/utilities/pull';
diff --git a/src/scss/utilities/_push.scss b/src/scss/utilities/_push.scss
new file mode 100644
index 0000000..c7f41a4
--- /dev/null
+++ b/src/scss/utilities/_push.scss
@@ -0,0 +1,47 @@
1/**
2 * Namespace classes
3 *
4 * Type: String
5 */
6
7$iota-utils-push-namespace: 'push-';
8
9
10/**
11 * Size delimiter. Defaults to \/. Ex: .u-push-1/3
12 *
13 * Type: String
14 */
15
16$iota-utils-push-delimiter: $iota-global-delimiter;
17
18
19/**
20 * Columns to populate push utility for
21 *
22 * Type: Unitless Number / List
23 */
24
25$iota-utils-push-columns: $iota-global-columns;
26
27
28/**
29 * Enables / Disables breakpoint specific classes
30 *
31 * Type: Boolean
32 */
33
34$iota-utils-push-res: false;
35
36
37/**
38 * Breakpoints map. Allows you to create breakpoints only
39 * for the push responsive utility.
40 *
41 * Type: Map
42 */
43
44$iota-utils-push-breakpoints: $iota-global-breakpoints;
45
46
47@import 'node_modules/iotacss/utilities/push';
diff --git a/src/scss/utilities/_size.scss b/src/scss/utilities/_size.scss
new file mode 100644
index 0000000..2f546f6
--- /dev/null
+++ b/src/scss/utilities/_size.scss
@@ -0,0 +1,47 @@
1/**
2 * Size utility delimiter. Default to \/. Ex: .u-1/3.
3 *
4 * Type: String
5 */
6
7$iota-utils-size-delimiter: \/;
8
9
10/**
11 * Size utility columns list
12 *
13 * Type: List
14 */
15
16$iota-utils-size-columns: $iota-global-columns;
17
18
19/**
20 * Enables / Disables breakpoint specific classes
21 *
22 * Type: Boolean
23 */
24
25$iota-utils-size-res: false;
26
27
28/**
29 * Breakpoints map. Overrides the breakpoints map only
30 * for margin utility.
31 *
32 * Type: Map
33 */
34
35$iota-utils-size-breakpoints: $iota-global-breakpoints;
36
37
38/**
39 * Namespace classes
40 *
41 * Type: String
42 */
43
44$iota-utils-size-namespace: '';
45
46
47@import 'node_modules/iotacss/utilities/size';
diff --git a/src/scss/utilities/_text.scss b/src/scss/utilities/_text.scss
new file mode 100644
index 0000000..a417f1b
--- /dev/null
+++ b/src/scss/utilities/_text.scss
@@ -0,0 +1,31 @@
1/**
2 * Enables / Disables breakpoint specific classes
3 *
4 * Type: Boolean
5 */
6
7$iota-utils-text-res: false;
8
9
10/**
11 * Overrides breakpoints map only for position utility
12 *
13 * Type: Map
14 */
15
16$iota-utils-text-breakpoints: $iota-global-breakpoints;
17
18
19/**
20 * Namespace classes
21 *
22 * Type: String
23 */
24
25$iota-utils-text-namespace : 'text-';
26$iota-utils-text-left-name : 'left';
27$iota-utils-text-right-name : 'right';
28$iota-utils-text-center-name : 'center';
29
30
31@import 'node_modules/iotacss/utilities/text';
diff --git a/src/scss/utilities/_transform.scss b/src/scss/utilities/_transform.scss
new file mode 100644
index 0000000..94ad183
--- /dev/null
+++ b/src/scss/utilities/_transform.scss
@@ -0,0 +1,32 @@
1/**
2 * Enables / Disables breakpoint specific classes
3 *
4 * Type: Boolean
5 */
6
7$iota-utils-transform-res: false;
8
9
10/**
11 * Breakpoints map. Overrides the breakpoints map only
12 * for margin utility.
13 *
14 * Type: Map
15 */
16
17$iota-utils-transform-breakpoints: $iota-global-breakpoints;
18
19
20/**
21 * Namespace classes
22 *
23 * Type: String
24 */
25
26$iota-utils-transform-namespace : '';
27$iota-utils-transform-capitalize-name : 'capitalize';
28$iota-utils-transform-uppercase-name : 'uppercase';
29$iota-utils-transform-lowercase-name : 'lowercase';
30
31
32@import 'node_modules/iotacss/utilities/transform';
diff --git a/src/scss/utilities/_weight.scss b/src/scss/utilities/_weight.scss
new file mode 100644
index 0000000..8785357
--- /dev/null
+++ b/src/scss/utilities/_weight.scss
@@ -0,0 +1,19 @@
1/**
2 * Weight sizes
3 *
4 * Type: Map
5 */
6
7$iota-utils-weight-sizes: ();
8
9
10/**
11 * Namespace classes
12 *
13 * Type: String
14 */
15
16$iota-utils-weight-namespace: 'weight-';
17
18
19@import 'node_modules/iotacss/utilities/weight';
generated by cgit v1.2.3 (git 2.39.1) at 2024-05-17 04:06:01 +0000