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 | } |
