styled buttons, lists paddings, site grid, and nav

This commit is contained in:
jorge 2024-02-23 09:58:08 +01:00
parent 79cd3f78ff
commit 1dc052093a
10 changed files with 42 additions and 188 deletions

View File

@ -947,7 +947,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area ul, .edit-post-visual-editor__content-area ul,
.edit-post-visual-editor__content-area ol { .edit-post-visual-editor__content-area ol {
margin: 0 0 0.5em 0.5em; margin: 0;
padding: 0; padding: 0;
} }
@ -993,26 +993,6 @@ Add your custom styles in this file so it is easier to update the theme.
font-size: 0.7rem; font-size: 0.7rem;
} }
.edit-post-visual-editor__content-area .home .item-xxp_fund_target li,
.edit-post-visual-editor__content-area article:not(.type-post) .item-xxp_fund_target li {
background-color: #ff8d76;
}
.edit-post-visual-editor__content-area .home .item-xxp_fund_source li,
.edit-post-visual-editor__content-area article:not(.type-post) .item-xxp_fund_source li {
background-color: #5bcee8;
}
.edit-post-visual-editor__content-area .home .item-xxp_fund_field li,
.edit-post-visual-editor__content-area article:not(.type-post) .item-xxp_fund_field li {
background-color: #f6cc4c;
}
.edit-post-visual-editor__content-area .home .item-xxp_fund_dates li,
.edit-post-visual-editor__content-area article:not(.type-post) .item-xxp_fund_dates li {
background-color: #69ed82;
}
.edit-post-visual-editor__content-area .home .item-xxp_fund_call, .edit-post-visual-editor__content-area .home .item-xxp_fund_call,
.edit-post-visual-editor__content-area article:not(.type-post) .item-xxp_fund_call { .edit-post-visual-editor__content-area article:not(.type-post) .item-xxp_fund_call {
display: block; display: block;
@ -1029,8 +1009,6 @@ Add your custom styles in this file so it is easier to update the theme.
display: inline-block; display: inline-block;
margin: 0.1em 0; margin: 0.1em 0;
padding: 0.2em 0.2em 0 0.2em; padding: 0.2em 0.2em 0 0.2em;
color: #fff;
background-color: #69ed82;
font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 0.7rem; font-size: 0.7rem;
text-transform: uppercase; text-transform: uppercase;
@ -1051,10 +1029,6 @@ Add your custom styles in this file so it is easier to update the theme.
text-transform: uppercase; text-transform: uppercase;
} }
.edit-post-visual-editor__content-area .xarxaprod-faqs-types .current-cat {
background-color: #ff8d76;
}
.edit-post-visual-editor__content-area .xarxaprod-faqs-types a { .edit-post-visual-editor__content-area .xarxaprod-faqs-types a {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
@ -1263,9 +1237,11 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .site { .edit-post-visual-editor__content-area .site {
display: grid; display: grid;
grid-template-columns: 1fr minmax(0, 35em) minmax(0, 35em) 1fr; grid-template-columns: 1fr minmax(0, 35em) minmax(0, 35em) 1fr;
grid-auto-rows: min-content auto min-content min-content;
grid-template-areas: "header" "main" "aside" "footer"; grid-template-areas: "header" "main" "aside" "footer";
margin: auto; margin: auto;
padding: 0; padding: 0;
min-height: 100vh;
} }
.edit-post-visual-editor__content-area .site > header { .edit-post-visual-editor__content-area .site > header {
@ -1297,7 +1273,6 @@ Add your custom styles in this file so it is easier to update the theme.
flex-flow: column; flex-flow: column;
align-items: initial; align-items: initial;
justify-content: space-between; justify-content: space-between;
padding-left: 1rem;
} }
.edit-post-visual-editor__content-area .site-header .secondary { .edit-post-visual-editor__content-area .site-header .secondary {
@ -1490,9 +1465,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .secondary-navigation .current-menu-item > a, .edit-post-visual-editor__content-area .secondary-navigation .current-menu-item > a,
.edit-post-visual-editor__content-area .secondary-navigation .current_page_ancestor > a, .edit-post-visual-editor__content-area .secondary-navigation .current_page_ancestor > a,
.edit-post-visual-editor__content-area .secondary-navigation .current-menu-ancestor > a { .edit-post-visual-editor__content-area .secondary-navigation .current-menu-ancestor > a {
font-weight: 700; text-decoration: underline;
font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
border-left: 1px solid #000;
} }
.edit-post-visual-editor__content-area .main-navigation a[href^="http://localhost"], .edit-post-visual-editor__content-area .main-navigation a[href^="http://localhost"],
.edit-post-visual-editor__content-area .main-navigation a[href^="http://xarxaprod.cat"], .edit-post-visual-editor__content-area .main-navigation a[href^="http://xarxaprod.cat"],
@ -1668,17 +1641,6 @@ Add your custom styles in this file so it is easier to update the theme.
padding: 0 0.5rem; padding: 0 0.5rem;
} }
.edit-post-visual-editor__content-area .main-navigation .current_page_item > a,
.edit-post-visual-editor__content-area .main-navigation .current-menu-item > a,
.edit-post-visual-editor__content-area .main-navigation .current_page_ancestor > a,
.edit-post-visual-editor__content-area .main-navigation .current-menu-ancestor > a,
.edit-post-visual-editor__content-area .secondary-navigation .current_page_item > a,
.edit-post-visual-editor__content-area .secondary-navigation .current-menu-item > a,
.edit-post-visual-editor__content-area .secondary-navigation .current_page_ancestor > a,
.edit-post-visual-editor__content-area .secondary-navigation .current-menu-ancestor > a {
border-left: none;
}
.edit-post-visual-editor__content-area .main-navigation { .edit-post-visual-editor__content-area .main-navigation {
padding-bottom: 1em; padding-bottom: 1em;
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -10,7 +10,8 @@
*/ */
?> ?>
<aside>
</aside>
<footer id="colophon" class="site-footer"> <footer id="colophon" class="site-footer">
<div class="site-info"> <div class="site-info">
<?php dynamic_sidebar( 'footer-widgets' ); ?> <?php dynamic_sidebar( 'footer-widgets' ); ?>

View File

@ -21,75 +21,3 @@ a {
outline: 0; outline: 0;
} }
} }
//a {
// &.button {
// text-decoration: none;
// }
//}
//.button,
//.excerpt,
//.post-excerpt,
//.entry-title,
//.entry-header{
// a {
// text-decoration: none;
// }
//}
//.home-featured,.archive-posts {
// .category-faq,.type-xarxaprod-ajut {
// position: relative;
// padding-bottom: 4rem;
// .entry-title {
// a {
// &::after {
// content: "+";
// position:absolute;
// bottom: 0;
// left: 0;
// width: 3rem;
// height: 3rem;
// padding: 0 0.38rem;
// border: 1px solid $color__black;
// font-size: 4rem;
// line-height: 0.8;
// }
// &:hover::after {
// content: ">";
// padding: 0 0.38rem;
// font-size: 2.5rem;
// line-height: 1.3;
// }
// }
// }
// }
// .category-faq {
// .entry-title {
// a {
// &::before {
// content: "accedir";
// position: absolute;
// bottom: 1em;
// left: 0.5em;
// font-family: $font__light;
// font-size: 1rem;
// line-height: 0;
// }
// &::after {
// content: "+";
// width: 8rem;
// height: 2rem;
// padding: 0 0.5rem;
// text-align: right;
// font-size: 2.5rem;
// line-height: 0.7;
// }
// &:hover::after {
// content: ">";
// padding: 0 0.1rem;
// font-size: 1.5rem;
// line-height: 1.2;
// }
// }
// }
// }
//}

View File

@ -1,6 +1,6 @@
ul, ul,
ol { ol {
margin: 0 0 0.5em 0.5em; margin: 0;
padding: 0; padding: 0;
} }
@ -43,18 +43,18 @@ dd {
font-size: $font__size-body*0.7; font-size: $font__size-body*0.7;
} }
} }
.item-xxp_fund_target li { //.item-xxp_fund_target li {
background-color: $color__orange; // background-color: $color__orange;
} //}
.item-xxp_fund_source li { //.item-xxp_fund_source li {
background-color: $color__lightblue; // background-color: $color__lightblue;
} //}
.item-xxp_fund_field li { //.item-xxp_fund_field li {
background-color: $color__yellow; // background-color: $color__yellow;
} //}
.item-xxp_fund_dates li { //.item-xxp_fund_dates li {
background-color: $color__green; // background-color: $color__green;
} //}
.item-xxp_fund_call { .item-xxp_fund_call {
display: block; display: block;
margin:0.2rem 0; margin:0.2rem 0;
@ -66,8 +66,8 @@ dd {
display:inline-block; display:inline-block;
margin:0.1em 0; margin:0.1em 0;
padding: 0.2em 0.2em 0 0.2em; padding: 0.2em 0.2em 0 0.2em;
color: $color__white; //color: $color__white;
background-color: $color__green; //background-color: $color__green;
font-family: $font__black; font-family: $font__black;
font-size: $font__size-body*0.7; font-size: $font__size-body*0.7;
text-transform: uppercase; text-transform: uppercase;
@ -87,9 +87,9 @@ dd {
font-size: $font__size-body*1.1; font-size: $font__size-body*1.1;
text-transform: uppercase; text-transform: uppercase;
} }
.current-cat{ //.current-cat{
background-color: $color__orange; // background-color: $color__orange;
} //}
a { a {
color: $color__white; color: $color__white;
text-decoration: none; text-decoration: none;

View File

@ -45,9 +45,8 @@
.current-menu-item > a, .current-menu-item > a,
.current_page_ancestor > a, .current_page_ancestor > a,
.current-menu-ancestor > a { .current-menu-ancestor > a {
font-weight: bold; //border-bottom: 1px solid $color__black;
font-family: $font__bold; text-decoration: underline;
border-left: 1px solid $color__black;
} }
} }
@ -234,12 +233,12 @@
a { a {
padding: 0 0.5rem; padding: 0 0.5rem;
} }
.current_page_item > a, //.current_page_item > a,
.current-menu-item > a, //.current-menu-item > a,
.current_page_ancestor > a, //.current_page_ancestor > a,
.current-menu-ancestor > a { //.current-menu-ancestor > a {
border-left: none; // border: none;
} //}
} }
.main-navigation { .main-navigation {
padding-bottom: 1em; padding-bottom: 1em;

View File

@ -4,6 +4,7 @@
.site { .site {
display: grid; display: grid;
grid-template-columns: 1fr minmax(0,35em) minmax(0,35em) 1fr; grid-template-columns: 1fr minmax(0,35em) minmax(0,35em) 1fr;
grid-auto-rows: min-content auto min-content min-content; // adjuts height to min content and auto fill on main
grid-template-areas: grid-template-areas:
"header" "header"
"main" "main"
@ -11,6 +12,7 @@
"footer"; "footer";
margin: auto; margin: auto;
padding: 0; padding: 0;
min-height: 100vh;
> header { > header {
grid-column: 1 / -1; grid-column: 1 / -1;
} }
@ -35,7 +37,7 @@
flex-flow: column; flex-flow: column;
align-items: initial; align-items: initial;
justify-content: space-between; justify-content: space-between;
padding-left: 1rem; //padding-left: 1rem;
} }
.secondary { .secondary {
display: flex; display: flex;

View File

@ -807,7 +807,7 @@ hr {
ul, ul,
ol { ol {
margin: 0 0 0.5em 0.5em; margin: 0;
padding: 0; padding: 0;
} }
@ -853,26 +853,6 @@ article:not(.type-post) .xarxaprod-label li {
font-size: 0.7rem; font-size: 0.7rem;
} }
.home .item-xxp_fund_target li,
article:not(.type-post) .item-xxp_fund_target li {
background-color: #ff8d76;
}
.home .item-xxp_fund_source li,
article:not(.type-post) .item-xxp_fund_source li {
background-color: #5bcee8;
}
.home .item-xxp_fund_field li,
article:not(.type-post) .item-xxp_fund_field li {
background-color: #f6cc4c;
}
.home .item-xxp_fund_dates li,
article:not(.type-post) .item-xxp_fund_dates li {
background-color: #69ed82;
}
.home .item-xxp_fund_call, .home .item-xxp_fund_call,
article:not(.type-post) .item-xxp_fund_call { article:not(.type-post) .item-xxp_fund_call {
display: block; display: block;
@ -889,8 +869,6 @@ article:not(.type-post) .item-xxp_fund_apply_text {
display: inline-block; display: inline-block;
margin: 0.1em 0; margin: 0.1em 0;
padding: 0.2em 0.2em 0 0.2em; padding: 0.2em 0.2em 0 0.2em;
color: #fff;
background-color: #69ed82;
font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 0.7rem; font-size: 0.7rem;
text-transform: uppercase; text-transform: uppercase;
@ -911,10 +889,6 @@ article:not(.type-post) .item-xxp_fund_apply_text {
text-transform: uppercase; text-transform: uppercase;
} }
.xarxaprod-faqs-types .current-cat {
background-color: #ff8d76;
}
.xarxaprod-faqs-types a { .xarxaprod-faqs-types a {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
@ -1131,9 +1105,11 @@ textarea {
.site { .site {
display: grid; display: grid;
grid-template-columns: 1fr minmax(0, 35em) minmax(0, 35em) 1fr; grid-template-columns: 1fr minmax(0, 35em) minmax(0, 35em) 1fr;
grid-auto-rows: min-content auto min-content min-content;
grid-template-areas: "header" "main" "aside" "footer"; grid-template-areas: "header" "main" "aside" "footer";
margin: auto; margin: auto;
padding: 0; padding: 0;
min-height: 100vh;
} }
.site > header { .site > header {
@ -1165,7 +1141,6 @@ textarea {
flex-flow: column; flex-flow: column;
align-items: initial; align-items: initial;
justify-content: space-between; justify-content: space-between;
padding-left: 1rem;
} }
.site-header .secondary { .site-header .secondary {
@ -1355,9 +1330,7 @@ textarea {
.secondary-navigation .current-menu-item > a, .secondary-navigation .current-menu-item > a,
.secondary-navigation .current_page_ancestor > a, .secondary-navigation .current_page_ancestor > a,
.secondary-navigation .current-menu-ancestor > a { .secondary-navigation .current-menu-ancestor > a {
font-weight: 700; text-decoration: underline;
font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
border-left: 1px solid #000;
} }
.main-navigation a[href^="http://localhost"], .main-navigation a[href^="http://localhost"],
.main-navigation a[href^="http://xarxaprod.cat"], .main-navigation a[href^="http://xarxaprod.cat"],
@ -1527,17 +1500,6 @@ textarea {
padding: 0 0.5rem; padding: 0 0.5rem;
} }
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a,
.secondary-navigation .current_page_item > a,
.secondary-navigation .current-menu-item > a,
.secondary-navigation .current_page_ancestor > a,
.secondary-navigation .current-menu-ancestor > a {
border-left: none;
}
.main-navigation { .main-navigation {
padding-bottom: 1em; padding-bottom: 1em;
} }

File diff suppressed because one or more lines are too long