Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
 
 
 
 

199 righe
3.1 KiB

  1. @import '../../_global/styles/mixins';
  2. @import '../../_global/styles/vars';
  3. .print-share {
  4. margin: var(--section-margin) 0;
  5. .bookmarks {
  6. margin-top: 0.8em;
  7. }
  8. }
  9. .print-share-list {
  10. position: relative;
  11. display: block;
  12. border-top: 1px solid var(--theme-color-primary-dimmed-03);
  13. list-style: none;
  14. padding: 20px 0;
  15. margin: 0;
  16. li {
  17. display: inline-block;
  18. margin-right: 20px;
  19. }
  20. a {
  21. transition: 0.25s ease;
  22. @include focus-visible;
  23. margin: 0;
  24. padding: 0.2em 0;
  25. border-radius: var(--border-radius-xs);
  26. &.print-btn::before {
  27. @include icon-drucker;
  28. }
  29. &.share-mail::before {
  30. @include icon-teilen;
  31. }
  32. &.print-pdf::before {
  33. @include icon-pdf;
  34. }
  35. &:before {
  36. font-size: 30px;
  37. line-height: 1;
  38. font-family: "Icons", sans-serif;
  39. display: inline-block;
  40. vertical-align: middle;
  41. margin-right: 7px;
  42. text-decoration: underline;
  43. }
  44. &:before {
  45. text-decoration: none;
  46. }
  47. &:hover {
  48. color: var(--theme-color-link-hover);
  49. }
  50. }
  51. @media(max-width: 999px) {
  52. li {
  53. margin-right: 10px;
  54. }
  55. a {
  56. font-size: 0;
  57. }
  58. }
  59. }
  60. .main-col {
  61. .print-share {
  62. @media(max-width: 999px) {
  63. display: none;
  64. }
  65. }
  66. }
  67. .mobile-footer {
  68. display: none;
  69. flex: 1 1 100%;
  70. padding: 10px 10px 0;
  71. &:after {
  72. content: "";
  73. position: relative;
  74. display: block;
  75. clear: both;
  76. }
  77. @media(max-width: 999px) {
  78. display: block;
  79. }
  80. .docnumber, .document-number {
  81. display: inline-block;
  82. float: right;
  83. margin: 15px -4px;
  84. &:last-child {
  85. margin-bottom: 0;
  86. margin-right: 8px;
  87. }
  88. + .print-share {
  89. clear: both;
  90. }
  91. }
  92. .print-share-list {
  93. margin-bottom: 10px;
  94. }
  95. }
  96. .bookmarks-wrapper {
  97. @media(max-width: 999px) {
  98. padding-top: 15px;
  99. .print-share-list {
  100. margin-bottom: 6px;
  101. }
  102. }
  103. .docnumber, .document-number {
  104. display: inline-block;
  105. float: right;
  106. margin: 15px -4px;
  107. @media(min-width: 1000px) {
  108. display: none;
  109. }
  110. + .print-share {
  111. clear: both;
  112. }
  113. }
  114. }
  115. .bookmarks, #socialbookmarks {
  116. position: relative;
  117. display: block;
  118. margin-bottom: -54px;
  119. transition: 0.3s ease;
  120. .social-icons {
  121. display: inline-block;
  122. vertical-align: top;
  123. transform: translate3d(0, 0, 0) scale(0.8);
  124. @include hide;
  125. @media(max-width: 567px) {
  126. margin-left: -10px;
  127. margin-bottom: -10px;
  128. li {
  129. margin-left: 10px;
  130. margin-bottom: 10px;
  131. }
  132. a {
  133. width: 32px;
  134. height: 32px;
  135. font-size: 32px;
  136. &:before {
  137. font-size: 32px;
  138. line-height: 32px;
  139. }
  140. }
  141. }
  142. @media(max-width: 359px) {
  143. margin-left: -8px;
  144. margin-bottom: -8px;
  145. li {
  146. margin-left: 8px;
  147. margin-bottom: 8px;
  148. }
  149. }
  150. }
  151. &.show-bookmarks {
  152. margin-bottom: 76px;
  153. @media(max-width: 767px) {
  154. margin-bottom: 5px;
  155. }
  156. .social-icons {
  157. @include show;
  158. transform: translate3d(0, 0, 0) scale(1);
  159. }
  160. }
  161. }