crossplane
/
docs
mirror of https://github.com/crossplane/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #518 from shanecmiller23/master

This commit is contained in:
Jean du Plessis 2023-08-04 20:03:28 +02:00 committed by GitHub
parent 9cd6330fad b134e9fe71
commit 63b2297a0c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 140 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
themes/geekboot/assets/scss/_content.scss
View File

@ -45,6 +45,7 @@ body {
font-size: 2rem;
font-weight: 600;
line-height: 2.75rem;
margin-top: 0px !important;
}
@ -73,6 +74,8 @@ h1,h2,h3,h4,h5,h6 {
}
// H1s when manually added
h1 {
margin-top: 3rem;
margin-bottom: 1.5rem !important;
font-size: 2rem !important;
}
// Section titles
@ -107,6 +110,43 @@ h3, h4, h5, h6 {
margin: 0px !important;
}
// Tables
.table {
border-radius: 6px;
border-collapse: separate;
border-spacing: 0px;
}
// Hide bottom borders and wider padding for header items
.table th {
border-bottom: none;
padding-left: 24px;
padding-right: 24px;
padding-top: 12px;
padding-bottom: 12px;
}
// Add only top borders and wider padding for content items
.table td {
border-bottom: none;
padding-left: 24px;
padding-right: 24px;
padding-top: 12px;
padding-bottom: 12px;
}
// Decrease padding for small tables
.table.table-sm th {
padding-left: 16px;
padding-right: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
.table.table-sm td {
padding-left: 16px;
padding-right: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
// Color theme toggle
.form-check-input:checked {
background-color: #{$aqua-700};

50
themes/geekboot/assets/scss/_nav-tabs.scss
View File

@ -3,35 +3,39 @@
margin-top: 2rem;
}
.nav-tabs {
// Override Bootstrap Tab styles
.nav-tabs{
padding-left: 2rem;
border-bottom: none;
font-weight: bold;
@include media-breakpoint-down(xl) {
li {
display: block !important;
margin: 0px;
}
li {
margin-bottom: 0 !important;
}
.nav-link {
color: var(--body-font-color);
&:not(.nav-link){
margin-bottom: 12px !important;
}
.nav-link.active {
background-color: var(--nav-tab-background-color) !important;
color: var(--active-tab-color) !important;
border-bottom-color: var(--body-background) !important;
text-align: left;
// Remove tab outline and background.
.nav-link {
--bs-nav-tabs-link-active-bg: none;
border-top: none;
border-left: none;
border-right: none;
@include media-breakpoint-down(xl) {
padding-left: 12px !important;
}
// Override bootstrap hover behaviors.
&:hover{
color: var(--active-tab-color) !important;
border-bottom-width: 0;
}
}
.nav-link:not(:active){
isolation: isolate;
// maintain the default border color
border-color: var(--bs-nav-tabs-link-hover-border-color);
&:hover{
color: var(--inactive-tab-hover-color);
}
}
}
}

4
themes/geekboot/assets/scss/_variables.scss
View File

@ -5,9 +5,9 @@ $bd-callout-variants: info, warning, danger !default;
$font-family-sans-serif: "Avenir-Roman", "Avenir" !default;
$font-family-monospace: "Consolas" !default;
$line-height-base: 1.8 !default;
$font-size-root: 18px !default;
$font-size-root: 16px !default;
$font-size-base: 1.125rem !default;
$body-font-size: 19px !default;
$body-font-size: 16px !default;
// New color variables are below. The previous color variable found at the bottom of this file will be translated to these or removed once these new colors have been applied to enough of the docs content.

35
themes/geekboot/assets/scss/dark-mode.scss
View File

@ -80,6 +80,18 @@
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239DA0A0'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
// Tables
.table td {
border-top: 1px solid #{$fog-700};
}
.table {
border: 1px solid #{$fog-700};
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
--bs-table-accent-bg: #{$fog-950};
color: #{$fog-0};
}
// Add border to top nav and footer
.docs-navbar {
border-bottom: 1px solid #{$fog-850};
@ -87,4 +99,27 @@
.bd-footer {
border-top: 1px solid #{$fog-850};
}
// Tab colors
.nav-tabs{
&:not(.nav-link){
border-bottom: 2px solid #{$fog-800};
}
// Active tab style
.active, .active:hover {
color: #{$aqua-400} !important;
border-bottom: 2px solid #{$aqua-400} !important;
}
// Dim the text of non-active tabs
.nav-link {
color: #{$fog-400};
// Make the text light on hover
&:hover{
color: #{$fog-0};
}
}
}
}

36
themes/geekboot/assets/scss/light-mode.scss
View File

@ -86,4 +86,40 @@
.accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236C7070'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
// Tables
.table td {
border-top: 1px solid #{$fog-200};
}
.table {
border: 1px solid #{$fog-200};
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
--bs-table-accent-bg: #{$fog-50};
color: #{$fog-1000};
}
// Tab Colors
.nav-tabs{
&:not(.nav-link){
border-bottom: 2px solid #{$fog-200};
}
// Active tab style
.active, .active:hover {
color: #{$aqua-600} !important;
border-bottom: 2px solid #{$aqua-600} !important;
}
// Dim the text of non-active tabs
.nav-link {
color: #{$fog-600};
// Make the text dark on hover
&:hover{
color: #{$fog-1000};
}
}
}
}