content/static: run stylelint fix on css files
Runs stylelint --fix on stylesheets. Most of the changes
are reordering css properties.
Change-Id: I8431371f6bc0c54a081de58f36ee913e526d9115
Reviewed-on: https://go-review.googlesource.com/c/pkgsite/+/284197
Reviewed-by: Jonathan Amsterdam <jba@google.com>
Trust: Jamal Carvalho <jamal@golang.org>
diff --git a/.stylelintignore b/.stylelintignore
index 221a5aa..87f31ea 100644
--- a/.stylelintignore
+++ b/.stylelintignore
@@ -1,7 +1,10 @@
third_party
-# Ignoring generated readme styles
+# Generated readme styles
content/static/css/readme.css
-# TODO: Fix lint errors in stylesheet.css
-content/static/css/stylesheet.css
+# Worker stylesheet
+content/static/css/worker.css
+
+# TODO(https://golang.org/issue/43734): Fix lint errors in stylesheet.css
+content/static/css/stylesheet.css
\ No newline at end of file
diff --git a/content/static/css/homepage.css b/content/static/css/homepage.css
index c55ff1b..2837495 100644
--- a/content/static/css/homepage.css
+++ b/content/static/css/homepage.css
@@ -41,9 +41,9 @@
margin: 2.5rem auto auto 0;
}
.Homepage-searchButton {
+ background-color: var(--turq-dark);
border: none;
border-radius: 0 0.5rem 0.5rem 0;
- background-color: var(--turq-dark);
color: var(--white);
cursor: pointer;
font-size: 1em;
@@ -52,13 +52,13 @@
width: 7.375rem;
}
.Homepage-searchHelp {
- width: 100%;
- max-width: 45.0625rem;
- display: block;
align-items: center;
+ display: block;
justify-content: space-between;
margin: auto;
+ max-width: 45.0625rem;
text-align: center;
+ width: 100%;
}
@media only screen and (min-width: 30rem) {
.Homepage-searchHelp {
@@ -126,14 +126,14 @@
.Questions-content {
flex-grow: 1;
margin: 0 auto;
- padding: 0 1.5rem;
max-width: 75.75rem;
+ padding: 0 1.5rem;
}
.Questions-content ul {
list-style: none;
padding-inline-start: 0;
}
.Questions-content ul > li {
- line-height: 1.75rem;
font-size: 0.875rem;
+ line-height: 1.75rem;
}
diff --git a/content/static/css/sidenav.css b/content/static/css/sidenav.css
index 07e7f97..54f4bcc 100644
--- a/content/static/css/sidenav.css
+++ b/content/static/css/sidenav.css
@@ -34,10 +34,10 @@
}
.DocNavMobile-label,
.DocNavMobile-select {
- left: 1rem;
- top: 0.5rem;
height: 2rem;
+ left: 1rem;
position: absolute;
+ top: 0.5rem;
width: calc(100% - 2rem);
}
.DocNavMobile-label {
@@ -83,6 +83,7 @@
color: transparent;
display: block;
}
+
/**
* Firefox allows for styling of option and optgroup tags.
* Ensure they don’t inherit the clear styling of their parent.
@@ -99,6 +100,7 @@
display: grid;
grid-template-columns: 17.5rem minmax(0, auto);
}
+
/**
* Remove once Doc HTML is fully rolled out, as js-* styles should NEVER be
* styled per https://golang.org/wiki/CSSStyleGuide.
@@ -118,8 +120,8 @@
max-height: calc(100vh - var(--header-height));
overflow-x: hidden;
overflow-y: auto;
- padding-top: 1rem;
padding-left: 0.25rem;
+ padding-top: 1rem;
position: sticky;
top: var(--header-height);
}
@@ -159,8 +161,8 @@
font-weight: 500;
}
.DocNav [aria-selected='true']:not(.DocNav-groupLabel)::before {
- border-radius: 50%;
background-color: var(--turq-dark);
+ border-radius: 50%;
content: '';
display: block;
height: 0.3125rem;
@@ -220,6 +222,7 @@
.DocNav-groupLabel--empty::before {
content: unset;
}
+
/* Added to increase hit target on triangle above. */
.DocNav-groupLabel::after {
content: '';
@@ -230,6 +233,7 @@
top: 0;
width: 2rem;
}
+
/**
* Expandable nodes at this level have smaller text and more left padding,
* so adjust for that.
diff --git a/content/static/css/stylesheet.css b/content/static/css/stylesheet.css
index b4144a6..10c7268 100644
--- a/content/static/css/stylesheet.css
+++ b/content/static/css/stylesheet.css
@@ -21,6 +21,7 @@
--turq-dark: #007d9c;
--blue: #92e1f3;
+ --black: #000;
--green: #00a29c;
--pink: #ce3262;
--purple: #542c7d;
diff --git a/content/static/css/unit_fixed_header.css b/content/static/css/unit_fixed_header.css
index 75796c8..53efd59 100644
--- a/content/static/css/unit_fixed_header.css
+++ b/content/static/css/unit_fixed_header.css
@@ -8,9 +8,9 @@
background-color: var(--gray-10);
border-bottom: 0.0625rem solid var(--gray-8);
height: var(--header-height);
+ left: 0;
position: fixed;
top: 0;
- left: 0;
transform: translateY(calc(var(--header-height) * -1));
transition: transform 100ms linear;
width: 100%;
@@ -49,8 +49,8 @@
min-width: 0;
}
.UnitFixedHeader-title {
- font-weight: 600;
font-size: 1.125rem;
+ font-weight: 600;
line-height: 1.5;
overflow: hidden;
text-overflow: ellipsis;
@@ -227,7 +227,7 @@
}
}
a.UnitFixedHeader-backLink {
- color: black;
+ color: var(--black);
display: block;
font-size: 1.125rem;
line-height: 1.5rem;
diff --git a/content/static/css/unit_header.css b/content/static/css/unit_header.css
index 69082fb..3e6ab5d 100644
--- a/content/static/css/unit_header.css
+++ b/content/static/css/unit_header.css
@@ -32,8 +32,8 @@
padding: 0 0.5rem;
}
.UnitHeader-heading {
- display: flex;
align-items: center;
+ display: flex;
}
.UnitHeader-title {
font-size: 1.75rem;
@@ -81,7 +81,7 @@
.UnitHeader-versionBadge,
.DetailsHeader-badge {
border-radius: unset;
- color: white;
+ color: var(--white);
font-size: 0.7rem;
margin: -1rem 0 -1rem 0.5rem;
padding: 0.25rem 0.5rem;
@@ -123,7 +123,7 @@
width: 1rem;
}
a.UnitHeader-backLink {
- color: black;
+ color: var(--black);
display: block;
font-size: 1rem;
}
diff --git a/content/static/css/unit_meta.css b/content/static/css/unit_meta.css
index b830d9a..c817a40 100644
--- a/content/static/css/unit_meta.css
+++ b/content/static/css/unit_meta.css
@@ -39,6 +39,11 @@
margin-top: 0.625rem;
}
}
+.UnitMetaDetails a {
+ font-size: 1rem;
+ font-weight: normal;
+ text-transform: none;
+}
.UnitMetaDetails .UnitMetaDetails-header > a {
font-size: 0.875rem;
}
@@ -51,17 +56,12 @@
margin-bottom: 0.75rem;
white-space: nowrap;
}
-.UnitMetaDetails a {
- font-size: 1rem;
- font-weight: normal;
- text-transform: none;
-}
.UnitMetaDetails-icon {
height: auto;
margin-right: 0.25rem;
position: relative;
- width: 0.875rem;
top: 0.125rem;
+ width: 0.875rem;
z-index: -1;
}
.UnitMetaDetails-toggletip button {
diff --git a/content/static/css/unit_outline.css b/content/static/css/unit_outline.css
index 666065a..551457d 100644
--- a/content/static/css/unit_outline.css
+++ b/content/static/css/unit_outline.css
@@ -22,7 +22,7 @@
margin-bottom: -0.1625rem;
}
.UnitOutline-jumpTo button {
- background-color: white;
+ background-color: var(--white);
border: 0.0625rem solid var(--gray-8);
border-radius: 0.25rem;
color: var(--gray-4);
@@ -118,8 +118,8 @@
margin-bottom: 0.375em;
}
.UnitOutline [role='treeitem'][aria-level='2'] {
- position: relative;
margin-bottom: 0.25rem;
+ position: relative;
}
.UnitOutline [role='treeitem'][aria-level='3'] {
font-size: 0.875rem;
@@ -133,8 +133,8 @@
}
.UnitOutline [role='treeitem'][aria-selected='true'][aria-level='2']:not([aria-expanded])::before,
.UnitOutline [role='treeitem'][aria-selected='true'][aria-level='3']:not([aria-expanded])::before {
- border-radius: 50%;
background-color: var(--turq-dark);
+ border-radius: 50%;
content: '';
display: block;
height: 0.3125rem;
diff --git a/content/static/css/unit_readme.css b/content/static/css/unit_readme.css
index 418b3d8..f9c437e 100644
--- a/content/static/css/unit_readme.css
+++ b/content/static/css/unit_readme.css
@@ -18,33 +18,33 @@
vertical-align: bottom;
}
.UnitReadme-content {
- position: relative;
max-height: 20rem;
overflow: hidden;
+ position: relative;
}
.UnitReadme-content ul {
line-height: 1.5rem;
}
.UnitReadme-fadeOut {
- position: absolute;
+ background-image: linear-gradient(to bottom, transparent, var(--white));
bottom: 0;
left: 0;
- width: 100%;
- text-align: center;
margin: 0;
padding: 1.875rem 0;
- background-image: linear-gradient(to bottom, transparent, var(--white));
+ position: absolute;
+ text-align: center;
+ width: 100%;
}
.UnitReadme-expandLink {
+ color: var(--turq-dark);
cursor: pointer;
padding: 0.625rem 0;
- color: var(--turq-dark);
}
.UnitReadme-collapseLink {
+ color: var(--turq-dark);
cursor: pointer;
display: none;
padding: 0.625rem 0;
- color: var(--turq-dark);
}
.UnitReadme--expanded .UnitReadme-content {
max-height: initial;
diff --git a/content/static/css/worker.css b/content/static/css/worker.css
index ee5a7bd..772aa99 100644
--- a/content/static/css/worker.css
+++ b/content/static/css/worker.css
@@ -17,15 +17,15 @@
width: 12.5rem;
}
button {
- width: 16rem;
background-color: #eee;
- border-radius: 0.125rem;
border: 0.0625rem solid #ccc;
+ border-radius: 0.125rem;
+ width: 16rem;
}
table {
border-spacing: 0.625rem 0.125rem;
- padding: 0.1875rem 0 0.125rem 0;
font-size: 0.75rem;
+ padding: 0.1875rem 0 0.125rem 0;
}
td {
border-top: 0.0625rem solid #ddd;