prettier & stylelint

This commit is contained in:
Marley 2023-12-10 13:09:53 -08:00
parent 00db606163
commit 9dcfdc3c81
13 changed files with 713 additions and 216 deletions

View file

@ -0,0 +1,61 @@
<component name="ProjectCodeStyleConfiguration">
<code_scheme name="Project" version="173">
<option name="RIGHT_MARGIN" value="80" />
<option name="SOFT_MARGINS" value="80" />
<HTMLCodeStyleSettings>
<option name="HTML_ALIGN_ATTRIBUTES" value="false" />
<option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
<option name="HTML_ENFORCE_QUOTES" value="true" />
</HTMLCodeStyleSettings>
<JSCodeStyleSettings version="0">
<option name="FORCE_SEMICOLON_STYLE" value="true" />
<option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
<option name="FORCE_QUOTE_STYlE" value="true" />
<option name="ENFORCE_TRAILING_COMMA" value="Remove" />
<option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
<option name="SPACES_WITHIN_IMPORTS" value="true" />
</JSCodeStyleSettings>
<TypeScriptCodeStyleSettings version="0">
<option name="FORCE_SEMICOLON_STYLE" value="true" />
<option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
<option name="FORCE_QUOTE_STYlE" value="true" />
<option name="ENFORCE_TRAILING_COMMA" value="Remove" />
<option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
<option name="SPACES_WITHIN_IMPORTS" value="true" />
</TypeScriptCodeStyleSettings>
<VueCodeStyleSettings>
<option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
<option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
</VueCodeStyleSettings>
<codeStyleSettings language="HTML">
<option name="SOFT_MARGINS" value="80" />
<indentOptions>
<option name="INDENT_SIZE" value="2" />
<option name="CONTINUATION_INDENT_SIZE" value="2" />
<option name="TAB_SIZE" value="2" />
</indentOptions>
</codeStyleSettings>
<codeStyleSettings language="JavaScript">
<option name="SOFT_MARGINS" value="80" />
<indentOptions>
<option name="INDENT_SIZE" value="2" />
<option name="CONTINUATION_INDENT_SIZE" value="2" />
<option name="TAB_SIZE" value="2" />
</indentOptions>
</codeStyleSettings>
<codeStyleSettings language="TypeScript">
<option name="SOFT_MARGINS" value="80" />
<indentOptions>
<option name="INDENT_SIZE" value="2" />
<option name="CONTINUATION_INDENT_SIZE" value="2" />
<option name="TAB_SIZE" value="2" />
</indentOptions>
</codeStyleSettings>
<codeStyleSettings language="Vue">
<option name="SOFT_MARGINS" value="80" />
<indentOptions>
<option name="CONTINUATION_INDENT_SIZE" value="2" />
</indentOptions>
</codeStyleSettings>
</code_scheme>
</component>

View file

@ -0,0 +1,5 @@
<component name="ProjectCodeStyleConfiguration">
<state>
<option name="USE_PER_PROJECT_SETTINGS" value="true" />
</state>
</component>

View file

@ -7,5 +7,6 @@
<option name="processLiterals" value="false" />
<option name="processComments" value="true" />
</inspection_tool>
<inspection_tool class="Stylelint" enabled="true" level="ERROR" enabled_by_default="true" />
</profile>
</component>

9
.idea/prettier.xml Normal file
View file

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="PrettierConfiguration">
<option name="myConfigurationMode" value="MANUAL" />
<option name="myRunOnSave" value="true" />
<option name="myRunOnReformat" value="true" />
<option name="myFilesPattern" value="!(dist|node_modules)/**/*.{js,ts,jsx,tsx,vue,astro,html,css,liquid}" />
</component>
</project>

View file

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="StylelintConfiguration">
<file-patterns value="src/**/*.{css}" />
</component>
</project>

1
.prettierrc Normal file
View file

@ -0,0 +1 @@
{}

15
node_modules/.package-lock.json generated vendored
View file

@ -5535,6 +5535,21 @@
"node": ">= 4"
}
},
"node_modules/prettier": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.1.1.tgz",
"integrity": "sha512-22UbSzg8luF4UuZtzgiUOfcGM8s4tjBv6dJRT7j275NXsy2jb4aJa4NNveul5x4eqlF1wuhuR2RElK71RvmVaw==",
"dev": true,
"bin": {
"prettier": "bin/prettier.cjs"
},
"engines": {
"node": ">=14"
},
"funding": {
"url": "https://github.com/prettier/prettier?sponsor=1"
}
},
"node_modules/promise": {
"version": "7.3.1",
"resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",

787
package-lock.json generated

File diff suppressed because it is too large Load diff

View file

@ -20,10 +20,10 @@
"postcss-import": "^15.1.0",
"postcss-import-ext-glob": "^2.1.1",
"postcss-preset-env": "^9.3.0",
"prettier": "3.1.1",
"stylelint": "^15.11.0"
},
"dependencies": {
"@punkfairie/modern-css-reset": "^1.0.1"
}
}

View file

@ -6,9 +6,14 @@
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>testing</title>
<!--suppress HtmlUnknownTarget -->
<link rel="stylesheet" href="/style.css">
</head>
<body>
Hello
<div class="site">
<main></main>
<nav></nav>
</div>
</body>
</html>

15
src/style/layout.css Normal file
View file

@ -0,0 +1,15 @@
@layer layout {
body {
display: flex;
align-items: center;
justify-content: center;
}
/* noinspection Stylelint */
.site {
inline-size: 64rem;
block-size: 48rem;
background: url('/img/theme/baby-its-cold-outside/bg.png');
border: 1px solid hsl(233deg 66% 20%);
}
}

View file

@ -3,3 +3,4 @@
@import url('@punkfairie/modern-css-reset');
@import url('theme.css');
@import url('base.css');
@import url('layout.css');

View file

@ -10,26 +10,25 @@
@import url('https://fonts.bunny.net/css2?family=Sacramento&display=swap');
:root {
--bg: url('/img/theme/baby-its-cold-outside/bg.png');
--bg: hsl(204deg 100% 80%);
/* ---------------------------------------------------------------------- *\
&colors
\* ---------------------------------------------------------------------- */
--c-text: hsl(0, 0%, 0%);
--c-main-l: hsl(0, 61%, 52%);
--c-main-d: hsl(0, 69%, 33%);
--c-accent: hsl(147, 35%, 24%);
--c-girls: hsl(300, 100%, 77%);
--c-boys: hsl(203, 81%, 69%);
--c-text: hsl(0deg 0% 0%);
--c-main-l: hsl(0deg 61% 52%);
--c-main-d: hsl(0deg 69% 33%);
--c-accent: hsl(147deg 35% 24%);
--c-girls: hsl(300deg 100% 77%);
--c-boys: hsl(203deg 81% 69%);
/* ---------------------------------------------------------------------- *\
&typography
\* ---------------------------------------------------------------------- */
--t-face: 'Imprima', sans-serif;
--t-spacing: 2px;
--t-spacing: 0.125rem;
/* ---------------------------------------------------------------------- *\
&type sizing