Front matter

You can generate any post-specific additional styles in css or SCSS.

Since it is intended to include _variables.scss, _mixins.scss, _placeholder.scss and _function.scss, you can use the variables, mixins, placeholders and functions defined in the SCSS sources.

It also includes autoprefixer and compressor.

Example

1
2
3
4
5
6
7
8
9
10
11
title: post-specific-style
date: 2019-01-22 13:37:00
style: |
  .article__content {
    p {
      transform: skew(-10deg, 0);
      @include respond-to('medium') {
        color: #00f;
      }
    }
  }

Rendering Result

1
2
3
4
5
6
7
8
<head>
  ...
  <style>
    .article__content p{-webkit-transform:skew(-10deg, 0);transform:skew(-10deg, 0)}@media (min-width: 736px){.article__content p{color:#00f}}
  </style>
  ...

</head>