pen
.ylo.one
by rehmat
♥
0
</>
Embed
⌨
Format
▢
Layout
⬇
Editor on top, preview below
⬆
Preview on top, editor below
➡
Editor left, preview right
⬅
Preview left, editor right
▤
Editor only
▥
Preview only
⚙
Settings
▶
Run
💾
Save
⑂
Fork
+
New
Log in
Sign up
Sign up
×
Username
Email
Password
Have an account? Log in
Cancel
Create account
Continue with GitHub
HTML
CSS
JS
Result
HTML
Markdown
Pug
Tidy
<div class="box"><h1>SCSS works</h1><p>nested rule</p></div>
CSS
SCSS
Less
Stylus
Tidy
$primary: #2563eb; .box { background: $primary; color: white; padding: 24px; border-radius: 8px; h1 { font-size: 32px; margin: 0 0 8px } p { opacity: 0.85 } }
JS
Babel (JSX)
TypeScript
CoffeeScript
Tidy
console.log("SCSS pen running")
Preview
Console
Clear
Full
Console output will appear here.
Pen settings
×
Title
Description
Tags
(comma-separated)
Layout
Editor on top, preview below
Preview on top, editor below
Editor left, preview right
Preview left, editor right
Editor only
Preview only
External CSS resources
+ Add CSS resource
External JS resources
+ Add JS resource
Cancel
Save settings
Comments
Loading…
Log in to leave a comment.
Comments
Log in to leave a comment.