{
    "path": "/home/krm/dev/mimer-academia/web/css/Tutorial/create-a-css-file.sv.json",
    "s": "Ignor",
    "invert": true,
    "level": 1,
    "title": [
        "Skapa en css fil"
    ],
    "description": [
        "__author: krm\ncreated: 2022-03-28\nstatus: alpha\n__"
    ],
    "statments": [],
    "comment": [],
    "cards": [
        {
            "level": 1,
            "title": [
                "# 👁️‍🗨️ Om detta avsnitt"
            ],
            "description": [
                "Ett enkel sätt att skapa en css fil som lan användas från andra sidor."
            ],
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "title": [
                "❓ Vad är CSS?"
            ],
            "description": [
                "Ett format som skapar style till en sida."
            ],
            "statments": [],
            "comment": []
        },
        {
            "0": "t",
            "1": "a",
            "2": "g",
            "3": "s",
            "level": 1,
            "title": [
                "Namn som används"
            ],
            "description": [
                "Dessa namn finns i html filen."
            ],
            "statments": [
                {
                    "0": "t",
                    "1": "a",
                    "2": "g",
                    "3": "s",
                    "description": [
                        "CSS_FILE",
                        " Namnet på filen där du ska din css kod, tänkt på att den ska slutqa på .css."
                    ]
                },
                {
                    "0": "t",
                    "1": "a",
                    "2": "g",
                    "3": "s",
                    "description": [
                        "HTML_FILE",
                        " Namnet på filen där du ska använda din CSS kod."
                    ]
                }
            ],
            "comment": []
        },
        {
            "level": 1,
            "index": 1,
            "title": [
                "Skapa en CSS mapp"
            ],
            "description": [
                "Vi kan behöva skapa en mapp för css."
            ],
            "lang": "sh",
            "code": "mkdir public/css",
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 2,
            "title": [
                "Ändra CSS filen efter dina önskemål,"
            ],
            "description": [
                "Öppna CSS filen med en editor."
            ],
            "lang": "sh",
            "code": "geany css/CSS_FILE",
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 3,
            "title": [
                "Utgå från exemplena"
            ],
            "description": [
                "En CSS fil har inget specielt sidhuvud så du kan bara kopier in reglerna som du vill anävnda. Länkan nedan innehåller några exempel."
            ],
            "statments": [
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "https://htsit.se/h/"
                            },
                            "Hall of fame"
                        ]
                    ]
                }
            ],
            "comment": []
        },
        {
            "level": 1,
            "index": 4,
            "title": [
                "Öppna Html filen"
            ],
            "description": [
                "Vi kan nu ta och titta på filen och se att den stämmer."
            ],
            "lang": "html",
            "code": "geany HTML_FILE",
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 5,
            "title": [
                "Lägg till en länk"
            ],
            "description": [
                "Vi kan nu ta och titta på filen och se att den stämmer."
            ],
            "lang": "html",
            "code": "<link rel=\"stylesheet\" type=\"text/css\" href=\"CSS_FILE\" />",
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 6,
            "title": [
                "Titta på filen och se att den stämmer"
            ],
            "description": [
                "Vi kan nu ta och titta på filen och se att den stämmer."
            ],
            "lang": "sh",
            "code": "firefox HTML_FILE",
            "statments": [],
            "comment": []
        }
    ]
}