Ghost/ghost/admin/app/styles/spirit/_line-height.css
2019-02-24 11:19:22 +07:00

51 lines
1.5 KiB
CSS

/*
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
:root {
--lh-1-1: 1.1em;
--lh-1-3: 1.333em;
--lh-1-4: 1.4em;
--lh-1-6: 1.6em;
--lh-2-0: 2.0em;
}
.lh-solid { line-height: var(--lh-1-1); }
.lh-heading { line-height: var(--lh-1-3); }
.lh-title { line-height: var(--lh-1-4); }
.lh-copy { line-height: var(--lh-1-6); }
.lh-list { line-height: 3.2rem; }
.lh-code { line-height: var(--lh-1-3); }
@media (--breakpoint-not-small) {
.lh-solid-ns { line-height: var(--lh-1-1); }
.lh-heading-ns { line-height: var(--lh-1-3); }
.lh-title-ns { line-height: var(--lh-1-4); }
.lh-copy-ns { line-height: var(--lh-1-6); }
.lh-list-ns { line-height: var(--lh-2-0); }
.lh-code-ns { line-height: var(--lh-1-3); }
}
@media (--breakpoint-medium) {
.lh-solid-m { line-height: var(--lh-1-1); }
.lh-heading-m { line-height: var(--lh-1-3); }
.lh-title-m { line-height: var(--lh-1-4); }
.lh-copy-m { line-height: var(--lh-1-6); }
.lh-list-m { line-height: var(--lh-2-0); }
.lh-code-m { line-height: var(--lh-1-3); }
}
@media (--breakpoint-large) {
.lh-solid-l { line-height: var(--lh-1-1); }
.lh-heading-l { line-height: var(--lh-1-3); }
.lh-title-l { line-height: var(--lh-1-4); }
.lh-copy-l { line-height: var(--lh-1-6); }
.lh-list-l { line-height: var(--lh-2-0); }
.lh-code-l { line-height: var(--lh-1-3); }
}