reverend/scss-library
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Margin and Padding at 'Container Queries'

Browse Source
This commit is contained in:
reverend
2021-03-06 21:20:18 +01:00
parent a1b95dd632
commit a483ca5ae3
5 changed files with 48 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/01_Layouts/flexRow/_flexRow.styl
View File

@@ -50,6 +50,17 @@ RV-FlexRow--breakPoint(localBreakPoint, mediaBreakPoint=0)
+RV-Element__Modifier()
RV-FlexRow__Item--insideBreakPoint()
margin 0
padding 0
--_spacing-difference calc(var(--inner-spacing) - var(--outer-spacing))
--height 100%
*
position relative
height calc(var(--height) - var(--_spacing-difference))
width calc(var(--height) - var(--_spacing-difference))
top calc(var(--_spacing-difference) / 2)
left calc(var(--_spacing-difference) / 2)
@media(max-width mediaBreakPoint)
flex-direction row