From d7b57dec80094b1bd90465411b8f20d23ba89eb8 Mon Sep 17 00:00:00 2001 From: Estela-Beatriz <3031316160108@ingenieria.usac.edu.gt> Date: Mon, 2 Oct 2023 03:08:36 -0600 Subject: [PATCH 1/3] Styles list --- src/css/doc.css | 28 +++++++++++++++++++++++++--- 1 file changed, 25 insertions(+), 3 deletions(-) diff --git a/src/css/doc.css b/src/css/doc.css index 805c4f54..665b2afb 100644 --- a/src/css/doc.css +++ b/src/css/doc.css @@ -239,6 +239,7 @@ .doc .paragraph, .doc .dlist, .doc .hdlist, +.doc .qlist, .doc .olist, .doc .ulist, .doc .exampleblock, @@ -256,6 +257,11 @@ margin: calc(24 / var(--rem-base) * 1rem) 0 0; } +.doc .dlist .paragraph, +.doc .hdlist .paragraph{ + margin: 0; +} + .doc table.tableblock { font-size: calc(14.5 / var(--rem-base) * 1rem); } @@ -610,6 +616,10 @@ padding-left: var(--ds-space-2h); } +.doc ul.checklist p{ + padding: var(--ds-space-h) 0; +} + .doc ul.checklist p > i.fa-check-square-o:first-child, .doc ul.checklist p > i.fa-square-o:first-child { display: inline-flex; @@ -635,12 +645,12 @@ .doc .ulist .dlist, .doc .ulist .olist, .doc .ulist .ulist { - margin-top: var(--ds-space-1); + margin-top: 0; } .doc .olist li + li, .doc .ulist li + li { - margin-top: var(--ds-space-2); + margin-top: 0; } .doc .ulist .listingblock, @@ -675,7 +685,7 @@ .doc .olist .title { font-style: var(--caption-font-style); font-weight: var(--caption-font-weight); - margin-bottom: var(--ds-space-h); + margin-bottom: var(--ds-space-3); } .doc .imageblock .title { @@ -1044,6 +1054,18 @@ word-wrap: normal; } +.doc .checklist input[type="checkbox" i] { + width: calc(16 / var(--rem-base) * 1rem); + height: calc(16 / var(--rem-base) * 1rem); + margin-top: 0; + margin-bottom: 0; + display: inline-block; + vertical-align: middle; +} + +.doc .checklist input[type="checkbox" i]:checked { +} + #footnotes { font-size: 0.85em; line-height: 1.5; From 300b091592d772478794b7e02795a7f5d864548e Mon Sep 17 00:00:00 2001 From: Estela-Beatriz <3031316160108@ingenieria.usac.edu.gt> Date: Wed, 4 Oct 2023 14:55:39 -0600 Subject: [PATCH 2/3] Add styles to checklists --- src/css/doc.css | 54 +++++++++++++++++++++++++++++++++++-------- src/css/ds-layout.css | 4 ++++ 2 files changed, 48 insertions(+), 10 deletions(-) diff --git a/src/css/doc.css b/src/css/doc.css index 665b2afb..1ae4e39b 100644 --- a/src/css/doc.css +++ b/src/css/doc.css @@ -257,6 +257,7 @@ margin: calc(24 / var(--rem-base) * 1rem) 0 0; } +.doc .ulist .paragraph, .doc .dlist .paragraph, .doc .hdlist .paragraph{ margin: 0; @@ -624,16 +625,28 @@ .doc ul.checklist p > i.fa-square-o:first-child { display: inline-flex; justify-content: center; - width: 1.25rem; - margin-left: -1.25rem; + align-items: center; + vertical-align: middle; + line-height: calc(16 / var(--rem-base) * 1rem); +} + +.doc ul.checklist i.fa-check-square-o::before, +.doc ul.checklist i.fa-square-o::before{ + font-family: "Material Icons Outlined", sans-serif; + border-radius: calc(3 / var(--rem-base) * 1rem); + width: calc(16 / var(--rem-base) * 1rem); + height: calc(16 / var(--rem-base) * 1rem); } .doc ul.checklist i.fa-check-square-o::before { - content: "\2713"; + content: "\e876"; + color: var(--ds-primary-solid-color); + background-color: var(--ds-primary-solid-bg); } .doc ul.checklist i.fa-square-o::before { - content: "\274f"; + content: ""; + border: 0.25rem solid var(--ds-text-primary); } .doc .dlist .dlist, @@ -683,9 +696,9 @@ .doc .ulist .title, .doc .olist .title { - font-style: var(--caption-font-style); font-weight: var(--caption-font-weight); margin-bottom: var(--ds-space-3); + color: var(--heading-font-color); } .doc .imageblock .title { @@ -902,7 +915,7 @@ } .doc .dlist dt { - font-style: italic; + color: var(--heading-font-color); } .doc .dlist dd { @@ -927,6 +940,7 @@ .doc td.hdlist1 { font-weight: var(--body-font-weight-bold); padding-right: 0.25rem; + color: var(--heading-font-color); } .doc td.hdlist2 { @@ -1055,15 +1069,35 @@ } .doc .checklist input[type="checkbox" i] { + appearance: none; + vertical-align: middle; + position: relative; + border-radius: calc(3 / var(--rem-base) * 1rem); + border: 0.25rem solid var(--ds-text-primary); width: calc(16 / var(--rem-base) * 1rem); height: calc(16 / var(--rem-base) * 1rem); - margin-top: 0; - margin-bottom: 0; - display: inline-block; - vertical-align: middle; } .doc .checklist input[type="checkbox" i]:checked { + border-color: var(--ds-primary-solid-bg); +} + +.doc .checklist input[type="checkbox" i]::before { + font-family: "Material Icons Outlined", sans-serif; + content: "\e876"; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + opacity: 0; +} + +.doc .checklist input[type="checkbox" i]:checked::before { + opacity: 1; + font-size: calc(16 / var(--rem-base) * 1rem); + color: var(--ds-primary-solid-color); + background-color: var(--ds-primary-solid-bg); + border-radius: calc(3 / var(--rem-base) * 1rem); } #footnotes { diff --git a/src/css/ds-layout.css b/src/css/ds-layout.css index 8f8eae66..a50d9aa4 100644 --- a/src/css/ds-layout.css +++ b/src/css/ds-layout.css @@ -154,6 +154,10 @@ html[data-layout="landing"] .doc .ulist li + li { margin-top: var(--ds-space-2); } +.doc .admonitionblock td.content .ulist p{ + margin-top: 0; +} + .doc .admonitionblock td.content > .paragraph:first-child p:first-child, .doc .admonitionblock td.content > .title { margin: 0; From 34dddca9d6b565af62e1a04ad60759c1e0247d6a Mon Sep 17 00:00:00 2001 From: Estela-Beatriz <3031316160108@ingenieria.usac.edu.gt> Date: Wed, 4 Oct 2023 15:07:29 -0600 Subject: [PATCH 3/3] fix identation --- src/css/doc.css | 10 +++++----- src/css/ds-layout.css | 2 +- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/css/doc.css b/src/css/doc.css index 1ae4e39b..e27b8c35 100644 --- a/src/css/doc.css +++ b/src/css/doc.css @@ -259,7 +259,7 @@ .doc .ulist .paragraph, .doc .dlist .paragraph, -.doc .hdlist .paragraph{ +.doc .hdlist .paragraph { margin: 0; } @@ -617,7 +617,7 @@ padding-left: var(--ds-space-2h); } -.doc ul.checklist p{ +.doc ul.checklist p { padding: var(--ds-space-h) 0; } @@ -631,7 +631,7 @@ } .doc ul.checklist i.fa-check-square-o::before, -.doc ul.checklist i.fa-square-o::before{ +.doc ul.checklist i.fa-square-o::before { font-family: "Material Icons Outlined", sans-serif; border-radius: calc(3 / var(--rem-base) * 1rem); width: calc(16 / var(--rem-base) * 1rem); @@ -1088,8 +1088,8 @@ position: absolute; top: 50%; left: 50%; - transform: translate(-50%, -50%); - opacity: 0; + transform: translate(-50%, -50%); + opacity: 0; } .doc .checklist input[type="checkbox" i]:checked::before { diff --git a/src/css/ds-layout.css b/src/css/ds-layout.css index a50d9aa4..a3e8ed81 100644 --- a/src/css/ds-layout.css +++ b/src/css/ds-layout.css @@ -154,7 +154,7 @@ html[data-layout="landing"] .doc .ulist li + li { margin-top: var(--ds-space-2); } -.doc .admonitionblock td.content .ulist p{ +.doc .admonitionblock td.content .ulist p { margin-top: 0; }