Added garage door motor control #138

This commit is contained in:
Robert Strouse 2023-08-27 16:04:16 -07:00
parent ff2d150ad8
commit 74ee9f6f25
9 changed files with 246 additions and 105 deletions

View file

@ -490,6 +490,40 @@ i.icss-somfy-up {
left: 50%;
transform: translate(-50%,-30%) rotate(-45deg);
}
i.icss-somfy-toggle {
width: .15em;
height: .55em;
border-radius: .1em;
margin: .2em .4em .25em .45em;
}
i.icss-somfy-toggle:before {
width: .45em;
height: .5em;
border-radius: .3em .12em 0 .2em;
border: .1em solid transparent;
border-width: 0 0 .35em 0;
background-color: currentColor;
box-shadow: -.1em 0, -.3em -.35em;
transform: rotate(-45deg);
clip: rect(-.5em .5em .15em -.5em);
left: .15em;
top: .35em;
}
i.icss-somfy-toggle:after {
width: .52em;
height: .52em;
border: .065em solid currentColor;
border-bottom-color: transparent;
border-radius: 50%;
transform: translateX(-50%);
top: -.22em;
left: 50%;
}
i.icss-home {
width: .8em;
height: .45em;
@ -652,6 +686,34 @@ i.icss-window-tilt {
font-weight:bold;
font-size:.3em;
}
i.icss-garage {
width: 1.1em;
height: .7em;
background-color: transparent;
box-shadow: inset 0 0.01em 0 0.04em, inset 0.01em 0px 0em, inset 0.01em 0.01em 1px 0em;
margin: .4em 0 0;
}
i.icss-garage:after {
border-width: 0 .8em .4em;
border-style: solid;
border-color: currentColor transparent;
transform: translateX(-50%);
top: -0.4em;
left: 50%;
clip-path: polygon(50% 0, 99% 50%, 50% 250%, 0 50%);
}
i.icss-garage:before {
width: calc(100% - .08em);
height: calc(var(--shade-position, 0%) - 0em);
left: 0.05em;
border-bottom: outset 0.025em gray;
background-image: repeating-linear-gradient(var(--shade-color, currentColor) 0% 50%, rgba(71, 212, 255, 0) 0% 75%);
background-position: 0 0, 100% 100%;
background-size: 0.01em 0.2em;
background-color: rgba(71, 212, 255, 0);
}
i.icss-upload {
width: 1em;