better title text fitting responsive design

This commit is contained in:
Jonas Heinrich 2020-07-21 09:49:33 +02:00
parent 8c16ceee0d
commit c9354c5f2e
7 changed files with 285 additions and 16 deletions

View file

@ -18,6 +18,7 @@
flex-wrap: nowrap;
align-items: center;
justify-content: flex-end;
/* overflow: hidden; */
}
.intro-element .content-wrap * {
@ -30,13 +31,9 @@
.intro-element .content-wrap .h2 {
color: #ffffff;
text-shadow: 1px 1px 3px black;
width: 80vw;
max-height: 50vw;
font-size: calc(3vw + 3vh);
line-height: calc(3.5vw + 3.5vh);
/* font-size: calc(3vw + 3vh);
line-height: calc(3.5vw + 3.5vh); */
word-wrap: break-word;
/* text-overflow: ellipsis;
overflow-y: hidden; */
}
.intro-element .video-loop {
@ -1429,7 +1426,7 @@ body.page-theme-color-secondary .teaser-box-category-marker:hover {
}
body.page-theme-color-secondary .teaser-box-category-marker::after {
content: url(../img/teaser-box-arrow-brand-secondary.svg);
mask: url('../img/teaser-box-arrow-brand-secondary.svg') no-repeat center / contain;
}
body.page-theme-color-tertiary .teaser-box-image {