Skip to content

Commit d3eda69

Browse files
francoistibofrancoistibo
authored
Merge pull request #277 from BeAPI/fix/pr
Fix/pr
2 parents 30c88bb + bb666a0 commit d3eda69

File tree

3 files changed

+11196
-7966
lines changed

3 files changed

+11196
-7966
lines changed

‎package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,7 @@
4242
"postcss-loader": "^7.0.0",
4343
"postcss-preset-env": "^7.7.2",
4444
"postcss-pxtorem": "^6.0.0",
45+
"postcss-scss": "^4.0.4",
4546
"postcss-sort-media-queries": "^4.2.1",
4647
"prettier": "^2.2.1",
4748
"sass": "^1.52.3",

‎src/scss/06-blocks/_gutenberg.scss

Lines changed: 115 additions & 115 deletions
Original file line numberDiff line numberDiff line change
@@ -1,126 +1,126 @@
11
@include editor-only {
2-
// ----
3-
// Post title style
4-
// ----
5-
.editor-post-title {
6-
7-
@include heading(h1);
8-
9-
max-width: var(--responsive--aligndefault-width);
10-
margin-bottom: var(--spacing--block-3);
11-
}
12-
13-
// ----
14-
// Editor UI font styles
15-
// ----
16-
.wp-block.block-editor-default-block-appender > textarea {
17-
font-family: var(--global--font-secondary);
18-
font-size: var($font-size-md);
19-
}
2+
// ----
3+
// Post title style
4+
// ----
5+
.editor-post-title {
6+
7+
@include heading(h1);
8+
9+
max-width: var(--responsive--aligndefault-width);
10+
margin-bottom: var(--spacing--block-3);
11+
}
12+
13+
// ----
14+
// Editor UI font styles
15+
// ----
16+
.wp-block.block-editor-default-block-appender > textarea {
17+
font-family: var(--global--font-secondary);
18+
font-size: var($font-size-md);
19+
}
2020
}
2121

2222
// ----
2323
// Drop cap
2424
// ----
2525
.has-drop-cap:not(:focus)::first-letter {
26-
float: left;
27-
margin: 0.1em 0.1em 0 0;
28-
font-family: var($font-family-primary);
29-
font-size: calc(1.2 * var(--heading--font-size-h1));
30-
font-style: normal;
31-
font-weight: var(--heading--font-weight);
32-
line-height: 0.66;
33-
text-transform: uppercase;
26+
float: left;
27+
margin: .1em .1em 0 0;
28+
font-family: var($font-family-primary);
29+
font-size: calc(1.2 * var(--heading--font-size-h1));
30+
font-style: normal;
31+
font-weight: var(--heading--font-weight);
32+
line-height: .66;
33+
text-transform: uppercase;
3434
}
3535

3636
#{context-selector(".blocks-container", ".is-root-container")} {
37-
// ----
38-
// Alignements horizontaux
39-
// ----
40-
> :where(*) {
41-
max-width: var(--responsive--aligndefault-width);
42-
margin-right: auto;
43-
margin-left: auto;
44-
}
45-
46-
#{context-selector(".alignwide", "[data-align='wide']")} {
47-
max-width: var(--responsive--alignwide-width);
48-
}
49-
50-
#{context-selector(".alignfull", "[data-align='full']")} {
51-
max-width: var(--responsive--alignfull-width);
52-
}
53-
54-
.alignleft {
55-
56-
@include align;
57-
}
58-
59-
.alignright {
60-
61-
@include align(right);
62-
}
63-
64-
.aligncenter {
65-
display: block;
66-
margin-right: auto;
67-
margin-left: auto;
68-
clear: both;
69-
}
70-
71-
.alignleft,
72-
.alignright,
73-
.aligncenter {
74-
margin-bottom: var(--spacing--block-1);
75-
}
76-
77-
// ----
78-
// Alignements verticaux
79-
// ----
80-
> *,
81-
[class*="inner-container"] > * {
82-
margin-top: var(--spacing--block-1);
83-
margin-bottom: var(--spacing--block-1);
84-
85-
&:first-child {
86-
margin-top: 0;
87-
}
88-
89-
&:last-child {
90-
margin-bottom: 0;
91-
}
92-
93-
&.alignleft,
94-
&.alignright,
95-
&.alignleft:first-child + *,
96-
&.alignright:first-child + *,
97-
&.alignfull.has-background {
98-
margin-top: 0;
99-
}
100-
101-
&:last-child,
102-
&.alignfull.has-background {
103-
margin-bottom: 0;
104-
}
105-
106-
/* Reset alignleft and alignright margins after alignfull */
107-
&.alignfull + .alignleft,
108-
&.alignfull + .alignright {
109-
margin-top: var(--spacing--block-1);
110-
}
111-
}
112-
113-
@include editor-only {
114-
115-
> * {
116-
117-
&:last-child {
118-
margin-bottom: var(--spacing--block-1);
119-
}
120-
}
121-
122-
[class*="inner-container"] > * {
123-
max-width: none;
124-
}
125-
}
37+
// ----
38+
// Alignements horizontaux
39+
// ----
40+
> :where(*) {
41+
max-width: var(--responsive--aligndefault-width);
42+
margin-right: auto;
43+
margin-left: auto;
44+
}
45+
46+
#{context-selector(".alignwide", "[data-align='wide']")} {
47+
max-width: var(--responsive--alignwide-width);
48+
}
49+
50+
#{context-selector(".alignfull", "[data-align='full']")} {
51+
max-width: var(--responsive--alignfull-width);
52+
}
53+
54+
.alignleft {
55+
56+
@include align;
57+
}
58+
59+
.alignright {
60+
61+
@include align(right);
62+
}
63+
64+
.aligncenter {
65+
display: block;
66+
margin-right: auto;
67+
margin-left: auto;
68+
clear: both;
69+
}
70+
71+
.alignleft,
72+
.alignright,
73+
.aligncenter {
74+
margin-bottom: var(--spacing--block-1);
75+
}
76+
77+
// ----
78+
// Alignements verticaux
79+
// ----
80+
> *,
81+
[class*="inner-container"] > * {
82+
margin-top: var(--spacing--block-1);
83+
margin-bottom: var(--spacing--block-1);
84+
85+
&:first-child {
86+
margin-top: 0;
87+
}
88+
89+
&:last-child {
90+
margin-bottom: 0;
91+
}
92+
93+
&.alignleft,
94+
&.alignright,
95+
&.alignleft:first-child + *,
96+
&.alignright:first-child + *,
97+
&.alignfull.has-background {
98+
margin-top: 0;
99+
}
100+
101+
&:last-child,
102+
&.alignfull.has-background {
103+
margin-bottom: 0;
104+
}
105+
106+
/* Reset alignleft and alignright margins after alignfull */
107+
&.alignfull + .alignleft,
108+
&.alignfull + .alignright {
109+
margin-top: var(--spacing--block-1);
110+
}
111+
}
112+
113+
@include editor-only {
114+
115+
> * {
116+
117+
&:last-child {
118+
margin-bottom: var(--spacing--block-1);
119+
}
120+
}
121+
122+
[class*="inner-container"] > * {
123+
max-width: none;
124+
}
125+
}
126126
}

0 commit comments

Comments
 (0)