Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: implement global styles for content headings #465

Merged
merged 3 commits into from
Nov 21, 2023
Merged

feat: implement global styles for content headings #465

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
3c78e37
chore: implement global styles for content headings
duynguyen Nov 13, 2023
0d2c003
Merge branch 'main' into 405
duynguyen Nov 21, 2023
97938aa
feat: update h1 and h2 in default content wrapper
duynguyen Nov 21, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
48 changes: 16 additions & 32 deletions styles/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -105,11 +105,6 @@
.blog main .default-content-wrapper h1:first-child {
margin-top: 0px;
margin-bottom: 0.5rem;
font-size: 2.25rem;
line-height: 2.5rem;
font-weight: 800;
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}

.blog main .default-content-wrapper p:not(:first-of-type) {
Expand All @@ -125,15 +120,6 @@
margin-bottom: 1rem;
}

.blog main .default-content-wrapper h2 {
display: inline-flex;
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}

.blog main p {
margin-top: 0.75rem;
font-size: 1rem;
Expand Down Expand Up @@ -168,15 +154,6 @@
padding-right: 0.5rem !important;
}

.blog main h2 {
display: inline-flex;
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}

.blog main a {
font-weight: 600;
}
Expand Down Expand Up @@ -311,11 +288,6 @@
padding-bottom: 0.5rem;
padding-left: 0px;
padding-right: 0px;
font-size: 2.25rem;
line-height: 2.5rem;
font-weight: 800;
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}

.topic main p:not(.show-modal-btn) {
Expand Down Expand Up @@ -1471,6 +1443,22 @@ h6 {
font-weight: 400;
}

main .default-content-wrapper h1 {
font-size: 2.25rem;
line-height: 2.5rem;
font-weight: 800;
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}

main .default-content-wrapper h2 {
font-size: 1.875rem;
line-height: 2.25rem;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}

*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
Expand Down Expand Up @@ -2171,17 +2159,13 @@ main .section {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}

.category .default-content-wrapper h2 {
padding-top: 1rem;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}

.sr-only {
Expand Down
10 changes: 9 additions & 1 deletion styles/tailwind.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -63,6 +63,14 @@
h6 {
@apply font-normal text-base;
}

main .default-content-wrapper h1 {
@apply text-gray-900 font-extrabold text-4xl;
}

main .default-content-wrapper h2 {
@apply text-gray-900 font-medium text-3xl;
}
}

@layer components {
Expand Down Expand Up @@ -328,7 +336,7 @@
}

.category .default-content-wrapper h2 {
@apply font-semibold text-2xl text-danahergray-900 pt-4;
@apply font-semibold text-2xl pt-4;
}
}

Expand Down
10 changes: 1 addition & 9 deletions templates/blog/blog.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
}

.blog main .default-content-wrapper h1:first-child {
@apply text-gray-900 font-extrabold text-4xl mt-0 mb-2;
@apply mt-0 mb-2;
}

.blog main .default-content-wrapper p:not(:first-of-type) {
Expand All @@ -18,10 +18,6 @@
@apply mt-2 mb-4;
}

.blog main .default-content-wrapper h2 {
@apply inline-flex font-semibold text-xl text-danahergray-900;
}

.blog main p {
@apply mt-3 leading-7 href-text text-base text-danahergray-700;
}
Expand All @@ -30,10 +26,6 @@
@apply !px-2;
}

.blog main h2 {
@apply inline-flex font-semibold text-xl text-danahergray-900;
}

.blog main a {
@apply font-semibold;
}
Expand Down
2 changes: 1 addition & 1 deletion templates/topic/topic.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
}

.topic main .default-content-wrapper h1 {
@apply text-gray-900 my-2 font-extrabold text-4xl py-2 px-0;
@apply my-2 py-2 px-0;
}

.topic main p:not(.show-modal-btn) {
Expand Down