From 8b46646d14718243148f44acb4ce13b4f2aee02d Mon Sep 17 00:00:00 2001 From: n-langle Date: Thu, 22 Apr 2021 11:30:11 +0200 Subject: [PATCH 1/3] feat (Abstract scss) : add function align for gutenberg block --- src/scss/abstract/_f-align.scss | 38 +++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) create mode 100644 src/scss/abstract/_f-align.scss diff --git a/src/scss/abstract/_f-align.scss b/src/scss/abstract/_f-align.scss new file mode 100644 index 00000000..95f53a07 --- /dev/null +++ b/src/scss/abstract/_f-align.scss @@ -0,0 +1,38 @@ +/** + * Align + * + * exemples : + * + * #{ align("wide") } .block#{ align() } { + * ... your css + * } + * + * return for style.scss : + * .block.alignwide { + * ... your css + * } + * + * return for editor-style.scss : + * [data-align="wide"] > .block { + * ... your css + * } + * + */ + +$function-align-last-value: ""; + +@function align($value: null, $suffix: " > ") { + @if ($value == null) { + @if ($entry-file-name == "style") { + @return ".align" + $function-align-last-value; + } + } @else { + $function-align-last-value: $value; + + @if ($entry-file-name == "editor-style") { + @return "[data-align=\"" + $value + "\"]" + $suffix; + } + } + + @return ""; +} From da38b8cd65de1e75649ab7b13a148ecb4032682f Mon Sep 17 00:00:00 2001 From: n-langle Date: Thu, 22 Apr 2021 11:36:02 +0200 Subject: [PATCH 2/3] refactor (Abstract align): rename as context-align accordingly to context-selector --- .../abstract/{_f-align.scss => _f-context-align.scss} | 10 +++++----- src/scss/abstract/_index.scss | 1 + 2 files changed, 6 insertions(+), 5 deletions(-) rename src/scss/abstract/{_f-align.scss => _f-context-align.scss} (66%) diff --git a/src/scss/abstract/_f-align.scss b/src/scss/abstract/_f-context-align.scss similarity index 66% rename from src/scss/abstract/_f-align.scss rename to src/scss/abstract/_f-context-align.scss index 95f53a07..1197c63c 100644 --- a/src/scss/abstract/_f-align.scss +++ b/src/scss/abstract/_f-context-align.scss @@ -3,7 +3,7 @@ * * exemples : * - * #{ align("wide") } .block#{ align() } { + * #{ context-align("wide") } .block#{ context-align() } { * ... your css * } * @@ -19,15 +19,15 @@ * */ -$function-align-last-value: ""; +$function-context-align-last-value: ""; -@function align($value: null, $suffix: " > ") { +@function context-align($value: null, $suffix: " > ") { @if ($value == null) { @if ($entry-file-name == "style") { - @return ".align" + $function-align-last-value; + @return ".align" + $function-context-align-last-value; } } @else { - $function-align-last-value: $value; + $function-context-align-last-value: $value; @if ($entry-file-name == "editor-style") { @return "[data-align=\"" + $value + "\"]" + $suffix; diff --git a/src/scss/abstract/_index.scss b/src/scss/abstract/_index.scss index a990c7a1..fb7dd0f0 100644 --- a/src/scss/abstract/_index.scss +++ b/src/scss/abstract/_index.scss @@ -8,6 +8,7 @@ @import "./f-assign-inputs"; @import "./f-column"; +@import "./f-context-align"; @import "./f-context-selector"; @import "./f-easings"; @import "./f-em"; From 476c717bfa2768e9f2956d4dc506e95395657baf Mon Sep 17 00:00:00 2001 From: n-langle Date: Thu, 22 Apr 2021 12:17:26 +0200 Subject: [PATCH 3/3] fix (Abstract context-align) : missing global flag --- src/scss/abstract/_f-context-align.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/scss/abstract/_f-context-align.scss b/src/scss/abstract/_f-context-align.scss index 1197c63c..503d2ca7 100644 --- a/src/scss/abstract/_f-context-align.scss +++ b/src/scss/abstract/_f-context-align.scss @@ -27,7 +27,7 @@ $function-context-align-last-value: ""; @return ".align" + $function-context-align-last-value; } } @else { - $function-context-align-last-value: $value; + $function-context-align-last-value: $value !global; @if ($entry-file-name == "editor-style") { @return "[data-align=\"" + $value + "\"]" + $suffix;