Theodor-Springmann-Stiftung/hamann-ausgabe-core
1
0
Fork 0
mirror of https://github.com/Theodor-Springmann-Stiftung/hamann-ausgabe-core.git synced 2025-10-30 01:35:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added more static content.. Need a fullwidth element within a narrow parent

Browse Source
This commit is contained in:
schnulller
2022-05-16 01:49:23 +02:00
parent d3d3d39bd0
commit cb23a75761
5 changed files with 160 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
HaWeb/wwwroot/css/output.css
View File

@@ -475,7 +475,7 @@ body {
line-height: 1.5rem;
}
@media (min-width: 1440px) {
@media (min-width: 1190px) {
body {
font-size: 1.125rem;
line-height: 1.75rem;
@@ -667,13 +667,13 @@ body {
}
.ha-static h1 {
margin-bottom: 1rem;
margin-bottom: 1.5rem;
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 700;
}
@media (min-width: 1680px) {
@media (min-width: 1190px) {
.ha-static h1 {
font-size: 2.25rem;
line-height: 2.5rem;
@@ -688,7 +688,7 @@ body {
line-height: 1.75rem;
}
@media (min-width: 1680px) {
@media (min-width: 1190px) {
.ha-static h2 {
font-size: 1.5rem;
line-height: 2rem;
@@ -696,9 +696,8 @@ body {
}
.ha-static h3 {
margin-bottom: 0.75rem;
margin-top: 1rem;
font-style: italic;
margin-bottom: 0.5rem;
--tw-text-opacity: 1;
color: rgb(216 0 0 / var(--tw-text-opacity));
}
@@ -709,6 +708,29 @@ body {
width: 100%;
}
.ha-static table th {
text-align: left;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(216 0 0 / var(--tw-text-opacity));
}
.ha-static .fullwidth {
width: 100%;
}
@media (min-width: 1024px) {
.ha-static .fullwidth {
margin-right: -20rem;
}
}
@media (min-width: 1190px) {
.ha-static .fullwidth {
max-width: 1190px;
}
}
.ha-static p {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
@@ -1030,6 +1052,10 @@ body {
line-height: 1.75rem;
}
.italic {
font-style: italic;
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));

16
HaWeb/wwwroot/css/site.css
View File

@@ -81,7 +81,7 @@
@layer components {
body {
@apply text-base xl:text-lg w-full h-full
@apply text-base desktop:text-lg w-full h-full
}
.ha-topnav {
@@ -142,21 +142,29 @@
@apply w-full bg-slate-50 py-12 px-16 hyphenate md:pr-80 font-serif
}
.ha-static h1 {
@apply font-bold text-xl 2xl:font-normal 2xl:text-4xl mb-4
@apply font-bold text-xl desktop:font-normal desktop:text-4xl mb-6
}
.ha-static h2 {
@apply my-3 mt-4 text-lg 2xl:text-2xl
@apply my-3 mt-4 text-lg desktop:text-2xl
}
.ha-static h3 {
@apply my-3 mt-4 text-hamannHighlight italic
@apply mt-4 mb-2 text-hamannHighlight
}
.ha-static table {
@apply my-3 w-full
}
.ha-static table th {
@apply text-left font-normal text-hamannHighlight
}
.ha-static .fullwidth {
@apply w-full desktop:max-w-screen-desktop md:-mr-80
}
.ha-static p {
@apply my-3
}