From 66aafec33939f9cb3b54f55697a9834912a162f0 Mon Sep 17 00:00:00 2001 From: TuNa Date: Thu, 26 Nov 2020 07:25:29 +0700 Subject: [PATCH 1/3] Add some flexbox mixins update update up --- lib/web/css/source/lib/_utilities.less | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/lib/web/css/source/lib/_utilities.less b/lib/web/css/source/lib/_utilities.less index 222eb4741e85e..9589419cbf51e 100644 --- a/lib/web/css/source/lib/_utilities.less +++ b/lib/web/css/source/lib/_utilities.less @@ -485,6 +485,32 @@ column-count: @_value; } +.lib-flex-center() { + align-items: center; + display: flex; +} + +.lib-flex-center-center() { + .lib-flex-center(); + justify-content: center; +} + +.lib-flex-wrap() { + display: flex; + flex-wrap: wrap; +} + +.lib-flex-center-wrap() { + .lib-flex-center(); + flex-wrap: wrap; +} + +.lib-content-flex() { + .lib-flex-wrap (); + align-items: center; + justify-content: space-between; +} + // // Pointer for popups or dropdowns // --------------------------------------------- From 57af83006db591d0a1051138c05311d7b052e15e Mon Sep 17 00:00:00 2001 From: Tu Nguyen Date: Thu, 18 Nov 2021 18:09:07 +0700 Subject: [PATCH 2/3] Update _utilities.less Update flex prefix --- lib/web/css/source/lib/_utilities.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/lib/web/css/source/lib/_utilities.less b/lib/web/css/source/lib/_utilities.less index 9589419cbf51e..f27907623e9fc 100644 --- a/lib/web/css/source/lib/_utilities.less +++ b/lib/web/css/source/lib/_utilities.less @@ -486,8 +486,8 @@ } .lib-flex-center() { + .lib-vendor-prefix-display(flex); align-items: center; - display: flex; } .lib-flex-center-center() { From 830c0463232ac79a536273f2fdebcb3a72bff6d9 Mon Sep 17 00:00:00 2001 From: Tu Nguyen Date: Sun, 21 Nov 2021 12:14:17 +0700 Subject: [PATCH 3/3] Update _utilities.less --- lib/web/css/source/lib/_utilities.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/lib/web/css/source/lib/_utilities.less b/lib/web/css/source/lib/_utilities.less index f27907623e9fc..2eb6dc70ba0cc 100644 --- a/lib/web/css/source/lib/_utilities.less +++ b/lib/web/css/source/lib/_utilities.less @@ -496,7 +496,7 @@ } .lib-flex-wrap() { - display: flex; + .lib-vendor-prefix-display(flex); flex-wrap: wrap; }