devdocs/assets/stylesheets/components/_page.scss

105 lines
1.7 KiB
SCSS
Raw Normal View History

2013-10-24 20:25:52 +02:00
//
// Page
//
._page {
2015-03-22 21:00:31 +01:00
position: relative;
2015-08-09 19:19:22 +02:00
min-height: calc(100% - 1.25rem);
2015-03-22 21:00:31 +01:00
2015-05-24 17:38:32 +02:00
&._page-error { position: static; }
2015-05-03 01:48:34 +02:00
2023-10-24 17:37:23 +02:00
> h1,
2024-01-05 20:15:27 +01:00
> article > h1,
2023-10-24 17:37:23 +02:00
> header > h1,
> section > h1 {
@extend ._lined-heading;
}
> h1:first-child,
2024-01-05 20:15:27 +01:00
> article:first-of-type > h1,
2023-10-24 17:37:23 +02:00
> header:first-of-type > h1,
> section:first-of-type > h1 {
margin-top: 0;
}
2013-10-24 20:25:52 +02:00
a[href^="http:"], a[href^="https:"] { @extend %external-link; }
a:not([href]) {
color: inherit;
text-decoration: none;
}
iframe {
display: block;
2017-03-05 18:30:57 +01:00
max-width: 100%;
2014-12-21 17:26:10 +01:00
margin-bottom: 1em;
2013-10-24 20:25:52 +02:00
padding: 1px;
border: 1px dotted var(--boxBorder);
2013-10-24 20:25:52 +02:00
border-radius: 3px;
2017-03-05 18:30:57 +01:00
@extend %border-box;
2013-10-24 20:25:52 +02:00
}
}
2015-03-22 21:00:31 +01:00
//
// Links
//
._links {
position: absolute;
top: 0;
right: 0;
margin: 0;
line-height: 2em;
text-align: right;
+ h1 { margin-top: 0; }
@media (max-width: 1023px) { display: none; }
}
._links-link {
display: inline-block;
vertical-align: top;
padding: 0 .5rem;
background: var(--contentBackground);
2015-03-22 21:00:31 +01:00
@extend %internal-link;
& + & { margin-left: .75rem; }
&:first-child { padding-left: 1rem; }
&:last-child { padding-right: 0; }
}
2013-10-24 20:25:52 +02:00
//
// Attribution box
//
._attribution {
clear: both;
margin: 2rem 0 1.5rem;
font-size: .75rem;
color: var(--textColorLight);
2013-10-24 20:25:52 +02:00
text-align: center;
-webkit-font-smoothing: subpixel-antialiased;
& + & { margin-top: 1.5rem; }
& + & > ._attribution-link { display: none; }
}
._attribution-p {
display: inline-block;
margin: 0;
padding: .25rem .75rem;
background: var(--labelBackground);
2013-10-24 20:25:52 +02:00
border-radius: 3px;
}
._attribution-link { @extend %internal-link; }
//
// Entry list
//
._entry-list {
padding-left: 1em;
list-style: none;
}