Mirror/filesafe
1
0
Fork 0
mirror of https://github.com/BobbyWibowo/lolisafe.git synced 2025-01-31 07:11:33 +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": {
"block-closing-brace-newline-before": null,
"declaration-block-trailing-semicolon": "never",
"function-name-case": null,
"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 sassCompiler = require('sass')
const sourcemaps = require('gulp-sourcemaps')
const stylelint = require('gulp-stylelint')
const stylelint = require('@ronilaukkarinen/gulp-stylelint')
const terser = require('gulp-terser')
// Put built files for development on a Git-ignored directory.

10
package.json
View File

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

22
src/css/_variables.scss
View File

@ -1,18 +1,20 @@
@charset "utf-8";
/* stylelint-disable scss/dollar-variable-empty-line-before */
/* 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%);
$green: hsl(141, 42%, 53%);
$cyan: hsl(217, 89%, 61%);
$blue: hsl(208, 79%, 51%);
$red: hsl(348, 100%, 61%);
$black: hsl(0deg 0% 0%);
$green: hsl(141deg 42% 53%);
$cyan: hsl(217deg 89% 61%);
$blue: hsl(208deg 79% 51%);
$red: hsl(348deg 100% 61%);
/** Bulma: Variables **/
@import "../../node_modules/bulma/sass/utilities/initial-variables.sass";
@import "../../node_modules/bulma/sass/utilities/functions.sass";
@import "../../node_modules/bulma/sass/utilities/derived-variables.sass";
@import "../../node_modules/bulma/sass/utilities/initial-variables";
@import "../../node_modules/bulma/sass/utilities/functions";
@import "../../node_modules/bulma/sass/utilities/derived-variables";
$scheme-main: $black;
$text: $white-ter;
@ -50,7 +52,7 @@ $pagination-hover-color: $scheme-main;
$pagination-disabled-background-color: $grey-dark;
$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-hover-color: $tabs-link-color;

1
src/css/album.scss
View File

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

3
src/css/dashboard.scss
View File

@ -1,5 +1,4 @@
@charset "utf-8";
@import "_variables";
/** Main **/
@ -188,7 +187,7 @@ li[data-action="page-ellipsis"] {
&:not(:active):not(:hover) {
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";
@import "_variables";
/** Main **/
@ -194,7 +193,7 @@ input[type="file"].is-fullwidth {
top: 0;
right: 0;
left: 0;
padding: 1.5rem 1.5rem 0 1.5rem;
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

1
src/css/player.scss
View File

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

101
src/css/style.scss
View File

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

1
src/css/thumbs.scss
View File

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

1388
yarn.lock
View File

File diff suppressed because it is too large Load Diff