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

@ -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,3 +1,4 @@
@media screen {
.sticky { .sticky {
display: block; display: block;
} }
@ -21,3 +22,76 @@
clear: both; clear: both;
margin: 0 0 1.5em; 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);
}
}
}

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 {
} }
@ -58,73 +55,77 @@
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 {
} }

462
style.css

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long