diff options
Diffstat (limited to 'assets/css/components/_page-header.scss')
-rw-r--r-- | assets/css/components/_page-header.scss | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/assets/css/components/_page-header.scss b/assets/css/components/_page-header.scss index ee86daf..7cf2aa1 100644 --- a/assets/css/components/_page-header.scss +++ b/assets/css/components/_page-header.scss | |||
@@ -1,5 +1,7 @@ | |||
1 | .c-page-header { | 1 | .c-page-header { |
2 | margin-bottom: $line-height * 2em; | 2 | margin-bottom: $line-height * 2em; |
3 | margin-left: -1 * $page--item-prefix--width; | ||
4 | padding-left: $page--item-prefix--width; | ||
3 | overflow: hidden; | 5 | overflow: hidden; |
4 | 6 | ||
5 | &::after { | 7 | &::after { |
@@ -9,13 +11,19 @@ | |||
9 | z-index: -10; | 11 | z-index: -10; |
10 | height: $line-height; | 12 | height: $line-height; |
11 | margin-top: px-to-em(2px); | 13 | margin-top: px-to-em(2px); |
14 | margin-left: -1 * $page--item-prefix--width; | ||
12 | padding-top: px-to-em(2px); | 15 | padding-top: px-to-em(2px); |
13 | border-top: 1px solid var(--fg-hi); | 16 | border-top: 1px solid var(--fg-hi); |
14 | color: var(--fg-hi); | 17 | color: var(--fg-hi); |
15 | line-height: $code-block--line-height; | 18 | line-height: $code-block--line-height; |
16 | } | 19 | } |
17 | 20 | ||
18 | > :first-child { | 21 | @media (max-width: map-get($breakpoints, 'sm')) { |
19 | margin-top: 0; | 22 | margin-left: 0; |
23 | padding-left: 0; | ||
24 | |||
25 | &::after { | ||
26 | margin-left: 0; | ||
27 | } | ||
20 | } | 28 | } |
21 | } | 29 | } |