CSS added margin top to Sponsors box as in Press box (#19218)

* Added a margin-top to Sponsors as in Press box

* Added a div around sponsors and press

For adding the ability for a margin applied two both boxes

* Changes for the added div around sponsors and press

* Update _paulus.scss

* Apply suggestions from code review

Co-authored-by: Paulus Schoutsen <paulus@home-assistant.io>
This commit is contained in:
johanf85 2021-09-07 23:47:50 +02:00 committed by GitHub
parent 8960b6e5ae
commit c1db649683
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 5 deletions

View File

@ -240,9 +240,12 @@ $primary-color: #049cdb;
}
}
.sponsors-and-press {
margin-top:24px;
}
.sponsored-by {
img {
img {
border: 0;
border-radius: 0;
box-shadow: none;
@ -254,7 +257,6 @@ $primary-color: #049cdb;
}
.seen-press {
margin-top: 24px;
img {
border: 0;

View File

@ -171,7 +171,7 @@ feedback: false
<div class="sub-title">Features</div>
{% include custom/features.html %}
<div class="grid sponsors-and-press">
<div class="sponsored-by grid__item one-half lap-one-half palm-one-whole">
<div class="material-card">
<h1>Home Assistant is sponsored by</h1>
@ -181,7 +181,6 @@ feedback: false
/></a>
</div>
</div>
<div class="seen-press grid__item one-half lap-one-half palm-one-whole">
<div class="material-card">
<h1>Home Assistant in the press</h1>
@ -247,6 +246,7 @@ feedback: false
><img alt="Ct logo" src="/images/press/ct.png"
/></a>
</div>
</div>
</div>
</div>
</div>