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

Hack to acomplish padding/margin with 999 Hack

Browse Source
This commit is contained in:
reverend 2021-03-07 16:05:08 +01:00
parent a483ca5ae3
commit e06e7b2422
2 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/01_Layouts/fan/_fan.styl
View File

@ -28,13 +28,12 @@ RV-Fan--horizontal(base-height, base-width)
margin 0
padding 0
--_spacing-difference calc(var(--inner-spacing) - var(--outer-spacing))
--_padding var(--inner-spacing)
--_margin var(--outer-spacing)
*
position relative
height calc(100% - var(--_spacing-difference))
width calc(100% - var(--_spacing-difference))
top calc(var(--_spacing-difference) / 2)
left calc(var(--_spacing-difference) / 2)
margin var(--_margin)
padding var(--_padding)
box-sizing border-box
+RV-Element('Surface')
height base-height

2
components/01_Layouts/fan/fan.hbs
View File

@ -12,7 +12,7 @@
<img class="RV-Image" src="{{path '/images/landscape.jpeg'}}"/>
</div>
</div>
<div class="RV-Fan__Surface RV-Spacing__Outer--small">
<div class="RV-Fan__Surface RV-Spacing__Inner--small">
<div class="RV-Text">
<p>
Et voluptas earum ut. Distinctio qui eaque quo aliquid ipsam ut. Et est sit sed odio aliquam nam. Possimus numquam officiis tenetur quibusdam sint quos sit est. Doloremque hic totam error velit hic. Dolorum labore necessitatibus cumque quisquam voluptate molestiae quae aspernatur.