Students
/
ITRadio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Кастомные правила для stylelint

This commit is contained in:
Norbaev 2024-07-29 17:25:17 +05:00
parent cbcd27052d
commit f780f12e4a
5 changed files with 110 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
client/.stylelintrc.cjs Normal file
View File

@ -0,0 +1,35 @@
const ruleOrder = [
{ type: 'at-rule', name: 'import' },
{ type: 'at-rule', name: 'forward' },
{ type: 'at-rule', name: 'use' },
'dollar-variables',
'at-variables',
'custom-properties',
{ type: 'at-rule', name: 'custom-media' },
{ type: 'at-rule', name: 'function' },
{ type: 'at-rule', name: 'mixin' },
{ type: 'at-rule', name: 'extend' },
'declarations',
{
type: 'rule',
selector: /^&::[\w-]+/,
hasBlock: true,
},
'rules',
{ type: 'at-rule', name: 'mixin', parameter: /^responsive.*/ },
{ type: 'at-rule', name: 'media', hasBlock: true },
];
module.exports = {
extends: ['stylelint-config-standard-scss', 'stylelint-config-clean-order'],
rules: {
'selector-class-pattern': null,
'scss/load-partial-extension': 'always',
'order/order': [
ruleOrder,
{
severity: 'warning',
},
],
},
};

7
client/.stylelintrc.json
View File

@ -1,7 +0,0 @@
{
"extends": ["stylelint-config-standard-scss", "stylelint-config-clean-order"],
"rules": {
"selector-class-pattern": null,
"scss/load-partial-extension": "always"
}
}

52
client/package-lock.json generated
View File

@ -4777,11 +4777,11 @@
} }
}, },
"node_modules/axios": { "node_modules/axios": {
"version": "1.5.1", "version": "1.7.2",
"resolved": "https://registry.npmjs.org/axios/-/axios-1.5.1.tgz", "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.2.tgz",
"integrity": "sha512-Q28iYCWzNHjAm+yEAot5QaAMxhMghWLFVf7rRdwhUI+c2jix2DUXjAHXVi+s1ibs3mjPO/cCgbA++3BjD0vP/A==", "integrity": "sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==",
"dependencies": { "dependencies": {
"follow-redirects": "^1.15.0", "follow-redirects": "^1.15.6",
"form-data": "^4.0.0", "form-data": "^4.0.0",
"proxy-from-env": "^1.1.0" "proxy-from-env": "^1.1.0"
} }
@ -7887,9 +7887,9 @@
} }
}, },
"node_modules/follow-redirects": { "node_modules/follow-redirects": {
"version": "1.15.3", "version": "1.15.6",
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz", "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
"integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==", "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
"funding": [ "funding": [
{ {
"type": "individual", "type": "individual",
@ -16133,9 +16133,9 @@
} }
}, },
"node_modules/webpack-dev-middleware": { "node_modules/webpack-dev-middleware": {
"version": "5.3.3", "version": "5.3.4",
"resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz", "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.4.tgz",
"integrity": "sha512-hj5CYrY0bZLB+eTO+x/j67Pkrquiy7kWepMHmUMoPsmcUaeEnQJqFzHJOyxgWlq746/wUuA64p9ta34Kyb01pA==", "integrity": "sha512-BVdTqhhs+0IfoeAf7EoH5WE+exCmqGerHfDM0IL096Px60Tq2Mn9MAbnaGUe6HiMa41KMCYF19gyzZmBcq/o4Q==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"colorette": "^2.0.10", "colorette": "^2.0.10",
@ -16220,9 +16220,9 @@
} }
}, },
"node_modules/webpack-dev-server/node_modules/ws": { "node_modules/webpack-dev-server/node_modules/ws": {
"version": "8.14.2", "version": "8.18.0",
"resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz", "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
"integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==", "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
"dev": true, "dev": true,
"engines": { "engines": {
"node": ">=10.0.0" "node": ">=10.0.0"
@ -19692,11 +19692,11 @@
"dev": true "dev": true
}, },
"axios": { "axios": {
"version": "1.5.1", "version": "1.7.2",
"resolved": "https://registry.npmjs.org/axios/-/axios-1.5.1.tgz", "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.2.tgz",
"integrity": "sha512-Q28iYCWzNHjAm+yEAot5QaAMxhMghWLFVf7rRdwhUI+c2jix2DUXjAHXVi+s1ibs3mjPO/cCgbA++3BjD0vP/A==", "integrity": "sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==",
"requires": { "requires": {
"follow-redirects": "^1.15.0", "follow-redirects": "^1.15.6",
"form-data": "^4.0.0", "form-data": "^4.0.0",
"proxy-from-env": "^1.1.0" "proxy-from-env": "^1.1.0"
} }
@ -21971,9 +21971,9 @@
} }
}, },
"follow-redirects": { "follow-redirects": {
"version": "1.15.3", "version": "1.15.6",
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz", "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
"integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==" "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA=="
}, },
"for-each": { "for-each": {
"version": "0.3.3", "version": "0.3.3",
@ -27628,9 +27628,9 @@
} }
}, },
"webpack-dev-middleware": { "webpack-dev-middleware": {
"version": "5.3.3", "version": "5.3.4",
"resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz", "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.4.tgz",
"integrity": "sha512-hj5CYrY0bZLB+eTO+x/j67Pkrquiy7kWepMHmUMoPsmcUaeEnQJqFzHJOyxgWlq746/wUuA64p9ta34Kyb01pA==", "integrity": "sha512-BVdTqhhs+0IfoeAf7EoH5WE+exCmqGerHfDM0IL096Px60Tq2Mn9MAbnaGUe6HiMa41KMCYF19gyzZmBcq/o4Q==",
"dev": true, "dev": true,
"requires": { "requires": {
"colorette": "^2.0.10", "colorette": "^2.0.10",
@ -27684,9 +27684,9 @@
"dev": true "dev": true
}, },
"ws": { "ws": {
"version": "8.14.2", "version": "8.18.0",
"resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz", "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
"integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==", "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
"dev": true, "dev": true,
"requires": {} "requires": {}
} }

94
client/src/assets/css/module/app-header.scss
View File

@ -1,8 +1,4 @@
.header { .header {
@mixin responsive-l {
top: 0;
}
position: sticky; position: sticky;
z-index: 11; z-index: 11;
top: -30px; top: -30px;
@ -12,14 +8,14 @@
backdrop-filter: blur(100px); backdrop-filter: blur(100px);
&__wrapper { &__wrapper {
@mixin responsive-l {
padding: 10px 20px;
}
display: flex; display: flex;
align-items: center; align-items: center;
width: 100%; width: 100%;
padding: 40px 20px 10px; padding: 40px 20px 10px;
@mixin responsive-l {
padding: 10px 20px;
}
} }
&__logo { &__logo {
@ -29,12 +25,12 @@
margin-right: auto; margin-right: auto;
&.m--menu { &.m--menu {
display: none;
margin-bottom: var(--space-between-block);
@mixin responsive-l { @mixin responsive-l {
display: block; display: block;
} }
display: none;
margin-bottom: var(--space-between-block);
} }
&:hover { &:hover {
@ -43,37 +39,17 @@
} }
&__menu { &__menu {
@mixin responsive-xl {
gap: 20px;
}
@mixin responsive-l {
position: fixed;
z-index: 10;
top: 0;
bottom: 0;
left: 0;
transform: translateX(-100%);
flex-direction: column;
align-items: start;
width: 320px;
min-height: calc(100vh + 30px);
padding: 40px 20px 0;
background: var(--color-black);
&.m--active {
transform: translateX(0);
}
}
display: flex; display: flex;
align-items: center; align-items: center;
transition: transform 0.3s ease; transition: transform 0.3s ease;
&-item { &-item {
margin: 0 25px;
&.m--tools {
margin: 0 10px 0 25px;
}
@mixin responsive-xl { @mixin responsive-xl {
margin: 0 10px; margin: 0 10px;
@ -84,12 +60,6 @@
@mixin responsive-l { @mixin responsive-l {
} }
margin: 0 25px;
&.m--tools {
margin: 0 10px 0 25px;
}
} }
&-link { &-link {
@ -129,6 +99,32 @@
} }
} }
} }
@mixin responsive-xl {
gap: 20px;
}
@mixin responsive-l {
position: fixed;
z-index: 10;
top: 0;
bottom: 0;
left: 0;
transform: translateX(-100%);
flex-direction: column;
align-items: start;
width: 320px;
min-height: calc(100vh + 30px);
padding: 40px 20px 0;
background: var(--color-black);
&.m--active {
transform: translateX(0);
}
}
} }
&__btn { &__btn {
@ -139,10 +135,6 @@
} }
&__burger { &__burger {
@mixin responsive-l {
display: block;
}
position: relative; position: relative;
display: none; display: none;
width: 38px; width: 38px;
@ -201,5 +193,13 @@
span { span {
top: 10px; top: 10px;
} }
@mixin responsive-l {
display: block;
}
}
@mixin responsive-l {
top: 0;
} }
} }

2
client/src/boot/main.js
View File

@ -7,6 +7,8 @@ import { plugin, defaultConfig, createInput } from '@formkit/vue';
import { ru } from '@formkit/i18n'; import { ru } from '@formkit/i18n';
import maskaInput from '@/components/inputs/maska-input'; import maskaInput from '@/components/inputs/maska-input';
import toggle from '@/components/inputs/toggle'; import toggle from '@/components/inputs/toggle';
import { rules } from 'stylelint-config-clean-order';
console.log(rules);
import { vMaska } from 'maska'; import { vMaska } from 'maska';