From 64ae09ea329a9afd847cf51c976d37aa4bad69ce Mon Sep 17 00:00:00 2001 From: Gauravpadam <1032201077@tcetmumbai.in> Date: Fri, 22 Sep 2023 19:06:07 +0530 Subject: [PATCH] Docs home page card layout is now consistent --- assets/scss/_custom.scss | 47 ++++++++++++++++++++++++++-------- content/en/docs/home/_index.md | 10 ++++---- 2 files changed, 42 insertions(+), 15 deletions(-) diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss index 9b46f9eafd..c44e90e24b 100644 --- a/assets/scss/_custom.scss +++ b/assets/scss/_custom.scss @@ -317,19 +317,46 @@ footer { /* DOCS */ .launch-cards { - button { - cursor: pointer; - box-sizing: border-box; - background: none; - margin: 0; - border: 0; + padding: 0; + .launch-card{ + + padding: 0; + display: flex; + flex-direction: column; + background-color: #DAEAf9; + border:2px solid #99B7D3; + border-radius: 8px; + + h2 { + text-align: center; + font-size: 1.75em; + padding: .5em; + + a{ + display: none; + } } - ul, - li { - list-style: none; - padding-left: 0; + p { + padding: .5em; + text-align: center; } + + ul { + list-style: disc; + color: #99B7D3; + margin: 0 auto; + margin-block-end: auto; + } + + button { + height: min-content; + margin: 0 auto; + padding: .5em .75em; + cursor: pointer; + box-sizing: border-box; + } +} } // table of contents diff --git a/content/en/docs/home/_index.md b/content/en/docs/home/_index.md index ff4b41209e..e783070d98 100644 --- a/content/en/docs/home/_index.md +++ b/content/en/docs/home/_index.md @@ -46,16 +46,16 @@ cards: description: Browse terminology, command line syntax, API resource types, and setup tool documentation. button: View Reference button_path: /docs/reference -- name: training - title: "Training" - description: "Get certified in Kubernetes and make your cloud native projects successful!" - button: "View training" - button_path: "/training" - name: contribute title: Contribute to Kubernetes description: Anyone can contribute, whether you're new to the project or you've been around a long time. button: Find out how to help button_path: /docs/contribute +- name: training + title: "Training" + description: "Get certified in Kubernetes and make your cloud native projects successful!" + button: "View training" + button_path: "/training" - name: Download title: Download Kubernetes description: Install Kubernetes or upgrade to the newest version.