forge-joniko/ldc-boutique-cnc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Stylelint upgrade add sccs base rules

Browse source
This commit is contained in:
Jérémy Munsch 2022-11-22 15:49:33 +01:00
parent 001691e342
commit f043eeaa8d
No known key found for this signature in database
GPG key ID: 18361AF3BFEC0FEC
9 changed files with 132 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
.stylelintrc.json
View file

@ -1,8 +1,11 @@
{
"extends": [
"stylelint-config-standard-scss",
"stylelint-config-sass-guidelines",
"stylelint-config-idiomatic-order"
],
"plugins": ["stylelint-scss"],
"files": ["**/*.css", "**/*.scss"],
"ignoreFiles": [
"**/vendor/*.css",
"**/vendor/**/*.css",
@ -21,6 +24,16 @@
"color-no-invalid-hex": true,
"order/properties-alphabetical-order": null,
"max-nesting-depth": 5,
"selector-max-compound-selectors": 5
"selector-max-compound-selectors": 5,
"scss/double-slash-comment-empty-line-before": [
"always",
{
"ignore": [
"between-comments",
"stylelint-commands",
"inside-block"
]
}
]
}
}

103
package-lock.json generated
View file

@ -39,14 +39,18 @@
"laravel-mix-stylelint": "^1.0.0",
"lodash": "^4.17.21",
"popper.js": "^1.16.1",
"postcss": "^8.4.19",
"postcss-scss": "^4.0.5",
"prettier": "^2.7.1",
"resolve-url-loader": "^5.0.0",
"sass": "^1.54.9",
"sass-loader": "^12.6.0",
"slugify": "^1.6.5",
"stylelint": "^14.11.0",
"stylelint": "^14.15.0",
"stylelint-config-idiomatic-order": "^8.1.0",
"stylelint-config-sass-guidelines": "^9.0.1",
"stylelint-config-standard-scss": "^6.1.0",
"stylelint-scss": "^4.3.0",
"stylelint-webpack-plugin": "^3.3.0",
"sweetalert2": "^11.4.37",
"swiper": "^6.3.4",
@ -10302,6 +10306,35 @@
"stylelint": ">=11"
}
},
"node_modules/stylelint-config-recommended": {
"version": "9.0.0",
"resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-9.0.0.tgz",
"integrity": "sha512-9YQSrJq4NvvRuTbzDsWX3rrFOzOlYBmZP+o513BJN/yfEmGSr0AxdvrWs0P/ilSpVV/wisamAHu5XSk8Rcf4CQ==",
"dev": true,
"peerDependencies": {
"stylelint": "^14.10.0"
}
},
"node_modules/stylelint-config-recommended-scss": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-8.0.0.tgz",
"integrity": "sha512-BxjxEzRaZoQb7Iinc3p92GS6zRdRAkIuEu2ZFLTxJK2e1AIcCb5B5MXY9KOXdGTnYFZ+KKx6R4Fv9zU6CtMYPQ==",
"dev": true,
"dependencies": {
"postcss-scss": "^4.0.2",
"stylelint-config-recommended": "^9.0.0",
"stylelint-scss": "^4.0.0"
},
"peerDependencies": {
"postcss": "^8.3.3",
"stylelint": "^14.10.0"
},
"peerDependenciesMeta": {
"postcss": {
"optional": true
}
}
},
"node_modules/stylelint-config-sass-guidelines": {
"version": "9.0.1",
"resolved": "https://registry.npmjs.org/stylelint-config-sass-guidelines/-/stylelint-config-sass-guidelines-9.0.1.tgz",
@ -10342,6 +10375,37 @@
"stylelint": "^14.0.0"
}
},
"node_modules/stylelint-config-standard": {
"version": "29.0.0",
"resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-29.0.0.tgz",
"integrity": "sha512-uy8tZLbfq6ZrXy4JKu3W+7lYLgRQBxYTUUB88vPgQ+ZzAxdrvcaSUW9hOMNLYBnwH+9Kkj19M2DHdZ4gKwI7tg==",
"dev": true,
"dependencies": {
"stylelint-config-recommended": "^9.0.0"
},
"peerDependencies": {
"stylelint": "^14.14.0"
}
},
"node_modules/stylelint-config-standard-scss": {
"version": "6.1.0",
"resolved": "https://registry.npmjs.org/stylelint-config-standard-scss/-/stylelint-config-standard-scss-6.1.0.tgz",
"integrity": "sha512-iZ2B5kQT2G3rUzx+437cEpdcnFOQkwnwqXuY8Z0QUwIHQVE8mnYChGAquyKFUKZRZ0pRnrciARlPaR1RBtPb0Q==",
"dev": true,
"dependencies": {
"stylelint-config-recommended-scss": "^8.0.0",
"stylelint-config-standard": "^29.0.0"
},
"peerDependencies": {
"postcss": "^8.3.3",
"stylelint": "^14.14.0"
},
"peerDependenciesMeta": {
"postcss": {
"optional": true
}
}
},
"node_modules/stylelint-order": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-3.1.1.tgz",
@ -19473,6 +19537,24 @@
"stylelint-order": "^3.1.1"
}
},
"stylelint-config-recommended": {
"version": "9.0.0",
"resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-9.0.0.tgz",
"integrity": "sha512-9YQSrJq4NvvRuTbzDsWX3rrFOzOlYBmZP+o513BJN/yfEmGSr0AxdvrWs0P/ilSpVV/wisamAHu5XSk8Rcf4CQ==",
"dev": true,
"requires": {}
},
"stylelint-config-recommended-scss": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-8.0.0.tgz",
"integrity": "sha512-BxjxEzRaZoQb7Iinc3p92GS6zRdRAkIuEu2ZFLTxJK2e1AIcCb5B5MXY9KOXdGTnYFZ+KKx6R4Fv9zU6CtMYPQ==",
"dev": true,
"requires": {
"postcss-scss": "^4.0.2",
"stylelint-config-recommended": "^9.0.0",
"stylelint-scss": "^4.0.0"
}
},
"stylelint-config-sass-guidelines": {
"version": "9.0.1",
"resolved": "https://registry.npmjs.org/stylelint-config-sass-guidelines/-/stylelint-config-sass-guidelines-9.0.1.tgz",
@ -19503,6 +19585,25 @@
}
}
},
"stylelint-config-standard": {
"version": "29.0.0",
"resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-29.0.0.tgz",
"integrity": "sha512-uy8tZLbfq6ZrXy4JKu3W+7lYLgRQBxYTUUB88vPgQ+ZzAxdrvcaSUW9hOMNLYBnwH+9Kkj19M2DHdZ4gKwI7tg==",
"dev": true,
"requires": {
"stylelint-config-recommended": "^9.0.0"
}
},
"stylelint-config-standard-scss": {
"version": "6.1.0",
"resolved": "https://registry.npmjs.org/stylelint-config-standard-scss/-/stylelint-config-standard-scss-6.1.0.tgz",
"integrity": "sha512-iZ2B5kQT2G3rUzx+437cEpdcnFOQkwnwqXuY8Z0QUwIHQVE8mnYChGAquyKFUKZRZ0pRnrciARlPaR1RBtPb0Q==",
"dev": true,
"requires": {
"stylelint-config-recommended-scss": "^8.0.0",
"stylelint-config-standard": "^29.0.0"
}
},
"stylelint-order": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-3.1.1.tgz",

6
package.json
View file

@ -48,14 +48,18 @@
"laravel-mix-stylelint": "^1.0.0",
"lodash": "^4.17.21",
"popper.js": "^1.16.1",
"postcss": "^8.4.19",
"postcss-scss": "^4.0.5",
"prettier": "^2.7.1",
"resolve-url-loader": "^5.0.0",
"sass": "^1.54.9",
"sass-loader": "^12.6.0",
"slugify": "^1.6.5",
"stylelint": "^14.11.0",
"stylelint": "^14.15.0",
"stylelint-config-idiomatic-order": "^8.1.0",
"stylelint-config-sass-guidelines": "^9.0.1",
"stylelint-config-standard-scss": "^6.1.0",
"stylelint-scss": "^4.3.0",
"stylelint-webpack-plugin": "^3.3.0",
"sweetalert2": "^11.4.37",
"swiper": "^6.3.4",

4
resources/sass/_dashboard.scss vendored
View file

@ -7,7 +7,7 @@
margin: 48px 0 0;
}
#topNavBar {
#top-nav-bar {
height: $top-nav-bar-height;
}
@ -17,6 +17,6 @@
height: $footer-bar-height;
}
#mainContainer {
#main-container {
min-height: calc(100vh - $top-nav-bar-height - $footer-bar-height);
}

5
resources/sass/_forms.scss vendored
View file

@ -4,6 +4,7 @@
display: inline-block;
width: 60px;
height: 34px;
/* Hide default HTML checkbox */
input {
width: 0;
@ -22,7 +23,6 @@
background-color: #ccc;
cursor: pointer;
transition: 0.4s;
transition: 0.4s;
&::before {
position: absolute;
@ -33,7 +33,6 @@
background-color: #fff;
content: "";
transition: 0.4s;
transition: 0.4s;
}
}
@ -47,8 +46,6 @@ input:focus + .slider {
input:checked + .slider::before {
transform: translateX(26px);
transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */

2
resources/sass/_icons.scss vendored
View file

@ -8,10 +8,12 @@
.cross-red {
@extend %icon-size;
color: #dc143c;
}
.check-green {
@extend %icon-size;
color: #2e8b57;
}

4
resources/sass/_popup.scss vendored
View file

@ -5,12 +5,12 @@
padding: 0;
margin: 20px 0;
border-radius: 0.3em;
box-shadow: 0 0.1em 0.4em rgba(0, 0, 0, 0.3);
box-shadow: 0 0.1em 0.4em rgb(0 0 0 / 30%);
}
.modal-title {
padding: 1.5em;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700;
}

8
resources/sass/_variables.scss vendored
View file

@ -1,6 +1,5 @@
// Body
$body-bg: #f8fafc;
$tooltip-max-width: 400px;
// Typography
@ -33,7 +32,6 @@ $gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black: #000 !default;
$blue: #0d6efd !default;
$indigo: #6610f2 !default;
$purple: #6f42c1 !default;
@ -44,7 +42,6 @@ $yellow: #ffc107 !default;
$green: #198754 !default;
$teal: #20c997 !default;
$cyan: #0dcaf0 !default;
$primary: $blue !default;
$secondary: $gray-600 !default;
$success: $green !default;
@ -55,10 +52,11 @@ $light: $gray-100 !default;
$dark: $gray-900 !default;
.large-tooltip .tooltip-inner {
width: max-content !important; //uses the content as a guide of default length
max-width: 800px !important; //constrained to max width
width: max-content !important; // uses the content as a guide of default length
max-width: 800px !important; // constrained to max width
text-align: left;
}
@media screen and (max-width: 300px) {
.large-tooltip .tooltip-inner {
width: inherit;

6
resources/sass/app.scss vendored
View file

@ -1,12 +1,9 @@
// Fonts
@import url("https://fonts.googleapis.com/css?family=Nunito");
@import "https://fonts.googleapis.com/css?family=Nunito";
@import "@fancyapps/fancybox/dist/jquery.fancybox";
// Variables
@import "variables";
@import "classes";
@import "popup";
@import "icons";
@ -17,7 +14,6 @@
// Toastify
@import "~toastify-js/src/toastify.css";
@import "dashboard";
@import "smoothdnd";
@import "forms";