status-im/consul
2
0
Fork 0
mirror of https://github.com/status-im/consul.git synced 2025-02-13 06:06:40 +00:00
Code Issues Projects Releases Wiki Activity

upgrade to stylelint release

Browse Source
This commit is contained in:
Jeff Escalante 2020-05-19 15:29:18 -04:00
parent 789ba665d5
commit 7cbd8b9d36
8 changed files with 1002 additions and 87 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
website/.stylelintrc.js Normal file
View File

@ -0,0 +1,11 @@
module.exports = {
...require('@hashicorp/nextjs-scripts/.stylelintrc.js'),
rules: {
'selector-pseudo-class-no-unknown': [
true,
{
ignoreAtRules: ['page'],
},
],
},
}

1
website/components/basic-hero/style.css
View File

@ -21,6 +21,7 @@
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
/* /*
* Margins here compensate for extra 8px margin on buttons * Margins here compensate for extra 8px margin on buttons
* which are needed to center and space properly regardless of whether * which are needed to center and space properly regardless of whether

18
website/components/case-study-carousel/style.css
View File

@ -24,7 +24,7 @@
width: 100%; width: 100%;
height: var(--background-height); height: var(--background-height);
position: absolute; position: absolute;
bottom: 0px; bottom: 0;
z-index: -1; z-index: -1;
} }
@ -56,7 +56,7 @@
max-height: 40px; max-height: 40px;
width: 33.33%; width: 33.33%;
padding: 0 30px; padding: 0 30px;
margin: 24px 0px; margin: 24px 0;
@media (max-width: 800px) { @media (max-width: 800px) {
padding: 0 20px; padding: 0 20px;
@ -68,7 +68,7 @@
max-height: 40px; max-height: 40px;
width: 33.33%; width: 33.33%;
padding: 0 30px; padding: 0 30px;
margin: 24px 0px; margin: 24px 0;
@media (max-width: 800px) { @media (max-width: 800px) {
padding: 0 20px; padding: 0 20px;
@ -116,6 +116,7 @@
outline: none !important; outline: none !important;
} }
} }
/* End `nuka-carousel` styles */ /* End `nuka-carousel` styles */
& .side-control { & .side-control {
@ -150,7 +151,7 @@
width: 100%; width: 100%;
background: var(--white); background: var(--white);
padding: 64px; padding: 64px;
box-shadow: 0px 8px 22px #dedede; box-shadow: 0 8px 22px #dedede;
@media (max-width: 800px) { @media (max-width: 800px) {
box-shadow: none; box-shadow: none;
@ -231,12 +232,13 @@
& .person-name { & .person-name {
& h5 { & h5 {
margin: 0; margin: 0;
@media (max-width: 400px) {
font-size: 16px;
}
} }
@media (max-width: 400px) { @media (max-width: 400px) {
& h5 {
font-size: 16px;
}
& p { & p {
font-size: 15px; font-size: 15px;
} }
@ -256,7 +258,7 @@
& .case { & .case {
color: var(--gray-5); color: var(--gray-5);
font-size: 24px; font-size: 24px;
line-height: 31px; /* Called for within the design, no custom property seemed appropriate*/ line-height: 31px; /* Called for within the design, no custom property seemed appropriate */
} }
} }

15
website/components/learn-callout/style.css
View File

@ -69,9 +69,11 @@
margin: 0 16px; margin: 0 16px;
width: 33.333%; width: 33.333%;
transition: box-shadow 0.25s, transform 0.25s, -webkit-transform 0.25s; transition: box-shadow 0.25s, transform 0.25s, -webkit-transform 0.25s;
display: flex;
cursor: pointer;
&:hover { &:hover {
box-shadow: 0px 16px 28px rgba(37, 38, 45, 0.12); box-shadow: 0 16px 28px rgba(37, 38, 45, 0.12);
transform: translateY(-4px); transform: translateY(-4px);
} }
@ -87,14 +89,8 @@
margin-bottom: 48px; margin-bottom: 48px;
} }
} }
}
& > a { & .course {
display: flex;
cursor: pointer;
}
& > a .course {
border: 1px solid var(--gray-6); border: 1px solid var(--gray-6);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -140,7 +136,7 @@
} }
& h4 { & h4 {
margin: 24px 0px; margin: 24px 0;
} }
} }
} }
@ -172,4 +168,5 @@
color: var(--terraform); color: var(--terraform);
} }
} }
}
} }

2
website/layouts/use-cases/style.css
View File

@ -1,7 +1,7 @@
#p-use-case { #p-use-case {
& .features-header { & .features-header {
text-align: center; text-align: center;
margin-bottom: 0px; margin-bottom: 0;
} }
/* Overriding the g-text-split component to have /* Overriding the g-text-split component to have

914
website/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
website/package.json
View File

@ -4,7 +4,7 @@
"version": "0.0.1", "version": "0.0.1",
"author": "HashiCorp", "author": "HashiCorp",
"dependencies": { "dependencies": {
"@hashicorp/nextjs-scripts": "^7.2.1", "@hashicorp/nextjs-scripts": "^8.0.0",
"@hashicorp/react-alert": "^2.0.0", "@hashicorp/react-alert": "^2.0.0",
"@hashicorp/react-alert-banner": "^3.1.0", "@hashicorp/react-alert-banner": "^3.1.0",
"@hashicorp/react-button": "^2.2.0", "@hashicorp/react-button": "^2.2.0",

12
website/pages/style.css
View File

@ -121,16 +121,16 @@ footer .content {
.g-section-block section { .g-section-block section {
padding-top: 96px; padding-top: 96px;
padding-bottom: 96px; padding-bottom: 96px;
}
.g-section-block section > .g-section-header + *, & > .g-section-header + *,
.g-section-block section > .g-container > .g-section-header + * { & > .g-container > .g-section-header + * {
margin-top: 72px; margin-top: 72px;
} }
.g-section-block section > * + *, & > * + *,
.g-section-block section > .g-container > * + * { & > .g-container > * + * {
margin-top: 96px; margin-top: 96px;
}
} }
.g-section-block .button-container { .g-section-block .button-container {