mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-07-21 16:27:19 +00:00
Replace icons by iconify (#33918)
This commit is contained in:
c0ffeeca7
GitHub
parent
6bac271e5f
commit
3e273751e1
@ -14,15 +14,19 @@
|
|||||||
&.easiest {
|
&.easiest {
|
||||||
color: #04b154;
|
color: #04b154;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.easy {
|
&.easy {
|
||||||
color: #02b0ff;
|
color: #02b0ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.intermediate {
|
&.intermediate {
|
||||||
color: #eb873f;
|
color: #eb873f;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.hard {
|
&.hard {
|
||||||
color: #ff5454;
|
color: #ff5454;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.expert {
|
&.expert {
|
||||||
color: #ff02b8;
|
color: #ff02b8;
|
||||||
}
|
}
|
||||||
@ -77,7 +81,8 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background-color: #c4c4c4;
|
background-color: #c4c4c4;
|
||||||
> * {
|
|
||||||
|
>* {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
@ -89,10 +94,12 @@
|
|||||||
.content {
|
.content {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding: 8px 0;
|
padding: 8px 0;
|
||||||
|
|
||||||
p {
|
p {
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
b {
|
b {
|
||||||
font-size: 0.7em;
|
font-size: 0.7em;
|
||||||
}
|
}
|
||||||
@ -103,7 +110,7 @@
|
|||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
|
|
||||||
& > * {
|
&>* {
|
||||||
flex-basis: min-content;
|
flex-basis: min-content;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
@ -118,6 +125,7 @@
|
|||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons {
|
.buttons {
|
||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -190,28 +198,36 @@
|
|||||||
tr:nth-child(even) {
|
tr:nth-child(even) {
|
||||||
background-color: #fafafa;
|
background-color: #fafafa;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
iconify-icon {
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.link-card {
|
.link-card {
|
||||||
text-decoration: none !important;
|
text-decoration: none !important;
|
||||||
color: black !important;
|
color: black !important;
|
||||||
|
|
||||||
div {
|
div {
|
||||||
margin: 32px 0;
|
margin: 32px 0;
|
||||||
height: 64px;
|
height: 64px;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
height: 32px;
|
height: 32px;
|
||||||
width: 32px;
|
width: 32px;
|
||||||
max-width: 32px;
|
max-width: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
align-self: center;
|
align-self: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.next-step {
|
.next-step {
|
||||||
p {
|
p {
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
@ -225,6 +241,7 @@
|
|||||||
.material-card {
|
.material-card {
|
||||||
.content-container {
|
.content-container {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
.image {
|
.image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -237,9 +254,11 @@
|
|||||||
height: unset;
|
height: unset;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 200px;
|
height: 200px;
|
||||||
|
|
||||||
* {
|
* {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
|||||||
@ -16,12 +16,12 @@ Once you have more devices, you may want to target entire groups of devices in a
|
|||||||
|
|
||||||
There are a few tools to group your assets: [Areas](#areas), [floors](#floors), [labels](#labels), and [categories](#categories).
|
There are a few tools to group your assets: [Areas](#areas), [floors](#floors), [labels](#labels), and [categories](#categories).
|
||||||
|
|
||||||
| Taxonomy | Automation target | Entity can have multiple |
|
| Taxonomy | Automation target | Entity can have multiple |
|
||||||
| -------- | ----------------- | ------------------------ |
|
| -------- | -------------------------------- | -------------------------------- |
|
||||||
| Area | ✅ | ❌ |
|
| Area | {% icon "openmoji:check-mark" %} | {% icon "openmoji:cross-mark" %} |
|
||||||
| Floor | ✅ | ❌ |
|
| Floor | {% icon "openmoji:check-mark" %} | {% icon "openmoji:cross-mark" %} |
|
||||||
| Label | ✅ | ✅ |
|
| Label | {% icon "openmoji:check-mark" %} | {% icon "openmoji:check-mark" %} |
|
||||||
| Category | ❌ | ❌ |
|
| Category | {% icon "openmoji:cross-mark" %} | {% icon "openmoji:cross-mark" %} |
|
||||||
|
|
||||||
## Area
|
## Area
|
||||||
|
|
||||||
|
|||||||
@ -289,54 +289,54 @@ toc: true
|
|||||||
<th>Supervised<sup>1</sup></th>
|
<th>Supervised<sup>1</sup></th>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="/docs/automation" target="_blank">Automations</a></td>
|
<td><a href="/docs/automation" target="_blank">Automations</a></td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="/dashboards" target="_blank">Dashboards</a></td>
|
<td><a href="/dashboards" target="_blank">Dashboards</a></td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="/integrations" target="_blank">Integrations</a></td>
|
<td><a href="/integrations" target="_blank">Integrations</a></td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="/addons" target="_blank">Add-ons</a></td>
|
<td><a href="/addons" target="_blank">Add-ons</a></td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
<td>❌</td>
|
<td>{% icon "openmoji:cross-mark" %}</td>
|
||||||
<td>❌</td>
|
<td>{% icon "openmoji:cross-mark" %}</td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="/docs/blueprint" target="_blank">Blueprints</a></td>
|
<td><a href="/docs/blueprint" target="_blank">Blueprints</a></td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
One-click updates
|
One-click updates
|
||||||
</td>
|
</td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
<td>❌</td>
|
<td>{% icon "openmoji:cross-mark" %}</td>
|
||||||
<td>❌</td>
|
<td>{% icon "openmoji:cross-mark" %}</td>
|
||||||
<td>☑️<sup>2</sup></td>
|
<td>{% icon "noto-v1:check-mark" %}<sup>2</sup></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="/common-tasks/os/#backups" target="_blank">Backups</a></td>
|
<td><a href="/common-tasks/os/#backups" target="_blank">Backups</a></td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
<td>☑️<sup>3</sup></td>
|
<td>{% icon "noto-v1:check-mark" %}<sup>3</sup></td>
|
||||||
<td>☑️<sup>3</sup></td>
|
<td>{% icon "noto-v1:check-mark" %}<sup>3</sup></td>
|
||||||
<td>✅</td>
|
<td>{% icon "openmoji:check-mark" %}</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user