Skip to content

Commit

Permalink
fix(CSS): Improve headings
Browse files Browse the repository at this point in the history
  • Loading branch information
dragonman225 committed Apr 15, 2021
1 parent 34a8d35 commit 56333d7
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 28 deletions.
1 change: 1 addition & 0 deletions themes/pure/assets/css/notablog.css
Original file line number Diff line number Diff line change
Expand Up @@ -118,6 +118,7 @@
line-height: 1.2;
font-size: 2.625rem;
font-weight: 700;
letter-spacing: -0.005em;
}

.Header > *:last-child {
Expand Down
48 changes: 20 additions & 28 deletions themes/pure/assets/css/theme.css
Original file line number Diff line number Diff line change
Expand Up @@ -602,40 +602,51 @@ pre.Code code {
/* Heading */

.Heading {
font-weight: 700;
margin-bottom: 1px;
padding: 3px 2px;
}

/* Font-related CSS should be applied on ".SemanticString". */
.Heading .SemanticString {
font-weight: 600;
letter-spacing: -0.01em;
}

.Heading:hover > .Anchor {
visibility: visible;
}

.Heading--1 {
.Heading--1 .SemanticString {
font-size: 2.0625rem;
line-height: 1.636;
line-height: 1.515;
}

.Heading--2 {
margin-top: 1rem;
}

.Heading--2 .SemanticString {
font-size: 1.625rem;
line-height: 1.654;
line-height: 1.538;
}

.Heading--3 {
margin-top: 0.5rem;
}

.Heading--3 .SemanticString {
font-size: 1.25rem;
line-height: 1.75;
line-height: 1.55;
}

.Heading--4 {
.Heading--4 .SemanticString {
font-size: 1rem;
line-height: 1.8125;
line-height: 1.563;
}

.Heading--5 {
.Heading--5 .SemanticString {
font-size: 0.8125rem;
line-height: 1.846;
line-height: 1.615;
color: #888;
}

Expand Down Expand Up @@ -1127,25 +1138,6 @@ pre.Code code {
background-image: url("data:image/svg+xml,%3Csvg width='100%' height='100%' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='5' fill='%2337352F' fill-opacity='0.08'/%3E%3Cpath d='M13.8 9.30718C14.1938 9.53454 14.3907 9.64822 14.4568 9.79663C14.5144 9.92608 14.5144 10.0739 14.4568 10.2034C14.3907 10.3518 14.1938 10.4655 13.8 10.6928L8.7 13.6373C8.3062 13.8647 8.10931 13.9783 7.94774 13.9614C7.80681 13.9466 7.67878 13.8726 7.59549 13.758C7.5 13.6266 7.5 13.3992 7.5 12.9445L7.5 7.05551C7.5 6.6008 7.5 6.37344 7.59549 6.24201C7.67878 6.12736 7.80681 6.05345 7.94774 6.03864C8.10931 6.02166 8.3062 6.13533 8.7 6.36269L13.8 9.30718Z' fill='black'/%3E%3C/svg%3E");
}

/* Make the toggle triangle look closer to Notion's.
Only work on Chromium-based browsers. */

/* .toggle__summary {
display: flex;
padding: 3px 0;
}
.toggle__summary::-webkit-details-marker {
border-radius: 3px;
padding: 7px;
margin: 0;
margin-right: 5px;
}
.toggle__summary::-webkit-details-marker:hover {
background: var(--color-ui-hover-bg);
} */

.Toggle__Content {
padding-left: calc(1.5em + 4px);
}
Expand Down

0 comments on commit 56333d7

Please sign in to comment.