From 5510e0e73c3acba74f3f59ad3287cab76532a6f4 Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Fri, 24 Nov 2023 10:47:38 +0100
Subject: [PATCH] Enable pxToRem and container margin calculation function
---
assets/sass/_theme/_utils.sass | 14 +++++++++++---
1 file changed, 11 insertions(+), 3 deletions(-)
diff --git a/assets/sass/_theme/_utils.sass b/assets/sass/_theme/_utils.sass
index 94ef2f80..8fed7505 100644
--- a/assets/sass/_theme/_utils.sass
+++ b/assets/sass/_theme/_utils.sass
@@ -1,7 +1,11 @@
-@function px2rem($size)
+@function pxToRem($size)
$remSize: $size / 16
@return #{$remSize}rem
+@function px2rem($size)
+ @return pxToRem($size)
+
+$space-unit: 4 !default
@function space($spaces: 1)
@return #{$spaces * $space-unit / 16}rem
@@ -146,11 +150,15 @@
$responsive-grid-width: Min(100vw, (#{$grid-max-width}))
@return calc((#{$responsive-grid-width} + #{$grid-gutter} * 2) / #{$base} * #{$quantity} - #{$grid-gutter} * 2)
+
+@function container-margin-x
+ @return Max(#{$grid-gutter}, calc(50vw - #{$grid-max-width} / 2 + #{$grid-gutter}))
+
@mixin container-margin-left
- margin-left: Max(#{$grid-gutter}, calc(50vw - #{$grid-max-width} / 2 + #{$grid-gutter}))
+ margin-left: container-margin-x()
@mixin container-margin-right
- margin-right: Max(#{$grid-gutter}, calc(50vw - #{$grid-max-width} / 2 + #{$grid-gutter}))
+ margin-right: container-margin-x()
@mixin stretched-link($pseudo-element: after)
&::#{$pseudo-element}
--
GitLab