Don't enforce rgb modern syntax

directus · Oct 26, 2021 · 775440c · 775440c
1 parent 2a02be6
commit 775440c
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 7 deletions.
diff --git a/.stylelintrc.json b/.stylelintrc.json
@@ -20,6 +20,7 @@
 		"block-opening-brace-newline-after": "always-multi-line",
 		"alpha-value-notation": "number",
 		"selector-class-pattern": null,
-		"declaration-block-no-redundant-longhand-properties": null
+		"declaration-block-no-redundant-longhand-properties": null,
+		"color-function-notation": null
 	}
 }
diff --git a/app/src/components/v-menu/v-menu.vue b/app/src/components/v-menu/v-menu.vue
@@ -389,7 +389,7 @@ body {
 	background-color: var(--card-face-color);
 	border: none;
 	border-radius: var(--border-radius);
-	box-shadow: 0px 0px 6px 0px rgb(var(--card-shadow-color) 0.2), 0px 0px 12px 2px rgb(var(--card-shadow-color) 0.05);
+	box-shadow: 0px 0px 6px 0px rgb(var(--card-shadow-color), 0.2), 0px 0px 12px 2px rgb(var(--card-shadow-color), 0.05);
 	transition-timing-function: var(--transition-out);
 	transition-duration: var(--fast);
 	transition-property: opacity, transform;

diff --git a/app/src/interfaces/list-o2m-tree-view/nested-draggable.vue b/app/src/interfaces/list-o2m-tree-view/nested-draggable.vue
@@ -168,7 +168,7 @@ export default defineComponent({
 		padding: 12px;
 		background-color: var(--card-face-color);
 		border-radius: var(--border-radius);
-		box-shadow: 0px 0px 6px 0px rgb(var(--card-shadow-color) 0.2);
+		box-shadow: 0px 0px 6px 0px rgb(var(--card-shadow-color), 0.2);
 		cursor: grab;
 		transition: var(--fast) var(--transition);
 		transition-property: box-shadow, background-color;

diff --git a/app/src/views/private/components/comments-sidebar-detail/comment-input.vue b/app/src/views/private/components/comments-sidebar-detail/comment-input.vue
@@ -100,7 +100,7 @@ export default defineComponent({
 	bottom: 36px;
 	left: 0;
 	height: 8px;
-	background: linear-gradient(180deg, rgb(var(--background-page-rgb) 0) 0%, rgb(var(--background-page-rgb) 1) 100%);
+	background: linear-gradient(180deg, rgb(var(--background-page-rgb), 0) 0%, rgb(var(--background-page-rgb), 1) 100%);
 	content: '';
 }
 

diff --git a/app/src/views/private/components/comments-sidebar-detail/comment-item.vue b/app/src/views/private/components/comments-sidebar-detail/comment-item.vue
@@ -160,9 +160,9 @@ export default defineComponent({
 	height: 40px;
 	background: linear-gradient(
 		180deg,
-		rgb(var(--background-page-rgb) 0) 0%,
-		rgb(var(--background-page-rgb) 0.8) 25%,
-		rgb(var(--background-page-rgb) 1) 100%
+		rgb(var(--background-page-rgb), 0) 0%,
+		rgb(var(--background-page-rgb), 0.8) 25%,
+		rgb(var(--background-page-rgb), 1) 100%
 	);
 	content: '';
 }