v2.5.2
Giriş yap

scss dinamik renk tanımlama

serkankaplan42
382 defa görüntülendi

scss de bir rek tanımlaması yaptıgımda bu rengin değerini jsondan çekmem mümkünmü

tayfunerbilen
1477 gün önce

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 :)