oceanprotocol/commons
1
0
Fork 0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00
Code Releases Activity

remove stylelint

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-05-19 09:21:55 +02:00
parent 780d9db16e
commit 4ddd607499
Signed by: m
GPG Key ID: 606EEEF3C479A91F
33 changed files with 72 additions and 3816 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
.stylelintrc
View File

@ -1,11 +0,0 @@
{
"extends": [
"stylelint-config-bigchaindb",
"stylelint-config-css-modules",
"./node_modules/prettier-stylelint/config.js"
],
"syntax": "scss",
"rules": {
"no-descending-specificity": null
}
}

3
README.md
View File

@ -12,7 +12,6 @@
[![Test Coverage](https://api.codeclimate.com/v1/badges/ed6e8212a8d294b6aa88/test_coverage)](https://codeclimate.com/github/oceanprotocol/commons/test_coverage) [![Test Coverage](https://api.codeclimate.com/v1/badges/ed6e8212a8d294b6aa88/test_coverage)](https://codeclimate.com/github/oceanprotocol/commons/test_coverage)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-7b1173.svg?style=flat-square)](https://github.com/prettier/prettier) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-7b1173.svg?style=flat-square)](https://github.com/prettier/prettier)
[![js oceanprotocol](https://img.shields.io/badge/js-oceanprotocol-7b1173.svg)](https://github.com/oceanprotocol/eslint-config-oceanprotocol) [![js oceanprotocol](https://img.shields.io/badge/js-oceanprotocol-7b1173.svg)](https://github.com/oceanprotocol/eslint-config-oceanprotocol)
[![css bigchaindb](https://img.shields.io/badge/css-bigchaindb-39BA91.svg)](https://github.com/bigchaindb/stylelint-config-bigchaindb)
<img width="1218" alt="Commons UI" src="https://user-images.githubusercontent.com/90316/55874266-296ef080-5b92-11e9-8ac6-2423cb2a80fb.png"> <img width="1218" alt="Commons UI" src="https://user-images.githubusercontent.com/90316/55874266-296ef080-5b92-11e9-8ac6-2423cb2a80fb.png">
@ -204,7 +203,7 @@ npm run cypress:open
For linting and auto-formatting you can use from the root of the project: For linting and auto-formatting you can use from the root of the project:
```bash ```bash
# auto format all ts & css with eslint & stylelint # auto format all ts & css with eslint
npm run lint npm run lint
# auto format all ts & css with prettier, taking all configs into account # auto format all ts & css with prettier, taking all configs into account

4
client/src/components/atoms/Account.module.scss
View File

@ -21,7 +21,7 @@
} }
.unlock { .unlock {
font-size: $font-size-small !important; // stylelint-disable-line font-size: $font-size-small !important;
margin-left: $spacer / 2; margin-left: $spacer / 2;
} }
@ -47,7 +47,7 @@
display: inline-block; display: inline-block;
fill: currentColor; fill: currentColor;
margin-right: $spacer / 8; margin-right: $spacer / 8;
transition: .2s ease-out; transition: 0.2s ease-out;
} }
} }

12
client/src/components/atoms/Button.module.scss
View File

@ -13,10 +13,10 @@
font-weight: $font-weight-bold; font-weight: $font-weight-bold;
text-transform: uppercase; text-transform: uppercase;
border-radius: 2px; border-radius: 2px;
transition: .2s ease-out; transition: 0.2s ease-out;
color: $brand-white; color: $brand-white;
background: $brand-grey-light; background: $brand-grey-light;
box-shadow: 0 9px 18px 0 rgba(0, 0, 0, .1); box-shadow: 0 9px 18px 0 rgba(0, 0, 0, 0.1);
min-height: 45px; min-height: 45px;
user-select: none; user-select: none;
@ -25,21 +25,21 @@
color: $brand-white; color: $brand-white;
background: $brand-grey-light; background: $brand-grey-light;
text-decoration: none; text-decoration: none;
transform: translate3d(0, -.05rem, 0); transform: translate3d(0, -0.05rem, 0);
box-shadow: 0 12px 30px 0 rgba(0, 0, 0, .1); box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.1);
} }
&:active { &:active {
background: $brand-grey-light; background: $brand-grey-light;
transition: none; transition: none;
transform: none; transform: none;
box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .1); box-shadow: 0 5px 18px 0 rgba(0, 0, 0, 0.1);
} }
&:disabled { &:disabled {
cursor: not-allowed; cursor: not-allowed;
pointer-events: none; pointer-events: none;
opacity: .5; opacity: 0.5;
} }
} }

10
client/src/components/atoms/CategoryImage.module.scss
View File

@ -8,22 +8,18 @@
background-color: $body-background; background-color: $body-background;
border-radius: $border-radius; border-radius: $border-radius;
overflow: hidden; overflow: hidden;
opacity: .85; opacity: 0.85;
transition: .2s ease-out; transition: 0.2s ease-out;
border: 1px solid $brand-grey-lighter; border: 1px solid $brand-grey-lighter;
} }
.header { .header {
// stylelint-disable value-keyword-case
composes: categoryImage; composes: categoryImage;
// stylelint-enable value-keyword-case
height: 8rem; height: 8rem;
margin-top: $spacer / $line-height; margin-top: $spacer / $line-height;
} }
.dimmed { .dimmed {
// stylelint-disable value-keyword-case
composes: categoryImage; composes: categoryImage;
// stylelint-enable value-keyword-case opacity: 0.6;
opacity: .6;
} }

16
client/src/components/atoms/Form/Input.module.scss
View File

@ -19,9 +19,7 @@
} }
.inputWrapSearch { .inputWrapSearch {
// stylelint-disable value-keyword-case
composes: inputWrap; composes: inputWrap;
// stylelint-enable value-keyword-case
.input { .input {
padding-left: $spacer * 1.5; padding-left: $spacer * 1.5;
@ -33,8 +31,8 @@
width: 1.25rem; width: 1.25rem;
height: 1.25rem; height: 1.25rem;
top: 50%; top: 50%;
margin-top: -.6rem; margin-top: -0.6rem;
fill: rgba($brand-grey-light, .7); fill: rgba($brand-grey-light, 0.7);
} }
} }
@ -50,7 +48,7 @@
padding: $spacer / 3; padding: $spacer / 3;
margin: 0; margin: 0;
border-radius: $border-radius; border-radius: $border-radius;
transition: .2s ease-out; transition: 0.2s ease-out;
min-height: 43px; min-height: 43px;
appearance: none; appearance: none;
@ -65,8 +63,8 @@
font-size: $font-size-base; font-size: $font-size-base;
color: $brand-grey-light; color: $brand-grey-light;
font-weight: $font-weight-base; font-weight: $font-weight-base;
transition: .2s ease-out; transition: 0.2s ease-out;
opacity: .7; opacity: 0.7;
} }
&[readonly], &[readonly],
@ -97,7 +95,6 @@
border: 0; border: 0;
// custom arrow // custom arrow
// stylelint-disable
background-image: linear-gradient(45deg, transparent 50%, $brand-purple 50%), background-image: linear-gradient(45deg, transparent 50%, $brand-purple 50%),
linear-gradient(135deg, $brand-purple 50%, transparent 50%), linear-gradient(135deg, $brand-purple 50%, transparent 50%),
linear-gradient( linear-gradient(
@ -109,7 +106,6 @@
background-position: calc(100% - 18px) calc(1rem + 5px), background-position: calc(100% - 18px) calc(1rem + 5px),
calc(100% - 13px) calc(1rem + 5px), 100% 0; calc(100% - 13px) calc(1rem + 5px), 100% 0;
background-size: 5px 5px, 5px 5px, 2.5rem 3rem; background-size: 5px 5px, 5px 5px, 2.5rem 3rem;
// stylelint-enable
background-repeat: no-repeat; background-repeat: no-repeat;
&:focus { &:focus {
@ -155,7 +151,7 @@
font-size: $font-size-small; font-size: $font-size-small;
line-height: 1.2; line-height: 1.2;
border: 2px solid $brand-grey-lighter; border: 2px solid $brand-grey-lighter;
border-radius: .2rem; border-radius: 0.2rem;
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;

4
client/src/components/atoms/Form/InputDate.module.scss
View File

@ -39,7 +39,9 @@
max-width: 16rem; max-width: 16rem;
} }
:global .react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle:before, :global
.react-datepicker-popper[data-placement^='top']
.react-datepicker__triangle:before,
:global .react-datepicker__year-read-view--down-arrow:before, :global .react-datepicker__year-read-view--down-arrow:before,
:global .react-datepicker__month-read-view--down-arrow:before, :global .react-datepicker__month-read-view--down-arrow:before,
:global .react-datepicker__month-year-read-view--down-arrow:before { :global .react-datepicker__month-year-read-view--down-arrow:before {

2
client/src/components/atoms/Form/Label.module.scss
View File

@ -17,6 +17,6 @@
font-size: $font-size-base; font-size: $font-size-base;
color: $brand-grey-light; color: $brand-grey-light;
display: inline-block; display: inline-block;
margin-left: .1rem; margin-left: 0.1rem;
} }
} }

8
client/src/components/atoms/Modal.module.scss
View File

@ -11,11 +11,11 @@
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: rgba($brand-black, .7); background: rgba($brand-black, 0.7);
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
animation: fadeIn .2s ease-out backwards; animation: fadeIn 0.2s ease-out backwards;
} }
.modal { .modal {
@ -25,7 +25,7 @@
margin: $spacer auto; margin: $spacer auto;
max-width: $break-point--small; max-width: $break-point--small;
position: relative; position: relative;
animation: moveUp .2s ease-out backwards; animation: moveUp 0.2s ease-out backwards;
@media (min-width: $break-point--small) { @media (min-width: $break-point--small) {
padding: $spacer * 2 $spacer * 1.5; padding: $spacer * 2 $spacer * 1.5;
@ -68,7 +68,7 @@
&:hover, &:hover,
&:focus { &:focus {
opacity: .7; opacity: 0.7;
} }
} }

4
client/src/components/atoms/Spinner.module.scss
View File

@ -20,7 +20,7 @@
border-radius: 50%; border-radius: 50%;
border: 2px solid $brand-purple; border: 2px solid $brand-purple;
border-top-color: $brand-violet; border-top-color: $brand-violet;
animation: spinner .6s linear infinite; animation: spinner 0.6s linear infinite;
} }
} }
@ -39,7 +39,7 @@
height: $font-size-small; height: $font-size-small;
margin-top: -($font-size-small); margin-top: -($font-size-small);
margin-left: -($font-size-small / 2); margin-left: -($font-size-small / 2);
border-width: .1rem; border-width: 0.1rem;
} }
} }

6
client/src/components/molecules/AccountStatus/Indicator.module.scss
View File

@ -4,7 +4,7 @@
display: inline-block; display: inline-block;
position: relative; position: relative;
cursor: help; cursor: help;
padding: .5rem; padding: 0.5rem;
} }
/* default: red square */ /* default: red square */
@ -17,9 +17,7 @@
/* yellow triangle */ /* yellow triangle */
.statusIndicatorCloseEnough { .statusIndicatorCloseEnough {
// stylelint-disable value-keyword-case
composes: statusIndicator; composes: statusIndicator;
// stylelint-enable value-keyword-case
background: none; background: none;
width: 0; width: 0;
height: 0; height: 0;
@ -30,9 +28,7 @@
/* green circle */ /* green circle */
.statusIndicatorActive { .statusIndicatorActive {
// stylelint-disable value-keyword-case
composes: statusIndicator; composes: statusIndicator;
// stylelint-enable value-keyword-case
border-radius: 50%; border-radius: 50%;
background: $green; background: $green;
} }

13
client/src/components/molecules/AccountStatus/Popover.module.scss
View File

@ -7,12 +7,12 @@ $popoverWidth: 18rem;
width: $popoverWidth; width: $popoverWidth;
padding: $spacer / 2; padding: $spacer / 2;
background: $brand-black; background: $brand-black;
border-radius: .1rem; border-radius: 0.1rem;
border: .1rem solid $brand-grey-light; border: 0.1rem solid $brand-grey-light;
box-shadow: 0 6px 16px 0 rgba($brand-black, .3); box-shadow: 0 6px 16px 0 rgba($brand-black, 0.3);
color: $brand-grey-light; color: $brand-grey-light;
font-size: $font-size-small; font-size: $font-size-small;
animation: showPopup .2s ease-in forwards; animation: showPopup 0.2s ease-in forwards;
white-space: initial; white-space: initial;
text-align: left; text-align: left;
} }
@ -28,7 +28,7 @@ $popoverWidth: 18rem;
} }
.popoverInfoline { .popoverInfoline {
border-bottom: .05rem solid $brand-grey; border-bottom: 0.05rem solid $brand-grey;
padding: $spacer / 3 0; padding: $spacer / 3 0;
&:first-child { &:first-child {
@ -40,15 +40,12 @@ $popoverWidth: 18rem;
border-bottom: 0; border-bottom: 0;
} }
/* stylelint-disable */
button { button {
svg, svg,
&[data-action] { &[data-action] {
display: none; display: none;
} }
} }
/* stylelint-enable */
} }
.balance { .balance {

6
client/src/components/molecules/Dropzone.module.scss
View File

@ -3,11 +3,11 @@
.dropzone { .dropzone {
margin-top: $spacer; margin-top: $spacer;
margin-bottom: $spacer; margin-bottom: $spacer;
border: .2rem dashed $brand-grey-lighter; border: 0.2rem dashed $brand-grey-lighter;
border-radius: $border-radius * 2; border-radius: $border-radius * 2;
padding: $spacer; padding: $spacer;
background: $brand-white; background: $brand-white;
transition: .2s ease-out; transition: 0.2s ease-out;
cursor: pointer; cursor: pointer;
p { p {
@ -32,7 +32,7 @@
.disabled { .disabled {
composes: dropzone; composes: dropzone;
opacity: .5; opacity: 0.5;
pointer-events: none; pointer-events: none;
} }

4
client/src/components/molecules/VersionNumbers/VersionStatus.module.scss
View File

@ -19,10 +19,9 @@
.indicatorActive { .indicatorActive {
display: inline-block; display: inline-block;
margin-right: $spacer / 4; margin-right: $spacer / 4;
margin-bottom: -.1rem; margin-bottom: -0.1rem;
} }
// stylelint-disable value-keyword-case
.indicator { .indicator {
composes: statusIndicator from '../AccountStatus/Indicator.module.scss'; composes: statusIndicator from '../AccountStatus/Indicator.module.scss';
} }
@ -30,7 +29,6 @@
.indicatorActive { .indicatorActive {
composes: statusIndicatorActive from '../AccountStatus/Indicator.module.scss'; composes: statusIndicatorActive from '../AccountStatus/Indicator.module.scss';
} }
// stylelint-enable value-keyword-case
.indicatorLabel { .indicatorLabel {
font-family: $font-family-title; font-family: $font-family-title;

2
client/src/components/molecules/VersionNumbers/VersionTable.module.scss
View File

@ -17,7 +17,6 @@
td { td {
padding: $spacer / 6 $spacer / 2; padding: $spacer / 6 $spacer / 2;
// stylelint-disable-next-line selector-max-compound-selectors
&, &,
code { code {
font-size: $font-size-mini; font-size: $font-size-mini;
@ -33,7 +32,6 @@
text-align: right; text-align: right;
} }
// stylelint-disable-next-line selector-no-qualifying-type
&[colspan] { &[colspan] {
padding: 0; padding: 0;
} }

6
client/src/components/molecules/VersionNumbers/VersionTableRow.module.scss
View File

@ -8,13 +8,13 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
margin-left: -1rem; margin-left: -1rem;
margin-top: -.1rem; margin-top: -0.1rem;
padding-right: .5rem; padding-right: 0.5rem;
cursor: pointer; cursor: pointer;
svg { svg {
fill: $brand-grey-light; fill: $brand-grey-light;
transition: .2s ease-out; transition: 0.2s ease-out;
} }
} }

1
client/src/components/organisms/ChannelTeaser.module.scss
View File

@ -62,7 +62,6 @@
transform: none; transform: none;
// category image // category image
// stylelint-disable-next-line
.channelTitle + div { .channelTitle + div {
opacity: 1; opacity: 1;
background-size: 105%; background-size: 105%;

2
client/src/components/organisms/Footer.module.scss
View File

@ -77,7 +77,7 @@
width: 100px; width: 100px;
height: auto; height: auto;
vertical-align: middle; vertical-align: middle;
margin-top: -.05rem; margin-top: -0.05rem;
margin-left: $spacer / 6; margin-left: $spacer / 6;
fill: currentColor; fill: currentColor;
} }

4
client/src/components/organisms/Header.module.scss
View File

@ -70,7 +70,7 @@
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 3px; width: 3px;
height: 3px; height: 3px;
transition: opacity .2s ease-out; transition: opacity 0.2s ease-out;
} }
} }
@ -99,5 +99,5 @@
.accountStatus { .accountStatus {
margin-left: $spacer / 2; margin-left: $spacer / 2;
margin-bottom: -.5rem; margin-bottom: -0.5rem;
} }

4
client/src/components/organisms/WalletSelector.module.scss
View File

@ -1,7 +1,7 @@
@import '../../styles/variables'; @import '../../styles/variables';
.openLink { .openLink {
font-size: $font-size-small !important; // stylelint-disable-line font-size: $font-size-small !important;
margin-left: $spacer / 2; margin-left: $spacer / 2;
} }
@ -24,7 +24,7 @@
align-items: flex-start; align-items: flex-start;
text-align: left; text-align: left;
cursor: pointer; cursor: pointer;
transition: border .2s ease-out; transition: border 0.2s ease-out;
margin-bottom: $spacer; margin-bottom: $spacer;
position: relative; position: relative;

3
client/src/components/templates/Asset/AssetDetails.module.scss
View File

@ -119,15 +119,12 @@
overflow-wrap: break-word; overflow-wrap: break-word;
} }
/* stylelint-disable declaration-no-important */
code { code {
display: block; display: block;
padding: 0 !important; padding: 0 !important;
background: none !important; background: none !important;
} }
/* stylelint-enable declaration-no-important */
@media (min-width: $break-point--small) { @media (min-width: $break-point--small) {
width: 70%; width: 70%;
} }

2
client/src/components/templates/Asset/AssetFile.module.scss
View File

@ -60,7 +60,7 @@
.empty { .empty {
font-size: $font-size-mini; font-size: $font-size-mini;
font-weight: $font-weight-base; font-weight: $font-weight-base;
opacity: .75; opacity: 0.75;
} }
// move spinner a bit up // move spinner a bit up

1
client/src/routes/Home/index.module.scss
View File

@ -14,7 +14,6 @@
} }
// grab the channel teaser on front page // grab the channel teaser on front page
// stylelint-disable-next-line
article > div > h2 + div { article > div > h2 + div {
padding-top: $spacer / 2; padding-top: $spacer / 2;
} }

4
client/src/routes/Publish/Files/Ipfs/Form.module.scss
View File

@ -11,12 +11,12 @@
display: block; display: block;
width: 100%; width: 100%;
cursor: pointer; cursor: pointer;
border: .1rem solid $brand-grey-lighter; border: 0.1rem solid $brand-grey-lighter;
border-radius: $border-radius; border-radius: $border-radius;
padding: $spacer / 2 $spacer / 2; padding: $spacer / 2 $spacer / 2;
margin-top: $spacer / 2; margin-top: $spacer / 2;
background: $brand-white; background: $brand-white;
transition: border .2s ease-out; transition: border 0.2s ease-out;
&:hover { &:hover {
border-color: $brand-grey-light; border-color: $brand-grey-light;

6
client/src/routes/Publish/Files/Ipfs/Status.module.scss
View File

@ -7,13 +7,13 @@
&:before { &:before {
content: ''; content: '';
width: .5rem; width: 0.5rem;
height: .5rem; height: 0.5rem;
display: inline-block; display: inline-block;
background: $yellow; background: $yellow;
border-radius: 50%; border-radius: 50%;
margin-right: $spacer / 6; margin-right: $spacer / 6;
margin-bottom: .1rem; margin-bottom: 0.1rem;
} }
} }

4
client/src/routes/Publish/Files/Item.module.scss
View File

@ -26,11 +26,11 @@
position: absolute; position: absolute;
top: $spacer / 8; top: $spacer / 8;
right: 0; right: 0;
transition: .2s ease-out; transition: 0.2s ease-out;
&:hover, &:hover,
&:focus { &:focus {
opacity: .7; opacity: 0.7;
} }
} }

2
client/src/routes/Publish/Progress.module.scss
View File

@ -18,7 +18,7 @@
content: ''; content: '';
display: block; display: block;
width: 60%; width: 60%;
height: .1rem; height: 0.1rem;
background: $brand-grey-lighter; background: $brand-grey-lighter;
position: absolute; position: absolute;
top: 20%; top: 20%;

2
client/src/routes/Publish/StepRegisterContent.module.scss
View File

@ -21,7 +21,7 @@
a, a,
button { button {
transition: color .2s ease-out; transition: color 0.2s ease-out;
&:hover, &:hover,
&:focus { &:focus {

8
client/src/styles/_animations.scss
View File

@ -1,6 +1,6 @@
.fade { .fade {
&-enter { &-enter {
opacity: .01; opacity: 0.01;
} }
&-enter-active { &-enter-active {
@ -13,14 +13,14 @@
} }
&-exit-active { &-exit-active {
opacity: .01; opacity: 0.01;
transition: opacity 400ms ease-in; transition: opacity 400ms ease-in;
} }
} }
.grow { .grow {
&-enter { &-enter {
opacity: .01; opacity: 0.01;
max-height: 0; max-height: 0;
} }
@ -36,7 +36,7 @@
} }
&-exit-active { &-exit-active {
opacity: .01; opacity: 0.01;
max-height: 0; max-height: 0;
transition: 200ms ease-in; transition: 200ms ease-in;
} }

10
client/src/styles/_variables.scss
View File

@ -21,20 +21,18 @@ $brand-gradient: linear-gradient(to right bottom, $brand-purple, $brand-pink);
$body-background: darken($brand-white, 1%); $body-background: darken($brand-white, 1%);
// Fonts // Fonts
// stylelint-disable value-keyword-case
$font-family-base: 'Sharp Sans', -apple-system, blinkmacsystemfont, 'Segoe UI', $font-family-base: 'Sharp Sans', -apple-system, blinkmacsystemfont, 'Segoe UI',
helvetica, arial, sans-serif; helvetica, arial, sans-serif;
$font-family-title: 'Sharp Sans Display', -apple-system, blinkmacsystemfont, $font-family-title: 'Sharp Sans Display', -apple-system, blinkmacsystemfont,
'Segoe UI', helvetica, arial, sans-serif; 'Segoe UI', helvetica, arial, sans-serif;
$font-family-monospace: 'Fira Code', 'Fira Mono', menlo, monaco, consolas, $font-family-monospace: 'Fira Code', 'Fira Mono', menlo, monaco, consolas,
'Courier New', monospace; 'Courier New', monospace;
// stylelint-enable value-keyword-case
$font-size-root: 16px; $font-size-root: 16px;
$font-size-base: 1rem; $font-size-base: 1rem;
$font-size-large: 1.2rem; $font-size-large: 1.2rem;
$font-size-small: .85rem; $font-size-small: 0.85rem;
$font-size-mini: .65rem; $font-size-mini: 0.65rem;
$font-size-text: $font-size-base; $font-size-text: $font-size-base;
$font-size-label: $font-size-base; $font-size-label: $font-size-base;
$font-size-title: 1.4rem; $font-size-title: 1.4rem;
@ -51,7 +49,7 @@ $line-height: 1.6;
// Sizes // Sizes
$spacer: 2rem; $spacer: 2rem;
$page-frame: .75rem; $page-frame: 0.75rem;
$break-point--small: 640px; $break-point--small: 640px;
$break-point--medium: 860px; $break-point--medium: 860px;
@ -59,6 +57,6 @@ $break-point--large: 1140px;
$break-point--huge: 1400px; $break-point--huge: 1400px;
$brand-border-width: 1px; $brand-border-width: 1px;
$border-radius: .2rem; $border-radius: 0.2rem;
$narrowWidth: 35rem; $narrowWidth: 35rem;

17
client/src/styles/global.scss
View File

@ -1,5 +1,3 @@
// stylelint-disable selector-no-qualifying-type, declaration-no-important, selector-no-vendor-prefix
@import 'variables'; @import 'variables';
@import 'animations'; @import 'animations';
@import '../../node_modules/@oceanprotocol/typographies/sass/ocean-typo.scss'; @import '../../node_modules/@oceanprotocol/typographies/sass/ocean-typo.scss';
@ -10,15 +8,12 @@
box-sizing: border-box; box-sizing: border-box;
} }
/* stylelint-disable selector-max-id */
html, html,
body, body,
#root { #root {
height: 100%; height: 100%;
} }
/* stylelint-enable selector-max-id */
html { html {
font-size: $font-size-root; font-size: $font-size-root;
} }
@ -44,13 +39,13 @@ body {
a { a {
text-decoration: none; text-decoration: none;
color: $brand-pink; color: $brand-pink;
transition: .2s ease-out; transition: 0.2s ease-out;
&:hover, &:hover,
&:focus { &:focus {
color: darken($brand-pink, 15%); color: darken($brand-pink, 15%);
text-decoration: none; text-decoration: none;
transform: translate3d(0, -.1rem, 0); transform: translate3d(0, -0.1rem, 0);
} }
&:active { &:active {
@ -206,7 +201,7 @@ picture {
hr { hr {
margin: $spacer 0; margin: $spacer 0;
border: 0; border: 0;
border-bottom: .1rem solid $brand-grey-lighter; border-bottom: 0.1rem solid $brand-grey-lighter;
} }
// Quotes // Quotes
@ -230,7 +225,7 @@ blockquote > p {
blockquote { blockquote {
margin: 0 0 $spacer; margin: 0 0 $spacer;
padding-left: $spacer / 2; padding-left: $spacer / 2;
border-left: .2rem solid $brand-grey-lighter; border-left: 0.2rem solid $brand-grey-lighter;
@media screen and (min-width: $break-point--small) { @media screen and (min-width: $break-point--small) {
padding-left: $spacer / $line-height; padding-left: $spacer / $line-height;
@ -295,8 +290,8 @@ samp {
:not(pre) > code { :not(pre) > code {
color: $brand-grey-dark; color: $brand-grey-dark;
display: inline-block; display: inline-block;
padding-left: .15rem; padding-left: 0.15rem;
padding-right: .15rem; padding-right: 0.15rem;
} }
a > code { a > code {

3694
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

13
package.json
View File

@ -10,13 +10,9 @@
"test": "npm run lint && scripts/test.sh && npm run test:e2e", "test": "npm run lint && scripts/test.sh && npm run test:e2e",
"test:e2e": "start-test start http-get://localhost:3000 cypress:run", "test:e2e": "start-test start http-get://localhost:3000 cypress:run",
"test:watch": "npm run lint && concurrently \"cd client && npm run test:watch\" \"cd server && npm run test:watch\"", "test:watch": "npm run lint && concurrently \"cd client && npm run test:watch\" \"cd server && npm run test:watch\"",
"format:js": "prettier --parser typescript --write '**/*.{js,jsx,ts,tsx}'", "format": "prettier --write '**/*.{js,jsx,ts,tsx,css,scss}'",
"format:css": "prettier-stylelint --ignore-path .gitignore --write --quiet '**/*.{css,scss}'", "lint": "eslint --ignore-path .gitignore --ignore-path .prettierignore --ext .ts,.tsx .",
"format": "npm run format:js && npm run format:css",
"lint:css": "stylelint --ignore-path .gitignore './**/*.{css,scss}'",
"lint:js": "eslint --ignore-path .gitignore --ignore-path .prettierignore --ext .ts,.tsx .",
"lint:fix": "eslint --fix --ignore-path .gitignore --ignore-path .prettierignore --ext .ts,.tsx .", "lint:fix": "eslint --fix --ignore-path .gitignore --ignore-path .prettierignore --ext .ts,.tsx .",
"lint": "npm run lint:js && npm run lint:css",
"release": "release-it --non-interactive", "release": "release-it --non-interactive",
"changelog": "auto-changelog -p", "changelog": "auto-changelog -p",
"cypress:run": "cypress run --browser chrome", "cypress:run": "cypress run --browser chrome",
@ -37,13 +33,8 @@
"eslint-plugin-cypress": "^2.10.3", "eslint-plugin-cypress": "^2.10.3",
"eslint-plugin-prettier": "^3.1.2", "eslint-plugin-prettier": "^3.1.2",
"prettier": "^1.19.1", "prettier": "^1.19.1",
"prettier-stylelint": "^0.4.2",
"release-it": "^13.6.1", "release-it": "^13.6.1",
"start-server-and-test": "^1.11.0", "start-server-and-test": "^1.11.0",
"stylelint": "^13.3.3",
"stylelint-config-bigchaindb": "^1.2.2",
"stylelint-config-css-modules": "^2.2.0",
"stylelint-config-standard": "^20.0.0",
"typescript": "^3.8.3" "typescript": "^3.8.3"
}, },
"repository": { "repository": {