SCSS 变量定义导出按钮样式 - 完整示例代码

$export-button-color:\u0020#007bff;
$export-button-background-color:\u0020#fff;
$export-button-border:\u00201px\u0020solid\u0020#007bff;
$export-button-padding:\u002010px;
$export-button-font-size:\u002016px;

.export-button\u0020{
\u0020color:\u0020$export-button-color;
\u0020background-color:\u0020$export-button-background-color;
\u0020border:\u0020$export-button-border;
\u0020padding:\u0020$export-button-padding;
\u0020font-size:\u0020$export-button-font-size;
\u0020cursor:\u0020pointer;
}

.export-button:hover\u0020{
\u0020background-color:\u0020$export-button-color;
\u0020color:\u0020$export-button-background-color;
}

.export-button:active\u0020{
\u0020background-color:\u0020darken($export-button-color,\u002010%);
\u0020border-color:\u0020darken($export-button-color,\u002010%);
}