diff options
| author | Frederick Mixell <frederick.mixell@leftfieldlabs.com> | 2022-10-24 15:32:07 -0400 |
|---|---|---|
| committer | Jamal Carvalho <jamal@golang.org> | 2023-03-09 19:40:47 +0000 |
| commit | 07287109038cbabce9bbb9e132edc3434768bd45 (patch) | |
| tree | 9e4a37326d2bf15825a4b213a1e115cb3b9bb93f /_content/css/styles.css | |
| parent | d82958ec8a280c4693564fc971b2727c6bb1d6f7 (diff) | |
| download | go-x-website-07287109038cbabce9bbb9e132edc3434768bd45.tar.xz | |
_content: Go project page redesign
Converting project page to use the "flat card"
- divides up page into sections to match the design preserving ID's
- removes test in web.txt that looks for release schedule because it was removed.
Video: https://drive.google.com/file/d/1MYcZTeuoDAoEFTWRRVZ93hyLsJSwKi2I/view?usp=sharing
Change-Id: If3df2f050592c5c1ac3a92763404e8eaba3972be
Reviewed-on: https://go-review.googlesource.com/c/website/+/445578
Run-TryBot: Jamal Carvalho <jamal@golang.org>
Reviewed-by: Hyang-Ah Hana Kim <hyangah@gmail.com>
Reviewed-by: Jamal Carvalho <jamal@golang.org>
TryBot-Result: Gopher Robot <gobot@golang.org>
Diffstat (limited to '_content/css/styles.css')
| -rw-r--r-- | _content/css/styles.css | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/_content/css/styles.css b/_content/css/styles.css index a438d157..c376e181 100644 --- a/_content/css/styles.css +++ b/_content/css/styles.css @@ -3878,6 +3878,40 @@ a.UseCase-anchorLink.selected::before { img.PullQuote-image { width: 2.625rem; } +.FlatCard { + border: var(--border); + border-radius: 0.25rem; + padding: 0 1.5rem; + padding-bottom: 0.75rem; + width: 100%; + min-height: 11.25rem; +} +.FlatCard-wrapper { + display: grid; + grid-gap: 2rem; + grid-auto-flow: row; + grid-template-columns: 1fr 1fr 1fr; + margin-top: 1rem; +} +.FlatCard-column { + display: flex; + flex-direction: column; + gap: 2rem; + width: 100%; + margin-top: 1rem; +} +.FlatCard-bottom-spacer { + margin-bottom: 4rem; +} +.FlatCard-column .FlatCard { + width: 100%; +} +.FlatCard h3 { + font-style: normal; + font-weight: 500; + font-size: 1rem; + line-height: 1.5rem; +} .Masonry { column-count: 1; column-gap: 3.5rem; |