scss dinamik renk tanımlama

mümkün değil, zaten bir anlamı da yok çünkü nihayetinde css compile ediyorsun sass ile.
kullanacağın her türlü css olduğu için yapamazsın.

ama en basitinden şöyle bir şey düşünebilirsin, diyelim ki php kullanıyorsun. ve bir json dosyan var;

{
    "color1": "red",
    "color2": "blue"
}

php tarafında bu dosyanın içeriğini okuyup css değişkeni olarak atayıp css dosyanda kullanabilirsin örneğin

<head>
   <?php
       $open = file_get_contents(__DIR__ . '/test.json');
       $data = json_decode($open, true);
   ?>
   <style>
       :root {
           --color1: <?=$data['color1']?>;
           --color2: <?=$data['color2']?>;
       }
   </style>
   <link rel="stylesheet" type="text/css" href="style.css" />
</head>

bunuda css ya da sass tarafında şöyle kullanırsın

body {
    background: var(--color2);
}
.button {
    background: var(--color1);
    color: #fff;
}

ama dediğin şey olmaz yani doğrudan :)

scss dinamik renk tanımlama

Soru hatalı mı? 👎

Cevap yaz

Cevaplar (2)