Skip to content

Commit 84d5e06

Browse files
firestar300firestar300
committed
style (scss): use tabs for scss files
1 parent a1e707b commit 84d5e06

File tree

87 files changed

+2269
-2271
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

87 files changed

+2269
-2271
lines changed

‎.stylelintrc

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@
3030
"scss/at-if-closing-brace-space-after": null,
3131
"no-invalid-position-at-import-rule": null,
3232
"custom-property-pattern": null,
33-
"indentation": 4,
33+
"indentation": "tab",
3434
"number-leading-zero": "never",
3535
"string-quotes": "double",
3636
"length-zero-no-unit": [
@@ -43,4 +43,4 @@
4343
}
4444
}
4545
]
46-
}
46+
}

‎src/scss/01-abstract/_variables.scss

Lines changed: 46 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -46,22 +46,22 @@ $color-text: $color-grey-900;
4646
// Gutenberg palette
4747
// ----
4848
$palette: (
49-
"primary": (
50-
"color": $color-primary,
51-
"isColorLight": true,
52-
),
53-
"secondary": (
54-
"color": $color-secondary,
55-
"isColorLight": false,
56-
),
57-
"dark": (
58-
"color": $color-dark,
59-
"isColorLight": false,
60-
),
61-
"light": (
62-
"color": $color-light,
63-
"isColorLight": true,
64-
),
49+
"primary": (
50+
"color": $color-primary,
51+
"isColorLight": true,
52+
),
53+
"secondary": (
54+
"color": $color-secondary,
55+
"isColorLight": false,
56+
),
57+
"dark": (
58+
"color": $color-dark,
59+
"isColorLight": false,
60+
),
61+
"light": (
62+
"color": $color-light,
63+
"isColorLight": true,
64+
),
6565
);
6666

6767
/**
@@ -93,35 +93,35 @@ $palette: (
9393
* );
9494
*/
9595
$column-preset: (
96-
// preset for desktop
97-
d : (
98-
column-width: 60,
99-
gutter-width: 40,
100-
total-column: 12
101-
),
102-
// preset for tablet
103-
t : (
104-
column-width: 60,
105-
gutter-width: 34,
106-
total-column: 8
107-
),
108-
// preset for mobile
109-
m : (
110-
column-width: 58,
111-
gutter-width: 31,
112-
total-column: 4
113-
)
96+
// preset for desktop
97+
d : (
98+
column-width: 60,
99+
gutter-width: 40,
100+
total-column: 12
101+
),
102+
// preset for tablet
103+
t : (
104+
column-width: 60,
105+
gutter-width: 34,
106+
total-column: 8
107+
),
108+
// preset for mobile
109+
m : (
110+
column-width: 58,
111+
gutter-width: 31,
112+
total-column: 4
113+
)
114114
);
115115

116116
// ----
117117
// Containers
118118
// ----
119119
$container-default-column-length: 8;
120120
$container-default: (
121-
map.get(map.get($column-preset, d), column-width) * $container-default-column-length + map.get(map.get($column-preset, d), gutter-width) * ($container-default-column-length - 1)
121+
map.get(map.get($column-preset, d), column-width) * $container-default-column-length + map.get(map.get($column-preset, d), gutter-width) * ($container-default-column-length - 1)
122122
) * 1px;
123123
$container-wide: (
124-
map.get(map.get($column-preset, d), column-width) * map.get(map.get($column-preset, d), total-column) + map.get(map.get($column-preset, d), gutter-width) * (map.get(map.get($column-preset, d), total-column) - 1)
124+
map.get(map.get($column-preset, d), column-width) * map.get(map.get($column-preset, d), total-column) + map.get(map.get($column-preset, d), gutter-width) * (map.get(map.get($column-preset, d), total-column) - 1)
125125
) * 1px;
126126
$external-gutter: 50px;
127127
$external-gutter-mobile: 20px;
@@ -131,16 +131,16 @@ $external-gutter-mobile: 20px;
131131
// Based on WordPress breakpoints (https://github.com/WordPress/gutenberg/blob/trunk/packages/base-styles/_breakpoints.scss)
132132
// ----
133133
$breakpoints: (
134-
xs: 480,
135-
s: 601, // 601px is a wordpress breakpoint (admin-bar become sticky)
136-
sm: 782,
137-
admin-bar: 784, // admin bar height change
138-
m: 960,
139-
md: 1080,
140-
mdl: 1279, // Do not use 1280px, it causes a bug under Window Edge with a device pixel ratio higher than 1
141-
l: 1440,
142-
container-default: math.div($container-default + $external-gutter-mobile * 2, 1px),
143-
container-wide: math.div($container-wide + $external-gutter * 2, 1px),
134+
xs: 480,
135+
s: 601, // 601px is a wordpress breakpoint (admin-bar become sticky)
136+
sm: 782,
137+
admin-bar: 784, // admin bar height change
138+
m: 960,
139+
md: 1080,
140+
mdl: 1279, // Do not use 1280px, it causes a bug under Window Edge with a device pixel ratio higher than 1
141+
l: 1440,
142+
container-default: math.div($container-default + $external-gutter-mobile * 2, 1px),
143+
container-wide: math.div($container-wide + $external-gutter * 2, 1px),
144144
);
145145

146146
// ----

‎src/scss/02-tools/_f-assign-inputs.scss

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -27,13 +27,13 @@
2727
*/
2828

2929
@function assign-inputs($inputs, $pseudo: null) {
30-
$list: ();
30+
$list: ();
3131

32-
@each $input in $inputs {
33-
$input: string.unquote($input);
34-
$input: if($pseudo, $input + ":" + $pseudo, $input);
35-
$list: list.append($list, $input, comma);
36-
}
32+
@each $input in $inputs {
33+
$input: string.unquote($input);
34+
$input: if($pseudo, $input + ":" + $pseudo, $input);
35+
$list: list.append($list, $input, comma);
36+
}
3737

38-
@return $list;
38+
@return $list;
3939
}

‎src/scss/02-tools/_f-column.scss

Lines changed: 60 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -56,90 +56,90 @@
5656

5757
@function column-set-var($var, $device, $prop) {
5858

59-
@if not $var {
59+
@if not $var {
6060

61-
@return map.get(map.get($column-preset, $device), $prop);
62-
} @else {
61+
@return map.get(map.get($column-preset, $device), $prop);
62+
} @else {
6363

64-
@return $var;
65-
}
64+
@return $var;
65+
}
6666
}
6767

6868
// ----
6969
// column - return a percent value
7070
// ----
7171

7272
@function column($device, $nb-column: null, $nb-gutter: null, $total-column: null, $total-gutter: null) {
73-
// shift vars if $device is number
74-
@if meta.type-of($device) == "number" {
75-
$total-gutter: $total-column;
76-
$total-column: $nb-gutter;
77-
$nb-gutter: $nb-column;
78-
$nb-column: $device;
79-
$device: d;
80-
}
81-
82-
$preset: map.get($column-preset, $device);
83-
$gutter-width: map.get($preset, gutter-width);
84-
$column-width: map.get($preset, column-width);
85-
$total-column: column-set-var($total-column, $device, total-column);
86-
87-
@if not $nb-gutter {
88-
$nb-gutter: $nb-column - 1;
89-
}
90-
91-
@if not $total-gutter {
92-
$total-gutter: $total-column - 1;
93-
}
94-
95-
@return math.div($nb-column * $column-width + $nb-gutter * $gutter-width, $total-column * $column-width + $total-gutter * $gutter-width) * 100%;
73+
// shift vars if $device is number
74+
@if meta.type-of($device) == "number" {
75+
$total-gutter: $total-column;
76+
$total-column: $nb-gutter;
77+
$nb-gutter: $nb-column;
78+
$nb-column: $device;
79+
$device: d;
80+
}
81+
82+
$preset: map.get($column-preset, $device);
83+
$gutter-width: map.get($preset, gutter-width);
84+
$column-width: map.get($preset, column-width);
85+
$total-column: column-set-var($total-column, $device, total-column);
86+
87+
@if not $nb-gutter {
88+
$nb-gutter: $nb-column - 1;
89+
}
90+
91+
@if not $total-gutter {
92+
$total-gutter: $total-column - 1;
93+
}
94+
95+
@return math.div($nb-column * $column-width + $nb-gutter * $gutter-width, $total-column * $column-width + $total-gutter * $gutter-width) * 100%;
9696
}
9797

9898
// ----
9999
// column px, return a pixel value
100100
// ----
101101

102102
@function column-px($device, $nb-column: null, $nb-gutter: null, $unitless: false) {
103-
// shift vars if $device is number
104-
@if meta.type-of($device) == "number" {
105-
$nb-gutter: $nb-column;
106-
$nb-column: $device;
107-
$device: d;
108-
}
109-
110-
$preset: map.get($column-preset, $device);
111-
$gutter-width: map.get($preset, gutter-width);
112-
$column-width: map.get($preset, column-width);
113-
114-
@if not $nb-gutter {
115-
$nb-gutter: $nb-column - 1;
116-
}
117-
118-
@if $unitless == true {
119-
@return $nb-column * $column-width + $nb-gutter * $gutter-width;
120-
}
121-
122-
@return #{$nb-column * $column-width + $nb-gutter * $gutter-width}px;
103+
// shift vars if $device is number
104+
@if meta.type-of($device) == "number" {
105+
$nb-gutter: $nb-column;
106+
$nb-column: $device;
107+
$device: d;
108+
}
109+
110+
$preset: map.get($column-preset, $device);
111+
$gutter-width: map.get($preset, gutter-width);
112+
$column-width: map.get($preset, column-width);
113+
114+
@if not $nb-gutter {
115+
$nb-gutter: $nb-column - 1;
116+
}
117+
118+
@if $unitless == true {
119+
@return $nb-column * $column-width + $nb-gutter * $gutter-width;
120+
}
121+
122+
@return #{$nb-column * $column-width + $nb-gutter * $gutter-width}px;
123123
}
124124

125125
// ----
126126
// column full - return a percent value of the full width container (100%) minus mobile external gutter width * 2
127127
// ----
128128

129129
@function column-full($device, $nb-column: null, $nb-gutter: null) {
130-
// shift vars if $device is number
131-
@if meta.type-of($device) == "number" {
132-
$nb-gutter: $nb-column;
133-
$nb-column: $device;
134-
$device: d;
135-
}
130+
// shift vars if $device is number
131+
@if meta.type-of($device) == "number" {
132+
$nb-gutter: $nb-column;
133+
$nb-column: $device;
134+
$device: d;
135+
}
136136

137-
$preset: map.get($column-preset, $device);
138-
$gutter-width: map.get($preset, gutter-width);
139-
$column-width: map.get($preset, column-width);
140-
$total-column: map.get($preset, total-column);
137+
$preset: map.get($column-preset, $device);
138+
$gutter-width: map.get($preset, gutter-width);
139+
$column-width: map.get($preset, column-width);
140+
$total-column: map.get($preset, total-column);
141141

142-
$width: column-px($device, $nb-column, $nb-gutter, true);
142+
$width: column-px($device, $nb-column, $nb-gutter, true);
143143

144-
@return calc((100% - calc(var(--responsive--gutter) * 2)) * #{math.div($width, ($gutter-width * ($total-column - 1) + $column-width * $total-column))});
144+
@return calc((100% - calc(var(--responsive--gutter) * 2)) * #{math.div($width, ($gutter-width * ($total-column - 1) + $column-width * $total-column))});
145145
}

‎src/scss/02-tools/_f-context-align.scss

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -28,17 +28,17 @@
2828
$function-context-align-last-value: "";
2929

3030
@function context-align($value: null, $suffix: " > ") {
31-
@if not $value {
32-
@if ($entry-file-name == "style") {
33-
@return ".align" + $function-context-align-last-value;
34-
}
35-
} @else {
36-
$function-context-align-last-value: $value !global;
31+
@if not $value {
32+
@if ($entry-file-name == "style") {
33+
@return ".align" + $function-context-align-last-value;
34+
}
35+
} @else {
36+
$function-context-align-last-value: $value !global;
3737

38-
@if ($entry-file-name == "editor") {
39-
@return "[data-align=\"" + $value + "\"]" + $suffix;
40-
}
41-
}
38+
@if ($entry-file-name == "editor") {
39+
@return "[data-align=\"" + $value + "\"]" + $suffix;
40+
}
41+
}
4242

43-
@return "";
43+
@return "";
4444
}

‎src/scss/02-tools/_f-context-selector.scss

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -53,26 +53,26 @@
5353
*/
5454

5555
@function context-selector($default: null, $editor: null, $selector: null) {
56-
$full-selector: "";
57-
$parent: "";
56+
$full-selector: "";
57+
$parent: "";
5858

59-
@if ($entry-file-name == "editor" and $editor) {
60-
$parent: $editor;
61-
} @else if ($entry-file-name == "style" and $default) {
62-
$parent: $default;
63-
} @else {
64-
@return $selector;
65-
}
59+
@if ($entry-file-name == "editor" and $editor) {
60+
$parent: $editor;
61+
} @else if ($entry-file-name == "style" and $default) {
62+
$parent: $default;
63+
} @else {
64+
@return $selector;
65+
}
6666

67-
@if (meta.type-of($selector) == "string") {
68-
$full-selector: $parent + " " + $selector;
69-
} @else if (meta.type-of($selector) == "list") {
70-
@each $s in $selector {
71-
$full-selector: $full-selector + $parent + " " + $s;
72-
}
73-
} @else {
74-
$full-selector: $parent;
75-
}
67+
@if (meta.type-of($selector) == "string") {
68+
$full-selector: $parent + " " + $selector;
69+
} @else if (meta.type-of($selector) == "list") {
70+
@each $s in $selector {
71+
$full-selector: $full-selector + $parent + " " + $s;
72+
}
73+
} @else {
74+
$full-selector: $parent;
75+
}
7676

77-
@return $full-selector;
77+
@return $full-selector;
7878
}

0 commit comments

Comments
 (0)