Mirror/filesafe
1
0
Fork 0
mirror of https://github.com/BobbyWibowo/lolisafe.git synced 2025-02-07 05:49:01 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: transition to stylelint v14 environment

Browse Source 
stylelint: 13 -> 14
postcss-preset-env: 6 -> 7
eslint-plugin-compat: 3 -> 4

replaced stylelint-config-standard with
stylelint-config-standard-scss

switched to @ronilaukkarinen/gulp-stylelint, a fork of gulp-stylelint,
due to the upstream's maintainer going missing

temporarily disabled some stylelint rules to ease transition
This commit is contained in:
Bobby 2022-03-03 18:44:43 +07:00
parent 30ea4fe052
commit 7194f0c838
No known key found for this signature in database
GPG Key ID: 941839794CBF5A09
12 changed files with 495 additions and 1067 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
.stylelintrc.json
View File

@ -1,9 +1,14 @@
{ {
"extends": "stylelint-config-standard", "extends": "stylelint-config-standard-scss",
"rules": { "rules": {
"block-closing-brace-newline-before": null,
"declaration-block-trailing-semicolon": "never", "declaration-block-trailing-semicolon": "never",
"function-name-case": null, "function-name-case": null,
"indentation": 2, "indentation": 2,
"no-descending-specificity": null "keyframes-name-pattern": null,
"no-descending-specificity": null,
"scss/at-import-no-partial-leading-underscore": null,
"selector-class-pattern": null,
"selector-id-pattern": null
} }
} }

2
gulpfile.js
View File

@ -13,7 +13,7 @@ const replace = require('gulp-replace')
const sass = require('gulp-dart-sass') const sass = require('gulp-dart-sass')
const sassCompiler = require('sass') const sassCompiler = require('sass')
const sourcemaps = require('gulp-sourcemaps') const sourcemaps = require('gulp-sourcemaps')
const stylelint = require('gulp-stylelint') const stylelint = require('@ronilaukkarinen/gulp-stylelint')
const terser = require('gulp-terser') const terser = require('gulp-terser')
// Put built files for development on a Git-ignored directory. // Put built files for development on a Git-ignored directory.

10
package.json
View File

@ -57,13 +57,14 @@
"systeminformation": "~5.11.6" "systeminformation": "~5.11.6"
}, },
"devDependencies": { "devDependencies": {
"@ronilaukkarinen/gulp-stylelint": "~14.0.6",
"browserslist": "~4.19.3", "browserslist": "~4.19.3",
"bulma": "~0.9.3", "bulma": "~0.9.3",
"cssnano": "~5.1.0", "cssnano": "~5.1.0",
"del": "~6.0.0", "del": "~6.0.0",
"eslint": "~7.32.0", "eslint": "~7.32.0",
"eslint-config-standard": "~16.0.3", "eslint-config-standard": "~16.0.3",
"eslint-plugin-compat": "~3.13.0", "eslint-plugin-compat": "~4.0.2",
"eslint-plugin-import": "~2.25.4", "eslint-plugin-import": "~2.25.4",
"eslint-plugin-node": "~11.1.0", "eslint-plugin-node": "~11.1.0",
"eslint-plugin-promise": "~4.3.1", "eslint-plugin-promise": "~4.3.1",
@ -78,11 +79,10 @@
"gulp-postcss": "~9.0.1", "gulp-postcss": "~9.0.1",
"gulp-replace": "~1.1.3", "gulp-replace": "~1.1.3",
"gulp-sourcemaps": "~3.0.0", "gulp-sourcemaps": "~3.0.0",
"gulp-stylelint": "~13.0.0",
"gulp-terser": "~2.1.0", "gulp-terser": "~2.1.0",
"postcss": "~8.4.7", "postcss": "~8.4.7",
"postcss-preset-env": "~6.7.0", "postcss-preset-env": "~7.4.2",
"stylelint": "~13.13.1", "stylelint": "~14.5.3",
"stylelint-config-standard": "~21.0.0" "stylelint-config-standard-scss": "~3.0.0"
} }
} }

22
src/css/_variables.scss
View File

@ -1,18 +1,20 @@
@charset "utf-8"; @charset "utf-8";
/* stylelint-disable scss/dollar-variable-empty-line-before */
/* stylelint-disable-next-line value-keyword-case */ /* stylelint-disable-next-line value-keyword-case */
$family-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", "Ubuntu", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; $family-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", "Ubuntu", "Roboto", "Oxygen", "Cantarell",
"Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
$black: hsl(0, 0%, 0%); $black: hsl(0deg 0% 0%);
$green: hsl(141, 42%, 53%); $green: hsl(141deg 42% 53%);
$cyan: hsl(217, 89%, 61%); $cyan: hsl(217deg 89% 61%);
$blue: hsl(208, 79%, 51%); $blue: hsl(208deg 79% 51%);
$red: hsl(348, 100%, 61%); $red: hsl(348deg 100% 61%);
/** Bulma: Variables **/ /** Bulma: Variables **/
@import "../../node_modules/bulma/sass/utilities/initial-variables.sass"; @import "../../node_modules/bulma/sass/utilities/initial-variables";
@import "../../node_modules/bulma/sass/utilities/functions.sass"; @import "../../node_modules/bulma/sass/utilities/functions";
@import "../../node_modules/bulma/sass/utilities/derived-variables.sass"; @import "../../node_modules/bulma/sass/utilities/derived-variables";
$scheme-main: $black; $scheme-main: $black;
$text: $white-ter; $text: $white-ter;
@ -50,7 +52,7 @@ $pagination-hover-color: $scheme-main;
$pagination-disabled-background-color: $grey-dark; $pagination-disabled-background-color: $grey-dark;
$pagination-disabled-border-color: $grey; $pagination-disabled-border-color: $grey;
$pagination-disabled-color: hsl(0, 0%, 64%); $pagination-disabled-color: hsl(0deg 0% 64%);
$tabs-link-color: $text; $tabs-link-color: $text;
$tabs-link-hover-color: $tabs-link-color; $tabs-link-hover-color: $tabs-link-color;

1
src/css/album.scss
View File

@ -1,5 +1,4 @@
@charset "utf-8"; @charset "utf-8";
@import "_variables"; @import "_variables";
/** Main **/ /** Main **/

3
src/css/dashboard.scss
View File

@ -1,5 +1,4 @@
@charset "utf-8"; @charset "utf-8";
@import "_variables"; @import "_variables";
/** Main **/ /** Main **/
@ -188,7 +187,7 @@ li[data-action="page-ellipsis"] {
&:not(:active):not(:hover) { &:not(:active):not(:hover) {
color: $white; color: $white;
background-color: rgba(0, 0, 0, 143) background-color: rgb(0 0 0 / 56%)
} }
} }
} }

3
src/css/home.scss
View File

@ -1,5 +1,4 @@
@charset "utf-8"; @charset "utf-8";
@import "_variables"; @import "_variables";
/** Main **/ /** Main **/
@ -194,7 +193,7 @@ input[type="file"].is-fullwidth {
top: 0; top: 0;
right: 0; right: 0;
left: 0; left: 0;
padding: 1.5rem 1.5rem 0 1.5rem; 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: floatUp 1.5s cubic-bezier(0, 0.71, 0.29, 1) 0.5s 1 normal both

1
src/css/player.scss
View File

@ -1,5 +1,4 @@
@charset "utf-8"; @charset "utf-8";
@import "_variables"; @import "_variables";
/** Main **/ /** Main **/

101
src/css/style.scss
View File

@ -1,65 +1,54 @@
@charset "utf-8"; @charset "utf-8";
@import "_variables"; @import "_variables";
/** Bulma: Utilities **/ /** Bulma: Utilities **/
@import "../../node_modules/bulma/sass/utilities/controls.sass"; @import "../../node_modules/bulma/sass/utilities/controls";
@import "../../node_modules/bulma/sass/utilities/extends.sass"; @import "../../node_modules/bulma/sass/utilities/extends";
/** Bulma: Base **/ /** Bulma: Base **/
@import "../../node_modules/bulma/sass/base/_all.sass"; @import "../../node_modules/bulma/sass/base/_all";
/** Bulma: Elements **/ /** Bulma: Elements **/
@import "../../node_modules/bulma/sass/elements/button.sass"; @import "../../node_modules/bulma/sass/elements/button";
@import "../../node_modules/bulma/sass/elements/container.sass"; @import "../../node_modules/bulma/sass/elements/container";
@import "../../node_modules/bulma/sass/elements/content.sass"; @import "../../node_modules/bulma/sass/elements/content";
@import "../../node_modules/bulma/sass/elements/icon.sass"; @import "../../node_modules/bulma/sass/elements/icon";
@import "../../node_modules/bulma/sass/elements/notification.sass"; @import "../../node_modules/bulma/sass/elements/notification";
@import "../../node_modules/bulma/sass/elements/progress.sass"; @import "../../node_modules/bulma/sass/elements/progress";
@import "../../node_modules/bulma/sass/elements/table.sass"; @import "../../node_modules/bulma/sass/elements/table";
@import "../../node_modules/bulma/sass/elements/title.sass"; @import "../../node_modules/bulma/sass/elements/title";
@import "../../node_modules/bulma/sass/elements/other.sass"; @import "../../node_modules/bulma/sass/elements/other";
/** Bulma: Form **/ /** Bulma: Form **/
@import "../../node_modules/bulma/sass/form/_all.sass"; @import "../../node_modules/bulma/sass/form/_all";
/** Bulma: Componenets **/ /** Bulma: Componenets **/
@import "../../node_modules/bulma/sass/components/level.sass"; @import "../../node_modules/bulma/sass/components/level";
@import "../../node_modules/bulma/sass/components/menu.sass"; @import "../../node_modules/bulma/sass/components/menu";
@import "../../node_modules/bulma/sass/components/message.sass"; @import "../../node_modules/bulma/sass/components/message";
@import "../../node_modules/bulma/sass/components/pagination.sass"; @import "../../node_modules/bulma/sass/components/pagination";
@import "../../node_modules/bulma/sass/components/tabs.sass"; @import "../../node_modules/bulma/sass/components/tabs";
/** Bulma: Grid **/ /** Bulma: Grid **/
@import "../../node_modules/bulma/sass/grid/_all.sass"; @import "../../node_modules/bulma/sass/grid/_all";
/** Bulma: Helpers **/ /** Bulma: Helpers **/
@import "../../node_modules/bulma/sass/helpers/_all.sass"; @import "../../node_modules/bulma/sass/helpers/_all";
/** Bulma: Layout **/ /** Bulma: Layout **/
@import "../../node_modules/bulma/sass/layout/hero.sass"; @import "../../node_modules/bulma/sass/layout/hero";
@import "../../node_modules/bulma/sass/layout/section.sass"; @import "../../node_modules/bulma/sass/layout/section";
/** Animations **/ /** Animations **/
@-webkit-keyframes fadeInOpacity {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeInOpacity { @keyframes fadeInOpacity {
0% { 0% {
opacity: 0 opacity: 0
@ -70,25 +59,6 @@
} }
} }
@-webkit-keyframes floatUp {
0% {
opacity: 0;
transform: scale(0.86)
}
25% {
opacity: 100
}
67% {
transform: scale(1)
}
100% {
transform: scale(1)
}
}
@keyframes floatUp { @keyframes floatUp {
0% { 0% {
opacity: 0; opacity: 0;
@ -125,23 +95,8 @@ code,
font-size: 1rem font-size: 1rem
} }
.input::-moz-placeholder, .input::placeholder,
.textarea::-moz-placeholder { .textarea::placeholder {
color: $grey-lightest
}
.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
color: $grey-lightest
}
.input:-moz-placeholder,
.textarea:-moz-placeholder {
color: $grey-lightest
}
.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
color: $grey-lightest color: $grey-lightest
} }
@ -176,20 +131,20 @@ code,
&.is-dangerish { &.is-dangerish {
background-color: #ff7043; background-color: #ff7043;
border-color: transparent; border-color: transparent;
color: rgba(0, 0, 0, 0.7); color: rgb(0 0 0 / 70%);
&.is-hovered, &.is-hovered,
&:not([disabled]):hover { &:not([disabled]):hover {
background-color: #ff8a65; background-color: #ff8a65;
border-color: transparent; border-color: transparent;
color: rgba(0, 0, 0, 0.7) color: rgb(0 0 0 / 70%)
} }
&.is-active, &.is-active,
&:not([disabled]):active { &:not([disabled]):active {
background-color: #ff5722; background-color: #ff5722;
border-color: transparent; border-color: transparent;
color: rgba(0, 0, 0, 0.7) color: rgb(0 0 0 / 70%)
} }
&.is-outlined { &.is-outlined {
@ -203,7 +158,7 @@ code,
&:not([disabled]):hover { &:not([disabled]):hover {
background-color: #ff7043; background-color: #ff7043;
border-color: #ff7043; border-color: #ff7043;
color: rgba(0, 0, 0, 0.7) color: rgb(0 0 0 / 70%)
} }
} }
} }

21
src/css/sweetalert.scss
View File

@ -1,19 +1,8 @@
@charset "utf-8"; @charset "utf-8";
@import "_variables"; @import "_variables";
/** Animations **/ /** Animations **/
@-webkit-keyframes pulseWarning {
0% {
border-color: $warning
}
to {
border-color: $warning-dark
}
}
@keyframes pulseWarning { @keyframes pulseWarning {
0% { 0% {
border-color: $warning border-color: $warning
@ -24,16 +13,6 @@
} }
} }
@-webkit-keyframes pulseWarningBody {
0% {
background-color: $warning
}
to {
background-color: $warning-dark
}
}
@keyframes pulseWarningBody { @keyframes pulseWarningBody {
0% { 0% {
background-color: $warning background-color: $warning

1
src/css/thumbs.scss
View File

@ -1,5 +1,4 @@
@charset "utf-8"; @charset "utf-8";
@import "_variables"; @import "_variables";
/** Main **/ /** Main **/

1388
yarn.lock
View File

File diff suppressed because it is too large Load Diff