@react95/core
Version:
Windows 95 styleguide
44 lines • 2.28 kB
CSS
.r95_1rnz0nz0 {
width: var(--r95-space-12);
height: var(--r95-space-12);
display: inline-block;
position: absolute;
left: var(--r95-space-0);
top: var(--r95-space-0);
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgBAoFICGfiwGRAAAAVElEQVQY05WOwQ2AMAwDL4i9WK2jlcmOR5NWquCBP45sx0mQaCbH4CixVWCZTcTCmOEcOasRuWe3O7p68IH/xsuVruZGr09gTgGgS7iAiDTKJEWAB4ZgRt37Ih39AAAAAElFTkSuQmCC');
image-rendering: pixelated;
}
.r95_1rnz0nz1 {
padding: var(--r95-space-1);
user-select: none;
position: absolute;
top: 0;
left: var(--r95-space-18);
}
.r95_1rnz0nz2 {
position: relative;
margin-bottom: var(--r95-space-10);
display: block;
}
.r95_1rnz0nz2:has(:disabled) {
color: var(--r95-color-materialTextDisabled);
text-shadow: 0.5px 0.5px var(--r95-color-materialTextDisabledShadow);
}
.r95_1rnz0nz3 {
margin: 0;
opacity: 0;
}
.r95_1rnz0nz3:focus ~ .r95_1rnz0nz1, &:active + .r95_1rnz0nz1 {
border-width: var(--r95-space-1);
border-style: dotted;
padding: 0;
}
.r95_1rnz0nz3:checked + .r95_1rnz0nz0 {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AQKBR8ecTMGkAAAAG5JREFUKM+FUNsRwDAIwlz3ymqOZiajP8mdIablSznAh0Hg7pTecm8qdHcNOI1TTABUZB4Anpw2OSg3xjh2vqYuRARJsmmimZX1wmH4Q6t2/rrpeke1/zYhIvZvTChnaTwrQe99PcA2gxrTpzbNC7UzjLtY6hmzAAAAAElFTkSuQmCC');
}
.r95_1rnz0nz3:disabled + .r95_1rnz0nz0 {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgBAoFIxjro9paAAAAVklEQVQY05WOQRKAMAgDNx3/pU/jafVleGiw1hkP5hLIwoCwIu0argqjBgwFkQF0gwNIpG20Fc9KkfGISzuND/0H/qq/Lkht/WnZgEw472mQDAriEOACnWkWUice+m0AAAAASUVORK5CYII=');
}
.r95_1rnz0nz3:checked:disabled + .r95_1rnz0nz0 {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AQKBSIvSgVOFAAAAI1JREFUKM+FkcEVxCAIRIeshdgJlEZp0IlWwl6WPCW+7D/pOAOoZGZYMbNY9yJC675Vo6puBVQ11mBLcxprRxEBAEREuDu1Mg4qVfv03kNVtwMzwxgDvfdbm3OCmfV6q3jq+Aj84xHIS9Z1QmZ2v9JphISZ4e50vc17gtLIzAEA7v6o/NNp++kUMlj15Aun6lMg0OwfdAAAAABJRU5ErkJggg==');
}