summaryrefslogtreecommitdiffstats
path: root/wp-includes/blocks/columns/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'wp-includes/blocks/columns/style.css')
-rw-r--r--wp-includes/blocks/columns/style.css74
1 files changed, 74 insertions, 0 deletions
diff --git a/wp-includes/blocks/columns/style.css b/wp-includes/blocks/columns/style.css
new file mode 100644
index 0000000..4004dbc
--- /dev/null
+++ b/wp-includes/blocks/columns/style.css
@@ -0,0 +1,74 @@
+.wp-block-columns{
+ align-items:normal !important;
+ box-sizing:border-box;
+ display:flex;
+ flex-wrap:wrap !important;
+}
+@media (min-width:782px){
+ .wp-block-columns{
+ flex-wrap:nowrap !important;
+ }
+}
+.wp-block-columns.are-vertically-aligned-top{
+ align-items:flex-start;
+}
+.wp-block-columns.are-vertically-aligned-center{
+ align-items:center;
+}
+.wp-block-columns.are-vertically-aligned-bottom{
+ align-items:flex-end;
+}
+@media (max-width:781px){
+ .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
+ flex-basis:100% !important;
+ }
+}
+@media (min-width:782px){
+ .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
+ flex-basis:0;
+ flex-grow:1;
+ }
+ .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{
+ flex-grow:0;
+ }
+}
+.wp-block-columns.is-not-stacked-on-mobile{
+ flex-wrap:nowrap !important;
+}
+.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{
+ flex-basis:0;
+ flex-grow:1;
+}
+.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{
+ flex-grow:0;
+}
+
+:where(.wp-block-columns){
+ margin-bottom:1.75em;
+}
+
+:where(.wp-block-columns.has-background){
+ padding:1.25em 2.375em;
+}
+
+.wp-block-column{
+ flex-grow:1;
+ min-width:0;
+ overflow-wrap:break-word;
+ word-break:break-word;
+}
+.wp-block-column.is-vertically-aligned-top{
+ align-self:flex-start;
+}
+.wp-block-column.is-vertically-aligned-center{
+ align-self:center;
+}
+.wp-block-column.is-vertically-aligned-bottom{
+ align-self:flex-end;
+}
+.wp-block-column.is-vertically-aligned-stretch{
+ align-self:stretch;
+}
+.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{
+ width:100%;
+} \ No newline at end of file