github
/
consul
mirror of https://github.com/hashicorp/consul
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

upgrade to stylelint release

Browse Source
pull/7945/head
Jeff Escalante 5 years ago
parent 789ba665d5
commit 7cbd8b9d36
8 changed files with 1002 additions and 87 deletions
Show Stats Download Patch File Download Diff File

11
website/.stylelintrc.js
Unescape 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
Unescape View File

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

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

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

123
website/components/learn-callout/style.css
Unescape View File

@ -69,9 +69,11 @@
margin: 0 16px;
width: 33.333%;
transition: box-shadow 0.25s, transform 0.25s, -webkit-transform 0.25s;
display: flex;
cursor: pointer;
&: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);
}
@ -87,89 +89,84 @@
margin-bottom: 48px;
}
}
}
& > a {
display: flex;
cursor: pointer;
}
& > a .course {
border: 1px solid var(--gray-6);
display: flex;
flex-direction: column;
width: 100%;
& > div {
min-height: 200px;
padding: 25px;
}
& .image {
background: var(--gray-7);
position: relative;
& .course {
border: 1px solid var(--gray-6);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
& img {
max-width: 80px;
max-height: 80px;
width: 100%;
& > div {
min-height: 200px;
padding: 25px;
}
}
& h4 {
color: var(--gray-2);
}
& .time {
color: var(--gray-4);
position: absolute;
top: 10px;
right: 10px;
}
& .content {
text-align: center;
background: #fff;
@media (max-width: 768px) {
& .image {
background: var(--gray-7);
position: relative;
display: flex;
justify-content: center;
align-items: center;
& img {
max-width: 80px;
max-height: 80px;
width: 100%;
}
}
& h4 {
margin: 24px 0px;
color: var(--gray-2);
}
& .time {
color: var(--gray-4);
position: absolute;
top: 10px;
right: 10px;
}
& .content {
text-align: center;
background: #fff;
@media (max-width: 768px) {
display: flex;
justify-content: center;
align-items: center;
}
& h4 {
margin: 24px 0;
}
}
}
}
}
&.brand-consul {
& .content label {
color: var(--consul);
&.brand-consul {
& .content label {
color: var(--consul);
}
}
}
/* Brand -- Nomad */
&.brand-nomad {
& .content label {
color: var(--nomad);
/* Brand -- Nomad */
&.brand-nomad {
& .content label {
color: var(--nomad);
}
}
}
/* Brand -- Packer */
&.brand-packer {
& .content label {
color: var(--packer);
/* Brand -- Packer */
&.brand-packer {
& .content label {
color: var(--packer);
}
}
}
/* Brand -- Terraform */
&.brand-terraform {
& .content label {
color: var(--terraform);
/* Brand -- Terraform */
&.brand-terraform {
& .content label {
color: var(--terraform);
}
}
}
}

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

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

916
website/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
website/package.json
Unescape View File

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

16
website/pages/style.css
Unescape View File

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

Write Preview
Loading…
Cancel
Save