repos/website
1
Fork 0
Code Issues 1 Pull requests 27 Activity

Add stylelint

Browse source
This commit is contained in:
Jake Howard 2022-08-03 21:22:11 +01:00
parent eae2953b89
commit e5392fa95d
Signed by: jake
GPG key ID: 57AFB45680EDD477
10 changed files with 2132 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
.stylelintignore Symbolic link
View file

@ -0,0 +1 @@
./.gitignore

3
.stylelintrc Normal file
View file

@ -0,0 +1,3 @@
{
"extends": ["stylelint-config-standard-scss", "stylelint-config-prettier-scss"]
}

2114
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

7
package.json
View file

@ -11,9 +11,11 @@
"build": "npm-run-all build:*", "build": "npm-run-all build:*",
"lint:eslint": "eslint --ext js --report-unused-disable-directives .", "lint:eslint": "eslint --ext js --report-unused-disable-directives .",
"lint:prettier": "prettier --check static/src", "lint:prettier": "prettier --check static/src",
"lint:scss": "stylelint static/src/scss",
"lint": "npm-run-all lint:*", "lint": "npm-run-all lint:*",
"format:prettier": "prettier --write static/src", "format:prettier": "prettier --write static/src",
"format:eslint": "npm run lint:eslint -- --fix", "format:eslint": "npm run lint:eslint -- --fix",
"format:scss": "npm run lint:scss -- --fix",
"format": "npm-run-all format:*" "format": "npm-run-all format:*"
}, },
"author": "Jake Howard", "author": "Jake Howard",
@ -22,7 +24,10 @@
"eslint": "^8.21.0", "eslint": "^8.21.0",
"npm-run-all": "^4.1.5", "npm-run-all": "^4.1.5",
"prettier": "2.6.2", "prettier": "2.6.2",
"sass": "^1.52.3" "sass": "^1.52.3",
"stylelint": "^14.9.1",
"stylelint-config-prettier-scss": "^0.0.1",
"stylelint-config-standard-scss": "^5.0.0"
}, },
"dependencies": { "dependencies": {
"@fortawesome/fontawesome-free": "^6.1.1", "@fortawesome/fontawesome-free": "^6.1.1",

1
static/src/scss/_blocks.scss
View file

@ -1,7 +1,6 @@
@mixin center-block($width: 85%, $mobile-width: 90%) { @mixin center-block($width: 85%, $mobile-width: 90%) {
width: $width; width: $width;
margin: 0 auto; margin: 0 auto;
max-width: $width; max-width: $width;
min-width: $width; min-width: $width;

7
static/src/scss/_bulma_overrides.scss
View file

@ -3,12 +3,13 @@
$container-max-width: $widescreen; $container-max-width: $widescreen;
$pre-background: unset; $pre-background: unset;
$family-code: "Fira Code", monospace; $family-code: "Fira Code", monospace;
$dropdown-content-radius: 0px; $dropdown-content-radius: 0;
$dropdown-content-offset: 0px; $dropdown-content-offset: 0;
$primary: #e85537; $primary: #e85537;
$link: $primary; $link: $primary;
$dark: #17181c; $dark: #17181c;
// Navbar overrides
$navbar-item-color: $grey-light; $navbar-item-color: $grey-light;
$navbar-background-color: $dark; $navbar-background-color: $dark;
$navbar-item-hover-color: $grey-lighter; $navbar-item-hover-color: $grey-lighter;
@ -17,5 +18,5 @@ $navbar-colors: (); // Disable other variants to keep the size down
$code-background: none; $code-background: none;
$pre-background: none; $pre-background: none;
$code-padding: 0px; $code-padding: 0;
$code: inherit; $code: inherit;

6
static/src/scss/_homepage.scss
View file

@ -23,7 +23,7 @@ body.page-homepage {
.latest { .latest {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-top: 2rem; margin-top: 2rem;
background-color: transparentize($dark, 0.2); background-color: color.adjust($dark, $alpha: -0.2);
border-radius: $input-radius; border-radius: $input-radius;
max-width: 75%; max-width: 75%;
overflow-x: hidden; overflow-x: hidden;
@ -41,11 +41,11 @@ body.page-homepage {
width: 85%; width: 85%;
margin-top: 15px; margin-top: 15px;
text-align: center; text-align: center;
background-color: transparentize($dark, 0.2) !important; background-color: color.adjust($dark, $alpha: -0.2) !important;
color: $white !important; color: $white !important;
&::placeholder { &::placeholder {
color: rgba(214, 210, 205, 0.8) !important; color: rgba(214 210 205 / 80%) !important;
} }
&:focus { &:focus {

1
static/src/scss/_search.scss
View file

@ -2,6 +2,7 @@
0% { 0% {
transform: rotate(0deg); transform: rotate(0deg);
} }
100% { 100% {
transform: rotate(360deg); transform: rotate(360deg);
} }

0
static/src/scss/_variables.scss
View file

2
static/src/scss/base.scss
View file

@ -1,6 +1,6 @@
@use "sass:math"; @use "sass:math";
@use "sass:color";
@use "variables" as *;
@use "bulma_overrides" as *; @use "bulma_overrides" as *;
@import "bulma/bulma"; @import "bulma/bulma";