SCSS

This page is an example of Prism code snippet + the plugin Previewers

Hover over the values to get a cool preview of the css:

.example-angle {
  transform: rotate(48deg);
}
.example-color {
  color: rgba(20, 20, 200, 0.4);
  background: rebeccapurple;
  border: 1px solid hsl(80, 70%, 40%);
}
.example-easing {
  transition-timing-function: ease-in;
}
.example-time {
  transition-duration: 800ms;
}

Example of Extra Style

This page is also an example of how to include an extra css file to the page, (only changing the background-color).

# adds extra styles to this page
css: extra-style

To edit this post, check out: /src/html/pages/scss/index.md