jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-07-23 09:17:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
* 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
sass/custom/_paulus.scss
View File

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

4
source/index.html
View File

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