mirror of
https://github.com/oceanprotocol/docs.git
synced 2024-11-26 19:49:26 +01:00
add stylelint, lint & format tasks
This commit is contained in:
parent
e6224e2d0d
commit
4b1ad4d95e
GPG Key ID:
606EEEF3C479A91F
11
.stylelintrc
Normal file
11
.stylelintrc
Normal file
@ -0,0 +1,11 @@
|
||||
{
|
||||
"extends": [
|
||||
"stylelint-config-bigchaindb",
|
||||
"stylelint-config-css-modules",
|
||||
"./node_modules/prettier-stylelint/config.js"
|
||||
],
|
||||
"syntax": "scss",
|
||||
"rules": {
|
||||
"no-descending-specificity": null
|
||||
}
|
||||
}
|
||||
@ -6,6 +6,7 @@
|
||||
|
||||
[](https://travis-ci.com/oceanprotocol/docs)
|
||||
[](https://github.com/oceanprotocol/eslint-config-oceanprotocol)
|
||||
[](https://github.com/bigchaindb/stylelint-config-bigchaindb)
|
||||
[](https://github.com/prettier/prettier)
|
||||
[](https://greenkeeper.io/)
|
||||
|
||||
|
||||
18
package.json
18
package.json
@ -5,7 +5,7 @@
|
||||
"author": "Ocean Protocol <devops@oceanprotocol.com>",
|
||||
"dependencies": {
|
||||
"@oceanprotocol/art": "^1.0.2",
|
||||
"gatsby": "^2.0.44",
|
||||
"gatsby": "^2.0.45",
|
||||
"gatsby-image": "^2.0.20",
|
||||
"gatsby-plugin-catch-links": "^2.0.8",
|
||||
"gatsby-plugin-google-analytics": "^2.0.7",
|
||||
@ -39,15 +39,25 @@
|
||||
"build": "gatsby build",
|
||||
"start": "gatsby develop",
|
||||
"ssr": "npm run build && serve -s public/",
|
||||
"format": "prettier --write 'src/**/*.{js,jsx}'",
|
||||
"test": "eslint --ext .js,.jsx ."
|
||||
"format:js": "prettier --write 'src/**/*.{js,jsx}'",
|
||||
"format:css": "prettier-stylelint --write --quiet 'src/**/*.{css,scss}'",
|
||||
"format": "run-p format:js format:css",
|
||||
"lint:js": "eslint ./gatsby-*.js && eslint ./src/**/*.{js,jsx}",
|
||||
"lint:css": "stylelint ./src/**/*.{css,scss}",
|
||||
"lint": "run-p lint:js lint:css",
|
||||
"test": "npm run lint"
|
||||
},
|
||||
"devDependencies": {
|
||||
"eslint": "^5.9.0",
|
||||
"eslint-config-oceanprotocol": "^1.3.0",
|
||||
"eslint-config-prettier": "^3.1.0",
|
||||
"eslint-plugin-prettier": "^3.0.0",
|
||||
"prettier": "^1.14.2"
|
||||
"npm-run-all": "^4.1.3",
|
||||
"prettier": "^1.15.1",
|
||||
"prettier-stylelint": "^0.4.2",
|
||||
"stylelint-config-bigchaindb": "^1.2.1",
|
||||
"stylelint-config-css-modules": "^1.3.0",
|
||||
"stylelint-config-standard": "^18.2.0"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
|
||||
@ -14,7 +14,8 @@
|
||||
margin-top: $spacer / 2;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
h1,
|
||||
h2 {
|
||||
margin-top: $spacer * $line-height;
|
||||
margin-bottom: $spacer / $line-height;
|
||||
padding-bottom: $spacer / $line-height;
|
||||
|
||||
@ -28,5 +28,5 @@
|
||||
}
|
||||
|
||||
.active {
|
||||
color: $brand-pink !important;
|
||||
color: $brand-pink !important; // stylelint-disable-line declaration-no-important
|
||||
}
|
||||
|
||||
@ -1,7 +1,9 @@
|
||||
@import 'variables';
|
||||
|
||||
.header {
|
||||
background: $brand-black url('@oceanprotocol/art/jellyfish/jellyfish-back@2x.png') no-repeat center -4rem;
|
||||
background: $brand-black
|
||||
url('@oceanprotocol/art/jellyfish/jellyfish-back@2x.png') no-repeat
|
||||
center -4rem;
|
||||
background-size: cover;
|
||||
width: 100%;
|
||||
padding: $spacer / 2 0;
|
||||
|
||||
@ -2,7 +2,9 @@
|
||||
@import 'animations';
|
||||
|
||||
.header {
|
||||
background: $brand-black url('@oceanprotocol/art/jellyfish/jellyfish-back@2x.png') no-repeat center 7rem;
|
||||
background: $brand-black
|
||||
url('@oceanprotocol/art/jellyfish/jellyfish-back@2x.png') no-repeat
|
||||
center 7rem;
|
||||
background-size: cover;
|
||||
width: 100%;
|
||||
padding: $spacer * 2 0;
|
||||
@ -46,5 +48,3 @@
|
||||
font-size: $font-size-large;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -27,7 +27,9 @@
|
||||
padding: 0;
|
||||
margin-left: $spacer / $line-height;
|
||||
|
||||
&:before { display: none; }
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
|
||||
@ -57,7 +57,9 @@
|
||||
li {
|
||||
display: block;
|
||||
|
||||
&:before { display: none; }
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -17,12 +17,13 @@
|
||||
margin-top: $spacer;
|
||||
animation: fadeInUp .6s ease-out backwards;
|
||||
|
||||
&:before { display: none; }
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: $break-point--medium) {
|
||||
flex: 0 0 31%;
|
||||
}
|
||||
|
||||
animation-delay: .4s;
|
||||
|
||||
&:nth-child(2) {
|
||||
@ -39,7 +40,7 @@
|
||||
flex-wrap: wrap;
|
||||
padding: $spacer $spacer * $line-height;
|
||||
border-radius: $border-radius;
|
||||
box-shadow: rgba($brand-black, .1) 0px 9px 18px;
|
||||
box-shadow: rgba($brand-black, .1) 0 9px 18px;
|
||||
color: $brand-grey;
|
||||
background: $brand-white;
|
||||
height: 100%;
|
||||
@ -47,7 +48,7 @@
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $brand-grey;
|
||||
box-shadow: rgba($brand-black, .1) 0px 12px 20px;
|
||||
box-shadow: rgba($brand-black, .1) 0 12px 20px;
|
||||
|
||||
svg {
|
||||
transform: translate3d(.2rem, 0, 0);
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
@keyframes fadeInUp {
|
||||
0% {
|
||||
opacity: 0.01;
|
||||
opacity: .01;
|
||||
transform: translate3d(0, 5rem, 0);
|
||||
}
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
|
||||
@keyframes fadeIn {
|
||||
0% {
|
||||
opacity: 0.01;
|
||||
opacity: .01;
|
||||
}
|
||||
|
||||
100% {
|
||||
|
||||
@ -19,9 +19,12 @@ $yellow: #eac146;
|
||||
$brand-gradient: linear-gradient(to right bottom, $brand-purple, $brand-pink);
|
||||
|
||||
// Fonts
|
||||
$font-family-base: 'Sharp Sans Medium', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
|
||||
$font-family-title: 'Sharp Sans Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
|
||||
$font-family-button: 'Sharp Sans Bold', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
|
||||
$font-family-base: 'Sharp Sans Medium', -apple-system, BlinkMacSystemFont,
|
||||
'Segoe UI', Helvetica, Arial, sans-serif;
|
||||
$font-family-title: 'Sharp Sans Display', -apple-system, BlinkMacSystemFont,
|
||||
'Segoe UI', Helvetica, Arial, sans-serif;
|
||||
$font-family-button: 'Sharp Sans Bold', -apple-system, BlinkMacSystemFont,
|
||||
'Segoe UI', Helvetica, Arial, sans-serif;
|
||||
$font-family-monospace: 'Fira Code', 'Fira Mono', Menlo, Monaco, Consolas,
|
||||
'Courier New', monospace;
|
||||
|
||||
|
||||
@ -1,3 +1,5 @@
|
||||
// stylelint-disable selector-no-qualifying-type, declaration-no-important, selector-no-vendor-prefix
|
||||
|
||||
@import 'variables';
|
||||
@import 'fonts';
|
||||
|
||||
@ -59,7 +61,7 @@ p {
|
||||
|
||||
ul {
|
||||
li {
|
||||
&::before {
|
||||
&:before {
|
||||
content: ' \25AA'; // Black Small Square: ▪ ▪
|
||||
top: -2px;
|
||||
}
|
||||
@ -70,7 +72,7 @@ ol {
|
||||
counter-reset: ol-counter;
|
||||
|
||||
li {
|
||||
&::before {
|
||||
&:before {
|
||||
content: counter(ol-counter) '.';
|
||||
counter-increment: ol-counter;
|
||||
font-family: $font-family-button;
|
||||
@ -78,7 +80,7 @@ ol {
|
||||
}
|
||||
}
|
||||
|
||||
ul li::before {
|
||||
ul li:before {
|
||||
content: ' \25AA';
|
||||
}
|
||||
}
|
||||
@ -94,7 +96,7 @@ ol {
|
||||
position: relative;
|
||||
display: block;
|
||||
|
||||
&::before {
|
||||
&:before {
|
||||
position: absolute;
|
||||
left: -($spacer / $line-height);
|
||||
color: $brand-grey-light;
|
||||
@ -220,11 +222,11 @@ table {
|
||||
border-bottom: 1px solid $brand-grey-lighter;
|
||||
text-align: left;
|
||||
|
||||
&[align="center"] {
|
||||
&[align='center'] {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&[align="right"] {
|
||||
&[align='right'] {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user