style: adhere to keyframes-name-pattern

This commit is contained in:
Bobby 2022-03-03 18:54:05 +07:00
parent f4f7346c83
commit 7ee3ec1ef0
No known key found for this signature in database
GPG Key ID: 941839794CBF5A09
5 changed files with 15 additions and 15 deletions

View File

@ -5,7 +5,6 @@
"declaration-block-trailing-semicolon": "never",
"function-name-case": null,
"indentation": 2,
"keyframes-name-pattern": null,
"no-descending-specificity": null,
"scss/at-import-no-partial-leading-underscore": null,
"selector-class-pattern": null,

View File

@ -8,7 +8,7 @@ body {
}
#dashboard {
animation: fadeInOpacity 0.5s
animation: fade-in-opacity 0.5s
}
.menu-label {
@ -74,12 +74,12 @@ body {
}
#albumsContainer li {
animation: fadeInOpacity 0.5s
animation: fade-in-opacity 0.5s
}
}
#page.fade-in {
animation: fadeInOpacity 0.5s
animation: fade-in-opacity 0.5s
}
.pagination {

View File

@ -10,7 +10,7 @@
display: inline-block;
margin-bottom: 40px;
vertical-align: top;
animation: fadeInOpacity 0.5s
animation: fade-in-opacity 0.5s
}
.logo {
@ -60,7 +60,7 @@
}
> div {
animation: fadeInOpacity 0.5s;
animation: fade-in-opacity 0.5s;
margin: 0.75rem !important;
&:first-child {
@ -108,7 +108,7 @@
}
#albumDiv {
animation: fadeInOpacity 0.5s;
animation: fade-in-opacity 0.5s;
.control {
text-align: inherit
@ -119,7 +119,7 @@
margin-top: -0.25rem;
margin-left: -0.25rem;
margin-right: -0.25rem;
animation: fadeInOpacity 0.5s;
animation: fade-in-opacity 0.5s;
.column {
padding: 0.25rem
@ -142,11 +142,11 @@
#tabs {
margin-bottom: 1rem;
animation: fadeInOpacity 0.5s;
animation: fade-in-opacity 0.5s;
.tab-content {
margin-bottom: -0.75rem;
animation: fadeInOpacity 0.5s
animation: fade-in-opacity 0.5s
}
}
@ -171,7 +171,7 @@ input[type="file"].is-fullwidth {
font-size: 1rem;
color: $grey-lightest;
cursor: pointer;
animation: floatUp 1.5s cubic-bezier(0, 0.71, 0.29, 1) 0.5s 1 normal both;
animation: float-up 1.5s cubic-bezier(0, 0.71, 0.29, 1) 0.5s 1 normal both;
&.button {
border-bottom-left-radius: 0;
@ -196,7 +196,7 @@ input[type="file"].is-fullwidth {
padding: 1.5rem 1.5rem 0;
.column:last-child {
animation: floatUp 1.5s cubic-bezier(0, 0.71, 0.29, 1) 0.5s 1 normal both
animation: float-up 1.5s cubic-bezier(0, 0.71, 0.29, 1) 0.5s 1 normal both
}
.notification {

View File

@ -49,7 +49,7 @@
/** Animations **/
@keyframes fadeInOpacity {
@keyframes fade-in-opacity {
0% {
opacity: 0
}
@ -59,7 +59,7 @@
}
}
@keyframes floatUp {
@keyframes float-up {
0% {
opacity: 0;
transform: scale(0.86)
@ -85,7 +85,7 @@ html {
}
body {
animation: fadeInOpacity 0.5s
animation: fade-in-opacity 0.5s
}
code,

View File

@ -1,5 +1,6 @@
@charset "utf-8";
@import "_variables";
/* stylelint-disable keyframes-name-pattern */
/** Animations **/