styled submenus and dropdowns

This commit is contained in:
jorge 2023-01-03 13:53:33 +01:00
parent 695e83ad6a
commit d46f83b693
9 changed files with 590 additions and 839 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -42,23 +42,23 @@ dd {
text-transform: uppercase; text-transform: uppercase;
} }
} }
.item-os_fund_target li { .item-os_fund_target li {
background-color: $color__orange; background-color: $color__orange;
} }
.item-os_fund_source li { .item-os_fund_source li {
background-color: $color__lightblue; background-color: $color__lightblue;
} }
.item-os_fund_field li { .item-os_fund_field li {
background-color: $color__yellow; background-color: $color__yellow;
} }
.item-os_fund_dates li { .item-os_fund_dates li {
background-color: $color__green; background-color: $color__green;
} }
.item-os_fund_call { .item-os_fund_call {
display: block; display: block;
margin:0.2rem 0.1rem; margin:0.2rem 0.1rem;
li { li {
font-size: $font__size-body*1.2; font-size: $font__size-body*1.2;
} }
} }

View File

@ -32,6 +32,17 @@
font-family: $font__light; font-family: $font__light;
font-size: $font__size-body*1.1; font-size: $font__size-body*1.1;
} }
.site-main {
h1,
h2,
h3,
h4,
h5,
h6,
.entry-content {
margin: 0;
}
}
.single { .single {
h1 { h1 {
font-family: $font__black; font-family: $font__black;

View File

@ -1,23 +1,97 @@
.sticky { @media screen {
display: block; .sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.ofisuport-card-each {
.entry-title,h6 {
border-bottom: 1px solid $color__black;
margin: 0;
padding: 0.5rem 0;
}
p {
padding: 0.5rem 0;
margin:0;
}
}
.ofisuport-fund-info-fields,
.ofisuport-fund-info-contact-fields {
display: grid;
.ofisuport-fund-info-field {
padding-bottom: 1rem;
border-bottom: 1px solid $color__black;
}
h6 {
font-size: 2.4rem;
font-variant: all-petite-caps;
}
p {
margin: 0.5rem 0 0 0;
}
li {
font-size: 1.3rem;
}
}
.ofisuport-fund-info-contact-fields {
.ofisuport-fund-info-field {
margin: 0;
}
}
.ofisuport-fund-info-fields {
.ofisuport-fund-info-field {
margin: 1rem 0 0.5rem 0;
}
}
.oficina-suport-label {
}
.ofisuport-funder-name,
.ofisuport-fund-contact-name,
.ofisuport-fund-web {
display: flex;
margin:0;
padding: 0;
font-variant: all-petite-caps;
font-size: 1.1rem;
line-height: 0.9;
align-items: center;
a {
text-decoration: none;
font-size: 0.8rem;
}
}
.page-template-funds-search {
.ofisuport-filtered-funds {
display:grid;
grid-template-columns: 1fr 1fr;
}
.ofisuport-fund-filter {
display: grid;
grid-template-columns: repeat(1 , 1fr);
gap: $grid__gap;
}
.archive-posts {
grid-template-columns: repeat(1 , 1fr);
}
}
} }
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}

View File

@ -19,6 +19,7 @@
padding-left: 0; padding-left: 0;
ul { ul {
background-color: $color__white;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left; float: left;
position: absolute; position: absolute;
@ -108,7 +109,31 @@
} }
} }
.menu-item-has-children {
&::after {
content: "";
display: inline-block;
position: absolute;
top: 40%;
right: 0.3em;
//vertical-align: middle;
//margin: -3em 0 0.5em;
width: 0.3em;
height: 0.3em;
border: 1px solid $color__grey-light;
border-top: none;
border-left: none;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
&:hover {
&::after {
border-color: $color__grey-dark;
}
}
}
/* begin of menu-hidden */ /* begin of menu-hidden */
.toogle-secondary-navigation .show-mobile{ .toogle-secondary-navigation .show-mobile{

View File

@ -45,9 +45,6 @@
} }
.site-main { .site-main {
padding: 0 1rem; padding: 0 1rem;
h1,h2,h3,h4,h5,h6,.entry-content {
margin: 0;
}
} }
.site-footer { .site-footer {
} }
@ -55,76 +52,80 @@
padding: 0 1rem; padding: 0 1rem;
} }
.ofisuport-destacats,.ofisuport-featured,.archive-posts { .ofisuport-destacats,.ofisuport-featured,.archive-posts {
display: grid; display: grid;
grid-template-columns: repeat(1 , 1fr); grid-template-columns: repeat(1 , 1fr);
gap: $grid__gap; gap: $grid__gap;
.entry-title {
border-bottom: 1px solid $color__black;
margin: 0;
}
p {
margin:0;
}
}
.ofisuport-fund-info-fields,
.ofisuport-fund-info-contact-fields {
display: grid;
.ofisuport-fund-info-field {
padding-bottom: 1rem;
border-bottom: 1px solid $color__black;
}
h6 {
font-size: 2.4rem;
font-variant: all-petite-caps;
}
p {
margin: 0.5rem 0 0 0;
}
li {
font-size: 1.3rem;
}
}
.ofisuport-fund-info-contact-fields {
.ofisuport-fund-info-field {
margin: 0;
}
}
.ofisuport-fund-info-fields {
.ofisuport-fund-info-field {
margin: 1rem 0 0.5rem 0;
}
}
.oficina-suport-label {
}
.ofisuport-funder-name,
.ofisuport-fund-contact-name,
.ofisuport-fund-web {
display: flex;
margin:0;
padding: 0;
font-variant: all-petite-caps;
font-size: 1.1rem;
line-height: 0.9;
align-items: center;
a {
text-decoration: none;
font-size: 0.8rem;
}
}
.page-template-funds-search {
.ofisuport-filtered-funds {
display:grid;
grid-template-columns: 1fr 1fr;
}
.ofisuport-fund-filter {
display: grid;
grid-template-columns: repeat(1 , 1fr);
gap: $grid__gap;
}
.archive-posts {
grid-template-columns: repeat(1 , 1fr);
}
} }
//.ofisuport-card-each {
// .entry-title,h6 {
// border-bottom: 1px solid $color__black;
// margin: 0;
// padding: 0.5rem 0;
// }
// p {
// padding: 0.5rem 0;
// margin:0;
// }
//}
//.ofisuport-fund-info-fields,
//.ofisuport-fund-info-contact-fields {
// display: grid;
// .ofisuport-fund-info-field {
// padding-bottom: 1rem;
// border-bottom: 1px solid $color__black;
// }
// h6 {
// font-size: 2.4rem;
// font-variant: all-petite-caps;
// }
// p {
// margin: 0.5rem 0 0 0;
// }
// li {
// font-size: 1.3rem;
// }
//}
//.ofisuport-fund-info-contact-fields {
// .ofisuport-fund-info-field {
// margin: 0;
// }
//}
//.ofisuport-fund-info-fields {
// .ofisuport-fund-info-field {
// margin: 1rem 0 0.5rem 0;
// }
//}
//.oficina-suport-label {
//}
//.ofisuport-funder-name,
//.ofisuport-fund-contact-name,
//.ofisuport-fund-web {
// display: flex;
// margin:0;
// padding: 0;
// font-variant: all-petite-caps;
// font-size: 1.1rem;
// line-height: 0.9;
// align-items: center;
// a {
// text-decoration: none;
// font-size: 0.8rem;
// }
//}
//.page-template-funds-search {
// .ofisuport-filtered-funds {
// display:grid;
// grid-template-columns: 1fr 1fr;
// }
// .ofisuport-fund-filter {
// display: grid;
// grid-template-columns: repeat(1 , 1fr);
// gap: $grid__gap;
// }
// .archive-posts {
// grid-template-columns: repeat(1 , 1fr);
// }
//}
} }
@media screen and (max-width: 48em) { @media screen and (max-width: 48em) {
//only smaller than 48em //only smaller than 48em
@ -161,9 +162,6 @@
} }
.site-main { .site-main {
padding: 0 2rem; padding: 0 2rem;
h1,h2,h3,h4,h5,h6,.entry-content {
margin:0;
}
} }
.site-footer { .site-footer {
} }

508
style.css

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long