diff --git a/assets/css/editor-style.css b/assets/css/editor-style.css index 2fffcc2..c456e27 100644 --- a/assets/css/editor-style.css +++ b/assets/css/editor-style.css @@ -117,12 +117,15 @@ border-radius: 15px; } -.editor-styles-wrapper .wp-block-button__link { - border-radius: 0 !important; +.wp-block-button__link { font-family: "PTSans"; - background-color: #008939 !important; + background-color: #008939; + color: #fff; text-transform: uppercase; + font-size: 1rem; + border-radius: 3px; } + .wp-block-pullquote{ border-top: 0; border-bottom: 0; @@ -229,6 +232,11 @@ } } +.styled-layout .wp-block-group { + padding-top: 100px; + padding-bottom: 100px; +} + /* Main column width */ .wp-block { max-width: 860px; @@ -244,18 +252,18 @@ max-width: none; } +.same-height .wp-block-column .wp-block-image img { + max-height: 200px; +} + @media (min-width: 1200px) { - .same-height .wp-block-column img { + .same-height .wp-block-column .wp-block-image img { max-height: 230px; } -} - -@media (min-width: 576px) { - .same-height .wp-block-column img { - max-height: 200px; + .wp-block-column { + margin-bottom: 0; } } - .wp-block-column img { width: 100%; object-fit: cover; @@ -279,12 +287,6 @@ p a { margin: 3px 0 0 0; } -.notice p { - font-size: 90%; - padding: 0; -} - - /* customize RSS block */ .wp-block-rss { padding: unset; @@ -459,3 +461,67 @@ p a { top: 2rem; } } + +/* styled layout */ +.styled-layout .wp-block-group { + padding-top: 100px; + padding-bottom: 100px; +} + +@media (max-width: 767.98px) { + .styled-layout .wp-block-group { + padding-top: 50px; + padding-bottom: 50px; + } +} + +.styled-layout .wp-block-group.wp-block-group-is-layout-flow > h2, .styled-layout .wp-block-group.wp-block-group-is-layout-flow > .h2, +.styled-layout .wp-block-group .wp-block-group__inner-container > h2, +.styled-layout .wp-block-group .wp-block-group__inner-container > .h2 { + margin-bottom: 70px; +} + +.styled-layout .site-main { + margin-bottom: 0; +} + +/* next-events block */ +.wp-block-group { + position: relative; +} +.wp-block-group__inner-container { + max-width: 1200px; + position: relative; +} + +.next-events { + background-image: url("../img/sunflower1.jpg"); + background-size: cover; + background-position: top; +} +.sunflower-has-background-dim > * { + z-index: 30; +} + +.sunflower-has-background-dim::before { + content: ""; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 20; + opacity: 0.3; + background-color: #000; +} +.wp-block-group.alignfull.has-background { + width: 100vw; + display: flex; + justify-content: center; + flex-wrap: wrap; + flex-direction: column; + margin-left: calc(50% - 50vw); + margin-right: calc(50% - 50vw); + padding-left: 5vw; + padding-right: 5vw; +} diff --git a/functions/block-patterns/elemente/programm.html b/functions/block-patterns/elemente/programm.html index 376db4d..fea9211 100644 --- a/functions/block-patterns/elemente/programm.html +++ b/functions/block-patterns/elemente/programm.html @@ -1,18 +1,18 @@ - -
Subheadline Lorem ipsum dolor sit amet. Subheadline Lorem ipsum dolor sit amet.Subheadline Lorem ipsum dolor sit amet.Subheadline Lorem ipsum dolor sit amet.
weiterlesen
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
weiterlesen
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
- - - -