A small piece of javascript exposing css variables on a webpage, allowing one to make local and persistent edits to them.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

28 lines
1.1 KiB

#cvfc p::after {content:":root{@}"}
#cvfc:hover p::after {content:":root{"}
#cvfc:hover table::after {content:"}"}
#cvfc {
z-index:10000;
position:fixed;
top:10px;
left:10px;
background:whitesmoke;
border:1px solid transparent;
font-family:monospace;
overflow:hidden;
border-radius:5px;
padding:10px;
line-height:auto;
}
#cvfc * {color:black !important;font-size:16px; box-sizing:border-box;margin:0}
#cvfc tr {padding-left:4ch; display:flex;justify-content:space-between; gap:0px;width:inherit}
#cvfc tr:nth-of-type(2n - 1) {background:white}
#cvfc td {background:transparent;position:relative;width:inherit;height:18px !important; white-space:nowrap}
#cvfc td:last-of-type{border-bottom:1px solid transparent; padding-left:10px}
#cvfc textarea{padding:0;margin:0;resize:none; width:40ch;white-space:nowrap;
border:none;background:none}
#cvfc table {display:none; background:none}
#cvfc:hover table {display:inherit}
#cvfc tr:hover td:last-of-type {background:lightgray;border-bottom:1px solid black}
#cvfc:hover {border-color:black; resize:horizontal;}