構造化 CSS 変換スクリプト @ Ruby - Linux Life

はじめに

CSS を構造化して記述したものをちゃんとした CSS に変換するためのスクリプトです。

CSSの記述テクニック 階層宣言コーディング を実現するためにつくりました。

変換

*
{
    border = 1px solid red;
}
body
{
    border = 1px solid blue;
}
div
{
    background-color: yellow;
    #green
    {
        background-color: red;
    }
    .black
    {
        background-color: black;
    }
    p
    {
        background-color: purple;
        ul
        {
            background-color: blue;
        }
    }
}

と記述した 構造化 CSS を下記のように変換します。 

*
{
    border = 1px solid red;
}
body
{
    border = 1px solid blue;
}
div
{
    background-color: yellow;
}
div#green
{
    background-color: red;
}
div.black
{
    background-color: black;
}
div p
{
    background-color: purple;
}
div p ul
{
    background-color: blue;
}

ダウンロード

scss2css.rb

使い方

$ ./scss2css.rb < test.scss > test.css

履歴

2007-12-28
公開
あまりちゃんとはテストしていません。

スポンサードリンク

Copyright © 2025 Linux-Life.net