natty
/
fox-send
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix stylelint errors

This commit is contained in:
AaronDewes 2022-08-09 09:12:32 +00:00
parent 16e78847a2
commit 951c613095
2 changed files with 15 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.stylelintrc
View File

@ -11,3 +11,5 @@ rules:
selector-list-comma-newline-after: null selector-list-comma-newline-after: null
value-list-comma-newline-after: null value-list-comma-newline-after: null
at-rule-no-unknown: null at-rule-no-unknown: null
# Conflicts with prettier
string-quotes: null

37
app/main.css
View File

@ -7,17 +7,14 @@ html {
@tailwind components; @tailwind components;
:not(input) { :not(input) {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; user-select: none;
} }
:root { :root {
--violet-gradient: linear-gradient( --violet-gradient: linear-gradient(
-180deg, -180deg,
rgba(144, 89, 255, 0.8) 0%, rgb(144 89 255 / 80%) 0%,
rgba(144, 89, 255, 0.4) 100% rgb(144 89 255 / 40%) 100%
); );
} }
@ -204,19 +201,18 @@ progress::-webkit-progress-value {
background-image: -webkit-linear-gradient( background-image: -webkit-linear-gradient(
-45deg, -45deg,
transparent 20%, transparent 20%,
rgba(255, 255, 255, 0.4) 20%, rgb(255 255 255 / 40%) 20%,
rgba(255, 255, 255, 0.4) 40%, rgb(255 255 255 / 40%) 40%,
transparent 40%, transparent 40%,
transparent 60%, transparent 60%,
rgba(255, 255, 255, 0.4) 60%, rgb(255 255 255 / 40%) 60%,
rgba(255, 255, 255, 0.4) 80%, rgb(255 255 255 / 40%) 80%,
transparent 80% transparent 80%
), ),
-webkit-linear-gradient(left, var(--color-primary), var(--color-primary)); -webkit-linear-gradient(left, var(--color-primary), var(--color-primary));
/* stylelint-enable */ /* stylelint-enable */
border-radius: 2px; border-radius: 2px;
background-size: 21px 20px, 100% 100%, 100% 100%; background-size: 21px 20px, 100% 100%, 100% 100%;
-webkit-animation: animate-stripes 1s linear infinite;
} }
progress::-moz-progress-bar { progress::-moz-progress-bar {
@ -224,12 +220,12 @@ progress::-moz-progress-bar {
background-image: -moz-linear-gradient( background-image: -moz-linear-gradient(
135deg, 135deg,
transparent 20%, transparent 20%,
rgba(255, 255, 255, 0.4) 20%, rgb(255 255 255 / 40%) 20%,
rgba(255, 255, 255, 0.4) 40%, rgb(255 255 255 / 40%) 40%,
transparent 40%, transparent 40%,
transparent 60%, transparent 60%,
rgba(255, 255, 255, 0.4) 60%, rgb(255 255 255 / 40%) 60%,
rgba(255, 255, 255, 0.4) 80%, rgb(255 255 255 / 40%) 80%,
transparent 80% transparent 80%
), ),
-moz-linear-gradient(left, var(--color-primary), var(--color-primary)); -moz-linear-gradient(left, var(--color-primary), var(--color-primary));
@ -239,12 +235,6 @@ progress::-moz-progress-bar {
animation: animate-stripes 1s linear infinite; animation: animate-stripes 1s linear infinite;
} }
@-webkit-keyframes animate-stripes {
100% {
background-position: -21px 0;
}
}
@keyframes animate-stripes { @keyframes animate-stripes {
100% { 100% {
background-position: -21px 0; background-position: -21px 0;
@ -323,13 +313,12 @@ select {
@responsive { @responsive {
.shadow-light { .shadow-light {
box-shadow: 0 0 8px 0 rgba(12, 12, 13, 0.1); box-shadow: 0 0 8px 0 rgb(12 12 13 / 10%);
} }
.shadow-big { .shadow-big {
box-shadow: 0 12px 18px 2px rgba(34, 0, 51, 0.04), box-shadow: 0 12px 18px 2px rgb(34 0 51 / 4%),
0 6px 22px 4px rgba(7, 48, 114, 0.12), 0 6px 22px 4px rgb(7 48 114 / 12%), 0 6px 10px -4px rgb(14 13 26 / 12%);
0 6px 10px -4px rgba(14, 13, 26, 0.12);
} }
} }