onny/web-wordpress-kit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

better title text fitting responsive design

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

11
kit/css/content.css
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 {

20
kit/css/custom.css
View file

@ -24,3 +24,23 @@ ul.bestandliste {
margin-left: 1rem;
font-weight: normal;
}
.intro-element .content-wrap #centeredMultiLine {
height: 60%;
width: 100%;
line-height: normal;
text-shadow: 1px 1px 3px black;
font-family: "Roboto", "Source Sans Pro", "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 400;
}
.intro-element {
padding: 2rem 0 2rem 0;
}
/* @media (max-width: 1024px) {
.intro-element .content-wrap #centeredMultiLine {
height: 100%;
line-height: 4em;
}
} */