_page.scss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. //
  2. // Page
  3. //
  4. ._page {
  5. position: relative;
  6. min-height: calc(100% - 1.25rem);
  7. &._page-error { position: static; }
  8. > h1,
  9. > article > h1,
  10. > header > h1,
  11. > section > h1 {
  12. @extend ._lined-heading;
  13. }
  14. > h1:first-child,
  15. > article:first-of-type > h1,
  16. > header:first-of-type > h1,
  17. > section:first-of-type > h1 {
  18. margin-top: 0;
  19. }
  20. a[href^="http:"], a[href^="https:"] { @extend %external-link; }
  21. a:not([href]) {
  22. color: inherit;
  23. text-decoration: none;
  24. }
  25. iframe {
  26. display: block;
  27. max-width: 100%;
  28. margin-bottom: 1em;
  29. padding: 1px;
  30. border: 1px dotted var(--boxBorder);
  31. border-radius: 3px;
  32. @extend %border-box;
  33. }
  34. }
  35. //
  36. // Links
  37. //
  38. ._links {
  39. position: absolute;
  40. top: 0;
  41. right: 0;
  42. margin: 0;
  43. line-height: 2em;
  44. text-align: right;
  45. + h1 { margin-top: 0; }
  46. @media (max-width: 1023px) { display: none; }
  47. }
  48. ._links-link {
  49. display: inline-block;
  50. vertical-align: top;
  51. padding: 0 .5rem;
  52. background: var(--contentBackground);
  53. @extend %internal-link;
  54. & + & { margin-left: .75rem; }
  55. &:first-child { padding-left: 1rem; }
  56. &:last-child { padding-right: 0; }
  57. }
  58. //
  59. // Attribution box
  60. //
  61. ._attribution {
  62. clear: both;
  63. margin: 2rem 0 1.5rem;
  64. font-size: .75rem;
  65. color: var(--textColorLight);
  66. text-align: center;
  67. -webkit-font-smoothing: subpixel-antialiased;
  68. & + & { margin-top: 1.5rem; }
  69. & + & > ._attribution-link { display: none; }
  70. }
  71. ._attribution-p {
  72. display: inline-block;
  73. margin: 0;
  74. padding: .25rem .75rem;
  75. background: var(--labelBackground);
  76. border-radius: 3px;
  77. }
  78. ._attribution-link { @extend %internal-link; }
  79. //
  80. // Entry list
  81. //
  82. ._entry-list {
  83. padding-left: 1em;
  84. list-style: none;
  85. }