jeena/home-assistant.github.io
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

Streamline getting started installation (#1968)

Browse source
This commit is contained in:
Paulus Schoutsen 2017-02-04 20:47:05 -08:00 • committed by GitHub
parent b8d1ec99fc
commit de374b280d
17 changed files with 824 additions and 400 deletions
Download patch file Download diff file Expand all files Collapse all files

119
sass/custom/_paulus.scss
View file

@ -15,22 +15,6 @@
display: inline-block;
font-weight: 500;
}
.front-install {
border: none;
font-size: 1em;
background-color: #333;
margin-bottom: 16px;
display: inline-block;
padding: 8px;
color: #DDD;
div:before {
content: '$';
color: #c82829;
margin-right: 6px;
}
}
}
.material-card {
@ -320,56 +304,6 @@ p.note {
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}
#componentContainer {
a {
display: inline-block;
width: 202px;
height: 142px;
background-color: #fefefe;
margin-right: 4px;
margin-bottom: 8px;
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
padding: 8px;
text-align: center;
text-decoration: none;
.img-container {
height: 50px;
margin: 8px 0;
font: 0/0 a;
&:before { /* create a full-height inline block pseudo=element */
content: ' ';
display: inline-block;
vertical-align: middle; /* vertical alignment of the inline element */
height: 100%;
}
img {
max-width: 100%;
max-height: 50px;
box-shadow: none;
border: none;
vertical-align: middle;
}
}
.title {
text-decoration: none;
font-size: 18px;
color: #000;
line-height: 1.3em;
height: 2.6em;
}
.category {
font-size: 14px;
color: #AAA;
}
}
}
}
@media only screen and (max-width: $lap-end) {
@ -422,6 +356,55 @@ p.note {
}
}
.hass-option-cards {
.option-card {
display: inline-block;
width: 202px;
height: 142px;
background-color: #fefefe;
margin-right: 4px;
margin-bottom: 8px;
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
padding: 8px;
text-align: center;
text-decoration: none;
.img-container {
height: 50px;
margin: 8px 0;
font: 0/0 a;
&:before { /* create a full-height inline block pseudo=element */
content: ' ';
display: inline-block;
vertical-align: middle; /* vertical alignment of the inline element */
height: 100%;
}
img {
max-width: 100%;
max-height: 50px;
box-shadow: none;
border: none;
vertical-align: middle;
}
}
.title {
text-decoration: none;
font-size: 18px;
color: #000;
line-height: 1.3em;
height: 2.6em;
}
.category {
font-size: 14px;
color: #AAA;
}
}
}
.aside-module {
.section {
@ -481,3 +464,7 @@ twitterwidget {
margin-left: auto;
margin-right: auto;
}
.text-center {
text-align: center;
}