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", "declaration-block-trailing-semicolon": "never",
"function-name-case": null, "function-name-case": null,
"indentation": 2, "indentation": 2,
"keyframes-name-pattern": null,
"no-descending-specificity": null, "no-descending-specificity": null,
"scss/at-import-no-partial-leading-underscore": null, "scss/at-import-no-partial-leading-underscore": null,
"selector-class-pattern": null, "selector-class-pattern": null,

View File

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

View File

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

View File

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

View File

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