@mixin feature in Sciter’s CSS

I am adding @mixin construct to Sciter’s CSS.

The mixin is a named set of CSS properties that can be applied by name to CSS rules. The feature is similar SASS’s mixins (but no parameters yet)

Consider this declaration:

    @mixin LIKE-BUTTON 
    {
      behavior:button;
      background: linear-gradient(top, #3498db, #2980b9);
      border-radius: 28dip;
      color: #ffffff;
      font-size: 20dip;
      padding: 10dip 20dip 10dip 20dip;
      text-decoration: none;
    }

It declares LIKE-BUTTON block of properties that can be mixed into style rules by LIKE-BUTTON name (prepended by ‘@’)

    div { 
      @LIKE-BUTTON; 
      margin:1em; 
    }

    a { 
      @LIKE-BUTTON; 
      display:inline-block; 
    }