Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
 
 
 
 

112 строки
2.1 KiB

  1. @charset "UTF-8";
  2. .cover {
  3. position: relative;
  4. padding: calc(1.5vw + 30px) 0 calc(1vw + 40px);
  5. min-height: calc(24vw + 220px);
  6. margin: 0;
  7. overflow: hidden;
  8. display: flex;
  9. align-items: center;
  10. justify-content: center;
  11. + section {
  12. margin-top: 0;
  13. }
  14. .container {
  15. margin: 0;
  16. }
  17. &[data-type="artwork"] {
  18. .image-box {
  19. display: none;
  20. }
  21. }
  22. &[data-type="background-color"],
  23. &[data-type="background-image"] {
  24. color: white;
  25. .artwork {
  26. display: none;
  27. }
  28. .btn {
  29. @extend .btn.white;
  30. }
  31. }
  32. &[data-type="background-color"] {
  33. background: linear-gradient(120deg, rgba($color-primary, 0.6) 0%, $color-primary 100%);
  34. background: linear-gradient(120deg, rgba(var(--theme-color-primary-rgb, $color-primary-rgb), 0.6) 0%, rgba(var(--theme-color-primary-rgb, $color-primary-rgb), 1) 100%);
  35. .image-box {
  36. display: none;
  37. }
  38. }
  39. &[data-type="background-image"] {
  40. .image-box.ministartseite:after {
  41. background: none;
  42. }
  43. .image-box {
  44. @include full-size;
  45. &:after {
  46. content: "";
  47. @include full-size;
  48. background: linear-gradient(120deg, rgba($color-primary, 1) 0%, rgba($color-primary, 0.2) 100%);
  49. background: linear-gradient(120deg, rgba(var(--theme-color-primary-rgb, $color-primary-rgb), 1) 0%, rgba(var(--theme-color-primary-rgb, $color-primary-rgb), 0.2) 100%);
  50. }
  51. img {
  52. position: relative;
  53. display: block;
  54. width: 100%;
  55. height: 100%;
  56. object-fit: cover;
  57. }
  58. }
  59. }
  60. &[data-type="image"] {
  61. padding: 0;
  62. min-height: 0;
  63. display: block;
  64. .image-box {
  65. position: relative;
  66. display: block;
  67. img {
  68. display: block;
  69. width: 100%;
  70. }
  71. }
  72. .text-box, .artwork, .container {
  73. display: none;
  74. }
  75. }
  76. .text-box {
  77. position: relative;
  78. width: 60%;
  79. max-width: 580px;
  80. }
  81. .btn {
  82. margin-left: -1px;
  83. margin-top: 10px;
  84. }
  85. }
  86. [data-browser="ie"] .cover:before {
  87. content: "";
  88. position: relative;
  89. display: block;
  90. width: 0;
  91. height: calc(21.5vw + 150px);
  92. }