chore: update the config of stylelint

Author: xiejay97

.stylelintrc

@@ -16,6 +16,13 @@
  "ignoreTypes": ["/^d-/"]
  }
  ],
+ "declaration-property-value-allowed-list": {
+ "/color/": ["/var/", "currentColor", "transparent", "unset", "inherit"],
+ "font-size": ["/var/", "/[0-9]+em$/"]
+ },
+ "declaration-property-value-disallowed-list": {
+ "transition": ["/all/"]
+ },
  "declaration-empty-line-before": null,
  "custom-property-pattern": null,
  "selector-class-pattern": null

packages/site/src/app/components/header/Header.scss

@@ -20,6 +20,7 @@
  background-color: var(--d-text-color);
  transform-origin: center center;
 
+ /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  transition: all 0.3s ease-in-out;
 
  &:nth-child(1) {

packages/site/src/app/styles/_app.scss

@@ -14,8 +14,10 @@ body {
  line-height: 1.5;
  text-align: null;
 
+ /* stylelint-disable-next-line declaration-property-value-allowed-list */
  background-color: white; // 2
  text-size-adjust: 100%; // 3
+ /* stylelint-disable-next-line declaration-property-value-allowed-list */
  -webkit-tap-highlight-color: rgb(0 0 0 / 0%); // 4
 
  @include font-size(1rem);
@@ -213,6 +215,7 @@ h3 {
  width: 160px;
  height: 40px;
 
+ /* stylelint-disable-next-line declaration-property-value-allowed-list */
  color: #fff;
 
  background-color: var(--d-color-primary);
@@ -250,6 +253,7 @@ h3 {
  justify-content: center;
  height: 48px;
 
+ /* stylelint-disable-next-line declaration-property-value-allowed-list */
  color: #fff;
 
  background-color: var(--d-color-primary);

packages/site/src/app/styles/_top-line-loader.scss

@@ -19,6 +19,7 @@
  height: 4px;
  overflow: hidden;
 
+ /* stylelint-disable-next-line declaration-property-value-allowed-list */
  background-color: rgb(221 221 221 / 40%);
 
  &::after {

packages/site/src/app/styles/_variables.scss

@@ -1,3 +1,5 @@
+/* stylelint-disable declaration-property-value-allowed-list */
+
 :root {
  --app-th-background-color: #f9f9f9;
  --app-code-background-color: #f2f4f5;

packages/ui/src/styles/_variables.scss

@@ -1,3 +1,4 @@
+/* stylelint-disable declaration-property-value-allowed-list */
 /* stylelint-disable scss/operator-no-unspaced */
 @import '~rfs/scss';
 

packages/ui/src/styles/components/_button.scss

@@ -60,6 +60,7 @@
 
  border: 1px solid var(--#{$variable-prefix}button-color);
 
+ /* stylelint-disable-next-line declaration-property-value-allowed-list */
  color: #fff;
 
  background-color: var(--#{$variable-prefix}button-color);

packages/ui/src/styles/components/_radio.scss

@@ -230,6 +230,7 @@
  @include button-radio;
 
  #{$radio-selector}:not(.is-disabled).is-checked {
+ /* stylelint-disable-next-line declaration-property-value-allowed-list */
  color: #fff;
 
  background-color: var(--#{$variable-prefix}color-primary);