styled the lists and funder name

This commit is contained in:
jorge 2022-12-29 00:19:41 +01:00
parent 8dfef5a2c6
commit 4cb5a027c7
5 changed files with 60 additions and 19 deletions

View File

@ -1,3 +1,14 @@
body { body {
background: $color__background-body; // Fallback for when there is no custom background color defined. background: $color__background-body; // Fallback for when there is no custom background color defined.
} }
.ofisuport-funder-name {
font-variant: all-petite-caps;
font-size: 1.1rem;
border-top: 1px solid black;
border-bottom: 1px solid black;
line-height: 0.9;
min-height: 2.2rem;
display: flex;
align-items: center;
}

View File

@ -1,10 +1,11 @@
ul, ul,
ol { ol {
margin: 0 0 1.5em 3em; margin: 0 0 0.5em 0.5em;
padding: 0;
} }
ul { ul {
list-style: disc; list-style: none;
} }
ol { ol {
@ -14,7 +15,7 @@ ol {
li > ul, li > ul,
li > ol { li > ol {
margin-bottom: 0; margin-bottom: 0;
margin-left: 1.5em; margin-left: 0.5em;
} }
dt { dt {
@ -22,5 +23,6 @@ dt {
} }
dd { dd {
margin: 0 1.5em 1.5em; margin: 0 0 0.5em 0.5em;
padding: 0;
} }

View File

@ -61,16 +61,16 @@
} }
} }
} }
.ofisuport-destacats,.ofisuport-featured,.archive-posts {
display: grid;
grid-template-columns: repeat(1 , 1fr);
gap: $grid__gap;
}
} }
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
.no-sidebar { .no-sidebar {
.site { .site {
padding: 0 2rem; padding: 0 2rem;
.ofisuport-destacats,.ofisuport-featured,.archive-posts {
display: grid;
grid-template-columns: repeat(4 , 1fr);
gap: $grid__gap;
}
} }
.site-header { .site-header {
height: 12rem; height: 12rem;
@ -86,6 +86,15 @@
} }
} }
} }
.ofisuport-destacats,.ofisuport-featured,.archive-posts {
//display: grid;
grid-template-columns: repeat(4 , 1fr);
//gap: $grid__gap;
.entry-title {
min-height: 13rem;
}
}
} }
@media screen and (min-width: 80em) { @media screen and (min-width: 80em) {
.no-sidebar { .no-sidebar {

View File

@ -570,6 +570,17 @@ body {
background: #fff; background: #fff;
} }
.ofisuport-funder-name {
font-variant: all-petite-caps;
font-size: 1.1rem;
border-top: 1px solid black;
border-bottom: 1px solid black;
line-height: 0.9;
min-height: 2.2rem;
display: flex;
align-items: center;
}
hr { hr {
background-color: #000; background-color: #000;
border: 0; border: 0;
@ -579,11 +590,12 @@ hr {
ul, ul,
ol { ol {
margin: 0 0 1.5em 3em; margin: 0 0 0.5em 0.5em;
padding: 0;
} }
ul { ul {
list-style: disc; list-style: none;
} }
ol { ol {
@ -593,7 +605,7 @@ ol {
li > ul, li > ul,
li > ol { li > ol {
margin-bottom: 0; margin-bottom: 0;
margin-left: 1.5em; margin-left: 0.5em;
} }
dt { dt {
@ -601,7 +613,8 @@ dt {
} }
dd { dd {
margin: 0 1.5em 1.5em; margin: 0 0 0.5em 0.5em;
padding: 0;
} }
/* Make sure embeds and iframes fit their containers. */ /* Make sure embeds and iframes fit their containers. */
@ -793,17 +806,17 @@ textarea {
.no-sidebar .site-main h1, .no-sidebar .site-main h2, .no-sidebar .site-main h3, .no-sidebar .site-main h4, .no-sidebar .site-main h5, .no-sidebar .site-main h6, .no-sidebar .site-main .entry-content { .no-sidebar .site-main h1, .no-sidebar .site-main h2, .no-sidebar .site-main h3, .no-sidebar .site-main h4, .no-sidebar .site-main h5, .no-sidebar .site-main h6, .no-sidebar .site-main .entry-content {
margin: 0; margin: 0;
} }
.ofisuport-destacats, .ofisuport-featured, .archive-posts {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 1rem;
}
} }
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
.no-sidebar .site { .no-sidebar .site {
padding: 0 2rem; padding: 0 2rem;
} }
.no-sidebar .site .ofisuport-destacats, .no-sidebar .site .ofisuport-featured, .no-sidebar .site .archive-posts {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1rem;
}
.no-sidebar .site-header { .no-sidebar .site-header {
height: 12rem; height: 12rem;
} }
@ -814,6 +827,12 @@ textarea {
flex-flow: column; flex-flow: column;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
.ofisuport-destacats, .ofisuport-featured, .archive-posts {
grid-template-columns: repeat(4, 1fr);
}
.ofisuport-destacats .entry-title, .ofisuport-featured .entry-title, .archive-posts .entry-title {
min-height: 13rem;
}
} }
@media screen and (min-width: 80em) { @media screen and (min-width: 80em) {

File diff suppressed because one or more lines are too long