Create a style tag.

styleTag
    [ style ".class" [ property "key" "value" ] ]

...outputs

    <style>
    .class {
        key: value;
    }
    </style>

Version of VirtualDom.Node.

Create a style block.

styleTag
    [ style ".class" [ property "key" "value" ] ]

...outputs

    <style>
    .class {
        key: value;
    }
    </style>

Create a media block.

styleTag
    [ media "screen" [ style ".class" [ property "key" "value" ] ] ]

...outputs

    <style>
    @media screen {
        .class {
            key: value;
        }
    }
    </style>

Create a font-face block.

styleTag
    [ fontFace [ property "key" "value" ] ]

...outputs

    <style>
    @font-face {
        key: value;
    }
    </style>

• Origami.propertyAと同一

Create a keyframes block.

styleTag
    [ keyframes "spin"
        [ ( ( from, [] ), [ property "key" "value" ] )
        , ( ( pct 20, [ pct 80 ] ), [ property "key" "value" ] )
        , ( ( to, [] ), [ property "key" "value" ] )
        ]
    ]

...outputs

    <style>
    @keyframes spin {
        from {
            key: value;
        }

        20%, 80% {
            key: value;
        }

        to {
            key: value;
        }
    }
    </style>

from token.

• Origami.fromと同一

to token.

• Origami.toと同一

30%, 70% and so on.

• Origami.pctと同一