1
0
mirror of https://github.com/privacyguides/privacyguides.org.git synced 2025-07-29 14:51:09 +00:00

Adjust mobile width issues (#2051)

This commit is contained in:
2023-02-27 22:17:50 -06:00
parent 657e977074
commit 66efe4a27f
6 changed files with 61 additions and 36 deletions

View File

@@ -319,8 +319,8 @@ details[class="downloads annotate"] > p .md-annotation span span::before {
color: var(--pg-blue-gray);
}
/* Make light/dark mode icon smaller */
label[class="md-header__button md-icon"] svg {
/* Make header icons smaller */
.md-header__button.md-icon svg {
height: 1rem;
width: 1rem;
}

View File

@@ -67,3 +67,36 @@
nav[class="md-tabs"] {
border-bottom: none;
}
/* Homepage Body */
.md-typeset a.headerlink {
display: none;
}
article.md-content__inner {
max-width: 50rem;
margin: auto;
padding-bottom: 3rem;
}
article.md-content__inner > * {
max-width: 38rem;
}
article.md-content__inner > *:nth-child(n+7):nth-child(-n+11) {
margin-left: auto;
margin-right: 0;
text-align: right;
}
article.md-content__inner > hr {
margin: 3rem;
}
article.md-content__inner > *:nth-child(n+12) {
margin-left: auto;
margin-right: auto;
text-align: center;
}
article.md-content__inner > *:nth-child(n+12) a:has(.twemoji) {
display: inline-block;
}
article.md-content__inner > *:nth-child(n+12) .twemoji {
--md-icon-size: 1.8em;
margin: 0.4rem;
}