原生CSS變數 root

Sass版本的變數

範例

<div class="text">GREEN TEXT</div>
/* 宣告變數 */
:root {
 --green: #11c1a4;
}

/* 使用變數 */
.text {
 color: var(--green);
}

/***************
***sass版寫法*** 

\:root
 --green: #11c1a4

.text
 color: var(--green)

***************/

Display

GREEN TEXT

Leave a Reply

Your email address will not be published. Required fields are marked *