Skip to content
Snippets Groups Projects
Commit 5510e0e7 authored by alexisben's avatar alexisben
Browse files

Enable pxToRem and container margin calculation function

parent 6fe183dd
No related branches found
No related tags found
No related merge requests found
@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}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment