Added blinds as a shade type

This commit is contained in:
Robert Strouse 2023-03-03 19:23:01 -08:00
parent 0f2f30bf4d
commit c9f3e79453
11 changed files with 657 additions and 127 deletions

View file

@ -561,7 +561,7 @@ i.icss-window-shade {
border-bottom: .1em solid transparent;
box-shadow: inset 0 1em, 0 0em 0 -.1em;
top: -.15em;
left: -.1em;
left: -.09em;
}
i.icss-window-shade:after {
@ -576,6 +576,52 @@ i.icss-window-shade {
background-size: 0.05em 0.05em;
background-color: rgba(71, 212, 255, 0);
}
i.icss-window-blind {
width: 1.1em;
height: .75em;
background-color: transparent;
border: .05em solid transparent;
border-width: 0 .1em;
box-shadow: inset 0 0 0 .01em, inset 0 .01em 0 .07em, 0 .07em 0;
margin: .2em 0 .07em;
}
i.icss-window-blind:before {
width: 1.1em;
height: .2em;
border-bottom: .1em solid transparent;
box-shadow: inset 0 1em, 0 0em 0 -.1em;
top: -.1em;
left: -.09em;
}
i.icss-window-blind:after {
width: calc(100% - .13em);
height: var(--shade-position, 0%);
left: calc(0.077em - .2px);
top: 0.025em;
border-bottom: solid 0.025em gray;
background-image: repeating-linear-gradient(var(--shade-color, currentColor), var(--shade-color, currentColor) 1px, white 4px);
background-color: rgba(71, 212, 255, 0);
}
i.icss-window-tilt {
position:absolute;
width:100%;
height:100%;
left:0px;
top:0px;
color:dimgray;
background:transparent;
}
i.icss-window-tilt:after {
content: attr(data-tiltposition)'%';
width:100%;
top: calc(50% - .25em);
text-align:center;
font-weight:bold;
font-size:.3em;
}
i.icss-upload {
width: 1em;
height: .6em;