LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

Add local CSS lint checks (#4068)

Browse Source 
* update package scripts to include prettifying scss files and stylelint-ing; fix related issues found from stylelinter

* revert old prettier autofix

* lint

---------

Co-authored-by: Gabe Kangas <gabek@real-ity.com>
This commit is contained in:
gingervitis 2025-01-04 12:59:45 -08:00 committed by GitHub
parent c03637fd9b
commit a6dc9645e6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 19 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/chat/ChatModeratorNotification/ChatModeratorNotification.module.scss
View File

@ -6,7 +6,7 @@
padding: 10px;
font-size: var(--chat-message-text-size);
@include flexCenter;
@include flex-center;
.icon {
margin-right: 10px;

5
web/package.json
View File

@ -9,12 +9,13 @@
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "eslint --fix --ext .js,.ts,.tsx types/ pages/ components/ stories/",
"lint": "eslint --fix --ext .js,.ts,.tsx types/ pages/ components/ stories/ && npm run stylelint",
"stylelint": "stylelint **/*.scss",
"storybook": "storybook dev -p 6006",
"build-storybook": "storybook build",
"build-styles": "cd ./style-definitions && style-dictionary build && ./build.sh && cd -",
"test": "jest",
"format": "prettier --write **/*.{js,ts,jsx,tsx,css,md}"
"format": "prettier --write **/*.{js,ts,jsx,tsx,css,md,scss}"
},
"dependencies": {
"@ant-design/icons": "4.8.3",

11
web/styles/ant-overrides.scss
View File

@ -46,17 +46,6 @@ BUTTONS
border-radius: var(--theme-rounded-corners);
border-color: var(--theme-color-components-primary-button-border);
&:hover,
&:focus {
border-color: var(--theme-color-action-hover);
color: var(--theme-color-action-hover);
background-color: var(--theme-color-components-secondary-button-background);
}
&:focus {
border-color: var(--theme-color-components-secondary-button-text);
}
&[ant-click-animating-without-extra-node]::after {
animation: 0s !important;
}

2
web/styles/mixins.scss
View File

@ -1,4 +1,4 @@
@mixin flexCenter {
@mixin flex-center {
display: flex;
justify-content: center;
align-items: center;