Skip to content

Instantly share code, notes, and snippets.

@qant

qant/style.html

Created December 24, 2022 10:46
Show Gist options
  • Save qant/6e0fe4e0d27dbbf27b6dfcbc4f727ce2 to your computer and use it in GitHub Desktop.
Save qant/6e0fe4e0d27dbbf27b6dfcbc4f727ce2 to your computer and use it in GitHub Desktop.
Download ZIP
CSS online edit
Raw
style.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<style style='position: fixed;
display:block;
width: 300px;
height: 100px;
bottom: 170px;
left:20px;
white-space:pre;
background-color: #2cff00cc;
font-size: 20px;
contenteditable=""'>
* {
font-size: 30px
}
</style>
<div>some code</div>
</body>
</html>
@qant
Copy link
Author

qant commented Dec 24, 2022

This is example how you can edit online the css on the page without javascript and without refresh page to see the changes

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment