Hack to acomplish padding/margin with 999 Hack
This commit is contained in:
parent
a483ca5ae3
commit
e06e7b2422
@ -28,13 +28,12 @@ RV-Fan--horizontal(base-height, base-width)
|
|||||||
|
|
||||||
margin 0
|
margin 0
|
||||||
padding 0
|
padding 0
|
||||||
--_spacing-difference calc(var(--inner-spacing) - var(--outer-spacing))
|
--_padding var(--inner-spacing)
|
||||||
|
--_margin var(--outer-spacing)
|
||||||
*
|
*
|
||||||
position relative
|
margin var(--_margin)
|
||||||
height calc(100% - var(--_spacing-difference))
|
padding var(--_padding)
|
||||||
width calc(100% - var(--_spacing-difference))
|
box-sizing border-box
|
||||||
top calc(var(--_spacing-difference) / 2)
|
|
||||||
left calc(var(--_spacing-difference) / 2)
|
|
||||||
|
|
||||||
+RV-Element('Surface')
|
+RV-Element('Surface')
|
||||||
height base-height
|
height base-height
|
||||||
|
@ -12,7 +12,7 @@
|
|||||||
<img class="RV-Image" src="{{path '/images/landscape.jpeg'}}"/>
|
<img class="RV-Image" src="{{path '/images/landscape.jpeg'}}"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="RV-Fan__Surface RV-Spacing__Outer--small">
|
<div class="RV-Fan__Surface RV-Spacing__Inner--small">
|
||||||
<div class="RV-Text">
|
<div class="RV-Text">
|
||||||
<p>
|
<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.
|
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.
|
||||||
|
Loading…
Reference in New Issue
Block a user