Previewer for CSS colors.
You don't need to do anything. With this plugin loaded, a previewer will appear on hovering the color values in code blocks.
This plugin is compatible with CSS, Markup attributes, Less, Sass, Scss and Stylus.
div {
color: rgba(255, 0, 0, 0.2);
background: purple;
border: 1px solid hsl(100,70%,40%);
}
<table bgcolor="#6E5494">
<tr style="background: lightblue;">
@nice-blue: #5B83AD;
#header a {
color: hsla(102, 53%, 42%, 0.4);
}
$color: blue
@mixin foobar
color: rgba(147, 32, 34, 0.8)
.foo
color: pink
$color: blue;
$attr: background;
.foo {
#{$attr}-color: rgba(255,255,0,0.75);
}
color = olive
.foo
color: #000