styled the lists and funder name
This commit is contained in:
parent
8dfef5a2c6
commit
4cb5a027c7
|
@ -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;
|
||||||
|
}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
37
style.css
37
style.css
|
@ -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
Loading…
Reference in New Issue