Skip to content

Instantly share code, notes, and snippets.

@starryeyez024

starryeyez024/SassMeister-input-HTML.html

Last active June 27, 2019 17:14
Show Gist options
  • Save starryeyez024/0ef290271508088e5e4da9a3732c053e to your computer and use it in GitHub Desktop.
Save starryeyez024/0ef290271508088e5e4da9a3732c053e to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<br/>
<div class="blue">
blue
</div>
<div class="test-var">
blue?
</div>
<div class="test-rgba-var">
blue!
</div>
Raw
SassMeister-input.scss
// ----
// libsass (v3.5.4)
// ----
:root {
--blue: #0066cc;
--blue-rgb: 0, 102, 204;
}
.blue {
color:var(--blue);
}
.test-var {
color:rgba( var(--blue), .8);
}
.test-rgba-var {
color:rgba( var(--blue-rgb), .8);
}
Raw
SassMeister-output.css
:root {
--blue: #0066cc;
--blue-rgb: 0, 102, 204;
}
.blue {
color: var(--blue);
}
.test-var {
color: rgba(var(--blue), 0.8);
}
.test-rgba-var {
color: rgba(var(--blue-rgb), 0.8);
}
Raw
SassMeister-rendered.html
<br/>
<div class="blue">
blue
</div>
<div class="test-var">
blue?
</div>
<div class="test-rgba-var">
blue!
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment