xarxaprod
/
xarxaprod-wp-theme
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: xarxaprod:032308252bf7541311b6426a095b421a6567d951
Branches Tags
xarxaprod:main
xarxaprod:dev
xarxaprod:db-fields-migration
xarxaprod:ofsupimport
..
compare: xarxaprod:96ada7b5c7cb2bb19416672b19de8eb81d18ba36
Branches Tags
xarxaprod:dev
xarxaprod:main
xarxaprod:db-fields-migration
xarxaprod:ofsupimport

No commits in common. "032308252bf7541311b6426a095b421a6567d951" and "96ada7b5c7cb2bb19416672b19de8eb81d18ba36" have entirely different histories.
032308252b ... 96ada7b5c7

10 changed files with 207 additions and 218 deletions
Show Stats Expand all files Collapse all files

139
adminstyles.css
View File

@ -17,7 +17,7 @@ Theme URI: https://git.hangar.org/xarxaprod/
Author: Hangar.org Tech Lab - hangar.org Author: Hangar.org Tech Lab - hangar.org
Author URI: https://hangar.org Author URI: https://hangar.org
Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a> Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a>
Version: 1.1.7 Version: 1.1.6
Tested up to: 6.4 Tested up to: 6.4
Requires PHP: 7.4 Requires PHP: 7.4
License: GNU General Public License v3 or later License: GNU General Public License v3 or later
@ -1400,10 +1400,6 @@ Add your custom styles in this file so it is easier to update the theme.
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
.edit-post-visual-editor__content-area .editor-styles-wrapper .site {
grid-template-columns: 1fr 2fr 2fr 1fr;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site > header { .edit-post-visual-editor__content-area .editor-styles-wrapper .site > header {
grid-column: 1 / -1; grid-column: 1 / -1;
} }
@ -1422,7 +1418,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-header { .edit-post-visual-editor__content-area .editor-styles-wrapper .site-header {
display: grid; display: grid;
grid-template-columns: 1fr 2fr 2fr 1fr; grid-template-columns: 1fr minmax(0, 35em) minmax(0, 35em) 1fr;
grid-template-areas: "main " "secondary "; grid-template-areas: "main " "secondary ";
margin: auto; margin: auto;
padding: 0; padding: 0;
@ -1497,6 +1493,8 @@ Add your custom styles in this file so it is easier to update the theme.
/* begin of menu-hidden */ /* begin of menu-hidden */
/* end of menu hidden*/ /* end of menu hidden*/
/* Small menu. */
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .hide-content { .edit-post-visual-editor__content-area .editor-styles-wrapper .hide-content {
@ -1537,44 +1535,20 @@ Add your custom styles in this file so it is easier to update the theme.
display: flex; display: flex;
align-items: center; align-items: center;
min-height: 100%; min-height: 100%;
padding: 0 0.5rem;
text-decoration: none; text-decoration: none;
font-size: 1rem; font-size: 1rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation.toggled ul { .edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation .current_page_item > a,
display: block; .edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation .current-menu-item > a,
} .edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation .current_page_ancestor > a,
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation .current-menu-ancestor > a,
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation.toggled .main-navigation-content { .edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation .current_page_item > a,
display: inline-block; .edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation .current-menu-item > a,
position: absolute; .edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation .current_page_ancestor > a,
top: 0; .edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation .current-menu-ancestor > a {
left: 0; text-decoration: underline;
width: 100%;
height: 100vh;
padding: 4rem;
background-color: rgba(255, 255, 255, 0.95);
overflow: auto;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation.toggled .menu-toggle {
position: relative;
z-index: 9999;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation.toggled .current-menu-ancestor > a::after {
background-color: transparent;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation.toggled .current-menu-item > a::after {
display: inline-block;
content: "";
position: absolute;
left: 0;
top: 2em;
height: 2px;
width: 100%;
background-color: #000;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation { .edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation {
@ -1644,6 +1618,22 @@ Add your custom styles in this file so it is easier to update the theme.
font-size: 3rem; font-size: 3rem;
font-weight: 700; font-weight: 700;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation.toggled ul {
display: block;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation.toggled .main-navigation-content {
display: inline-block;
position: absolute;
top: 5rem;
left: 0;
width: 100%;
height: calc(100vh - 25rem);
padding: 0 3rem;
background-color: #fff;
overflow: auto;
}
} }
@media screen and (max-width: 47.99em) { @media screen and (max-width: 47.99em) {
@ -1683,13 +1673,9 @@ Add your custom styles in this file so it is easier to update the theme.
display: flex; display: flex;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul .menu-item-has-children > ul, .edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul ul,
.edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation ul .menu-item-has-children > ul { .edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation ul ul {
background-color: rgba(255, 255, 255, 0.95); background-color: rgba(255, 255, 255, 0.8);
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul .sub-menu,
.edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation ul .sub-menu {
float: left; float: left;
position: absolute; position: absolute;
top: 100%; top: 100%;
@ -1697,31 +1683,26 @@ Add your custom styles in this file so it is easier to update the theme.
z-index: 99999; z-index: 99999;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul .sub-menu ul, .edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul ul ul,
.edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation ul .sub-menu ul { .edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation ul ul ul {
left: -999em; left: -999em;
top: 0; top: 0;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul .sub-menu li:hover > ul, .edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul ul li:hover > ul,
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul .sub-menu li.focus > ul, .edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul ul li.focus > ul,
.edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation ul .sub-menu li:hover > ul, .edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation ul ul li:hover > ul,
.edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation ul .sub-menu li.focus > ul { .edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation ul ul li.focus > ul {
display: block; display: block;
left: 4em; left: 4em;
top: 1em; top: 1em;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul .sub-menu a, .edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul ul a,
.edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation ul .sub-menu a { .edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation ul ul a {
width: 200px; width: 200px;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul li,
.edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation ul li {
padding: 0 1em;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul li:hover > ul, .edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul li:hover > ul,
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul li.focus > ul, .edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul li.focus > ul,
.edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation ul li:hover > ul, .edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation ul li:hover > ul,
@ -1729,6 +1710,11 @@ Add your custom styles in this file so it is easier to update the theme.
left: auto; left: auto;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation a,
.edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation a {
padding: 0 0.5rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation { .edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation {
padding-bottom: 1em; padding-bottom: 1em;
} }
@ -1739,24 +1725,22 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul ul.sub-menu { .edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul ul.sub-menu {
flex-direction: column; flex-direction: column;
padding: 0.5rem; padding: 1rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul ul.sub-menu li { .edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul ul.sub-menu li {
margin: 0.5rem 0; margin: 0.5rem 0;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation .current-menu-ancestor > a::after, .edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation .current-menu-item a::after {
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation .current-menu-item > a::after {
display: inline-block; display: inline-block;
content: ""; content: "";
position: absolute; position: absolute;
left: 1em; left: 5%;
bottom: -0.5em;
min-height: 2px; min-height: 2px;
height: 2px; height: 100%;
width: calc(100% - 2em); width: 90%;
background-color: #000; margin-top: 2.3em;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation { .edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation {
@ -1830,9 +1814,18 @@ Add your custom styles in this file so it is easier to update the theme.
display: none; display: none;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation a,
.edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation a {
padding: 0 1rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation { .edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation {
padding-bottom: 0; padding-bottom: 0;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation .current-menu-item a::after {
margin-top: 5em;
}
} }
@media screen { @media screen {
@ -2241,6 +2234,7 @@ Add your custom styles in this file so it is easier to update the theme.
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filters section .filter { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filters section .filter {
display: inline-block;
width: 45%; width: 45%;
margin-top: 0.5rem; margin-top: 0.5rem;
margin-right: 0.3em; margin-right: 0.3em;
@ -2250,12 +2244,6 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filters section .filter:last-of-type { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filters section .filter:last-of-type {
margin-bottom: 2rem; margin-bottom: 2rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filters section:last-of-type::after {
content: "";
display: inline-block;
width: 100%;
}
} }
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
@ -2683,8 +2671,7 @@ Add your custom styles in this file so it is easier to update the theme.
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper h1, .edit-post-visual-editor__content-area .editor-styles-wrapper h1,
.edit-post-visual-editor__content-area .editor-styles-wrapper figure, .edit-post-visual-editor__content-area .editor-styles-wrapper figure {
.edit-post-visual-editor__content-area .editor-styles-wrapper button {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }

2
adminstyles.css.map
View File

File diff suppressed because one or more lines are too long

2
assets/css/adminstyles.css
View File

File diff suppressed because one or more lines are too long

2
sass/adminstyles.scss
View File

@ -25,7 +25,7 @@
// max-width: 80rem; // max-width: 80rem;
//``} //``}
font-family: $font__main; font-family: $font__main;
h1,figure,button { h1,figure {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }

6
sass/components/content/_posts-and-pages.scss
View File

@ -339,6 +339,7 @@
width: 100%; width: 100%;
} }
.filter { .filter {
display: inline-block;
width: 45%; width: 45%;
margin-top: 0.5rem; margin-top: 0.5rem;
margin-right: 0.3em; margin-right: 0.3em;
@ -347,11 +348,6 @@
margin-bottom: 2rem; margin-bottom: 2rem;
} }
} }
&:last-of-type:after {
content: "";
display: inline-block;
width: 100%;
}
} }
} }
} }

128
sass/components/navigation/_navigation.scss
View File

@ -23,56 +23,40 @@
padding-left: 1rem; padding-left: 1rem;
} }
} }
li { li {
position: relative; position: relative;
&:hover > a, &:hover > a,
&.focus > a { &.focus > a {
} }
} }
a { a {
display: flex; display: flex;
align-items: center; align-items: center;
min-height: 100%; min-height: 100%;
padding: 0 0.5rem;
text-decoration: none; text-decoration: none;
font-size: 1rem; font-size: 1rem;
} }
.current_page_item > a,
.current-menu-item > a,
.current_page_ancestor > a,
.current-menu-ancestor > a {
text-decoration: underline;
}
} }
.main-navigation { //.main-navigation {
&.toggled { // a[href^="http://localhost"],
ul { // a[href^="http://xarxaprod.cat"],
display: block; // a[href^="https://xarxaprod.cat"]
} // {
.main-navigation-content { // font-family: $font__bold;
display: inline-block; // border-left: 1px solid $color__black;
position: absolute; // }
top: 0; //}
left: 0;
width: 100%;
height: 100vh;
padding: 4rem;
background-color: rgba(255,255,255,0.95);
overflow: auto;
}
.menu-toggle {
position: relative;
z-index: 9999;
}
.current-menu-ancestor > a::after {
background-color: transparent;
}
.current-menu-item > a::after {
display: inline-block;
content: "";
position: absolute;
left: 0;
top: 2em;
height: 2px;
width: 100%;
background-color: $color__black;
}
}
}
.secondary-navigation { .secondary-navigation {
padding: 0 1em 1em 0; padding: 0 1em 1em 0;
ul { ul {
@ -85,6 +69,7 @@
text-transform: uppercase; text-transform: uppercase;
} }
} }
.menu-item-has-children { .menu-item-has-children {
} }
@ -136,6 +121,25 @@
} }
/* end of menu hidden*/ /* end of menu hidden*/
/* Small menu. */
.main-navigation.toggled {
ul {
display: block;
}
.main-navigation-content {
display: inline-block;
position: absolute;
top: 5rem;
left: 0;
width: 100%;
height: calc(100vh - 25rem);
padding: 0 3rem;
background-color: $color__white;
overflow: auto;
}
}
.menu-toggle {
}
} }
@media screen and (max-width: 47.99em) { @media screen and (max-width: 47.99em) {
.site-branding { .site-branding {
@ -163,10 +167,9 @@
.main-navigation,.secondary-navigation { .main-navigation,.secondary-navigation {
ul { ul {
display: flex; display: flex;
.menu-item-has-children > ul {
background-color: rgba(255,255,255,0.95); ul {
} background-color: rgba(255,255,255,0.8);
.sub-menu {
float: left; float: left;
position: absolute; position: absolute;
top: 100%; top: 100%;
@ -200,15 +203,16 @@
a.focus { a.focus {
} }
} }
li {
padding: 0 1em; li:hover > ul,
&:hover > ul, li.focus > ul {
&.focus > ul {
left: auto; left: auto;
} }
} }
}
a {
padding: 0 0.5rem;
}
} }
.main-navigation { .main-navigation {
padding-bottom: 1em; padding-bottom: 1em;
@ -216,23 +220,31 @@
justify-content: end; justify-content: end;
ul.sub-menu { ul.sub-menu {
flex-direction: column; flex-direction: column;
padding: 0.5rem; padding: 1rem;
li { li {
margin: 0.5rem 0; margin: 0.5rem 0;
} }
} }
} }
.current-menu-ancestor > a::after, //a[href^="http://localhost"],
.current-menu-item > a::after { //a[href^="http://xarxaprod.cat"],
//a[href^="https://xarxaprod.cat"]
//{
// font-family: $font__bold;
// border-left:none;
//}
//a[href^="http://localhost"]::after,
//a[href^="http://xarxaprod.cat"]::after,
//a[href^="https://xarxaprod.cat"]::after,
.current-menu-item a::after {
display: inline-block; display: inline-block;
content: ""; content: "";
position: absolute; position: absolute;
left: 1em; left: 5%;
bottom: -0.5em;
min-height: 2px; min-height: 2px;
height: 2px; height: 100%;
width: calc(100% - 2em); width: 90%;
background-color: $color__black; margin-top: 2.3em;
} }
.menu-item-has-children { .menu-item-has-children {
ul { ul {
@ -309,11 +321,17 @@
display:none; display:none;
} }
//a { a {
// padding: 0 1rem; padding: 0 1rem;
//} }
} }
.main-navigation { .main-navigation {
padding-bottom: 0; padding-bottom: 0;
//a[href^="http://localhost"]::after,
//a[href^="http://xarxaprod.cat"]::after,
//a[href^="https://xarxaprod.cat"]::after,
.current-menu-item a::after {
margin-top: 5em;
}
} }
} }

5
sass/layouts/_no-sidebar.scss
View File

@ -9,6 +9,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-template-columns: 0.25fr 1.25fr 1.25fr 0.25fr;
grid-auto-rows: min-content auto min-content min-content; grid-auto-rows: min-content auto min-content min-content;
grid-template-areas: grid-template-areas:
"header" "header"
@ -164,7 +165,6 @@
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
//only bigger than 48em //only bigger than 48em
.site { .site {
grid-template-columns: 1fr 2fr 2fr 1fr;
> header { > header {
grid-column: 1 / -1; grid-column: 1 / -1;
} }
@ -180,7 +180,8 @@
} }
.site-header { .site-header {
display: grid; display: grid;
grid-template-columns: 1fr 2fr 2fr 1fr; //grid-template-columns: 0.25fr 1.25fr 1.25fr 0.25fr;
grid-template-columns: 1fr minmax(0,35em) minmax(0,35em) 1fr;
grid-template-areas: grid-template-areas:
"main " "main "
"secondary "; "secondary ";

2
sass/style.scss
View File

@ -5,7 +5,7 @@ Theme URI: https://git.hangar.org/xarxaprod/
Author: Hangar.org Tech Lab - hangar.org Author: Hangar.org Tech Lab - hangar.org
Author URI: https://hangar.org Author URI: https://hangar.org
Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a> Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a>
Version: 1.1.7 Version: 1.1.6
Tested up to: 6.4 Tested up to: 6.4
Requires PHP: 7.4 Requires PHP: 7.4
License: GNU General Public License v3 or later License: GNU General Public License v3 or later

135
style.css
View File

@ -5,7 +5,7 @@ Theme URI: https://git.hangar.org/xarxaprod/
Author: Hangar.org Tech Lab - hangar.org Author: Hangar.org Tech Lab - hangar.org
Author URI: https://hangar.org Author URI: https://hangar.org
Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a> Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a>
Version: 1.1.7 Version: 1.1.6
Tested up to: 6.4 Tested up to: 6.4
Requires PHP: 7.4 Requires PHP: 7.4
License: GNU General Public License v3 or later License: GNU General Public License v3 or later
@ -1262,10 +1262,6 @@ textarea {
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
.site {
grid-template-columns: 1fr 2fr 2fr 1fr;
}
.site > header { .site > header {
grid-column: 1 / -1; grid-column: 1 / -1;
} }
@ -1284,7 +1280,7 @@ textarea {
.site-header { .site-header {
display: grid; display: grid;
grid-template-columns: 1fr 2fr 2fr 1fr; grid-template-columns: 1fr minmax(0, 35em) minmax(0, 35em) 1fr;
grid-template-areas: "main " "secondary "; grid-template-areas: "main " "secondary ";
margin: auto; margin: auto;
padding: 0; padding: 0;
@ -1398,44 +1394,20 @@ textarea {
display: flex; display: flex;
align-items: center; align-items: center;
min-height: 100%; min-height: 100%;
padding: 0 0.5rem;
text-decoration: none; text-decoration: none;
font-size: 1rem; font-size: 1rem;
} }
.main-navigation.toggled ul { .main-navigation .current_page_item > a,
display: block; .main-navigation .current-menu-item > a,
} .main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation.toggled .main-navigation-content { .secondary-navigation .current_page_item > a,
display: inline-block; .secondary-navigation .current-menu-item > a,
position: absolute; .secondary-navigation .current_page_ancestor > a,
top: 0; .secondary-navigation .current-menu-ancestor > a {
left: 0; text-decoration: underline;
width: 100%;
height: 100vh;
padding: 4rem;
background-color: rgba(255, 255, 255, 0.95);
overflow: auto;
}
.main-navigation.toggled .menu-toggle {
position: relative;
z-index: 9999;
}
.main-navigation.toggled .current-menu-ancestor > a::after {
background-color: transparent;
}
.main-navigation.toggled .current-menu-item > a::after {
display: inline-block;
content: "";
position: absolute;
left: 0;
top: 2em;
height: 2px;
width: 100%;
background-color: #000;
} }
.secondary-navigation { .secondary-navigation {
@ -1508,6 +1480,23 @@ textarea {
} }
/* end of menu hidden*/ /* end of menu hidden*/
/* Small menu. */
.main-navigation.toggled ul {
display: block;
}
.main-navigation.toggled .main-navigation-content {
display: inline-block;
position: absolute;
top: 5rem;
left: 0;
width: 100%;
height: calc(100vh - 25rem);
padding: 0 3rem;
background-color: #fff;
overflow: auto;
}
} }
@media screen and (max-width: 47.99em) { @media screen and (max-width: 47.99em) {
@ -1537,13 +1526,9 @@ textarea {
display: flex; display: flex;
} }
.main-navigation ul .menu-item-has-children > ul, .main-navigation ul ul,
.secondary-navigation ul .menu-item-has-children > ul { .secondary-navigation ul ul {
background-color: rgba(255, 255, 255, 0.95); background-color: rgba(255, 255, 255, 0.8);
}
.main-navigation ul .sub-menu,
.secondary-navigation ul .sub-menu {
float: left; float: left;
position: absolute; position: absolute;
top: 100%; top: 100%;
@ -1551,31 +1536,26 @@ textarea {
z-index: 99999; z-index: 99999;
} }
.main-navigation ul .sub-menu ul, .main-navigation ul ul ul,
.secondary-navigation ul .sub-menu ul { .secondary-navigation ul ul ul {
left: -999em; left: -999em;
top: 0; top: 0;
} }
.main-navigation ul .sub-menu li:hover > ul, .main-navigation ul ul li:hover > ul,
.main-navigation ul .sub-menu li.focus > ul, .main-navigation ul ul li.focus > ul,
.secondary-navigation ul .sub-menu li:hover > ul, .secondary-navigation ul ul li:hover > ul,
.secondary-navigation ul .sub-menu li.focus > ul { .secondary-navigation ul ul li.focus > ul {
display: block; display: block;
left: 4em; left: 4em;
top: 1em; top: 1em;
} }
.main-navigation ul .sub-menu a, .main-navigation ul ul a,
.secondary-navigation ul .sub-menu a { .secondary-navigation ul ul a {
width: 200px; width: 200px;
} }
.main-navigation ul li,
.secondary-navigation ul li {
padding: 0 1em;
}
.main-navigation ul li:hover > ul, .main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul, .main-navigation ul li.focus > ul,
.secondary-navigation ul li:hover > ul, .secondary-navigation ul li:hover > ul,
@ -1583,6 +1563,11 @@ textarea {
left: auto; left: auto;
} }
.main-navigation a,
.secondary-navigation a {
padding: 0 0.5rem;
}
.main-navigation { .main-navigation {
padding-bottom: 1em; padding-bottom: 1em;
} }
@ -1593,24 +1578,22 @@ textarea {
.main-navigation ul ul.sub-menu { .main-navigation ul ul.sub-menu {
flex-direction: column; flex-direction: column;
padding: 0.5rem; padding: 1rem;
} }
.main-navigation ul ul.sub-menu li { .main-navigation ul ul.sub-menu li {
margin: 0.5rem 0; margin: 0.5rem 0;
} }
.main-navigation .current-menu-ancestor > a::after, .main-navigation .current-menu-item a::after {
.main-navigation .current-menu-item > a::after {
display: inline-block; display: inline-block;
content: ""; content: "";
position: absolute; position: absolute;
left: 1em; left: 5%;
bottom: -0.5em;
min-height: 2px; min-height: 2px;
height: 2px; height: 100%;
width: calc(100% - 2em); width: 90%;
background-color: #000; margin-top: 2.3em;
} }
.secondary-navigation { .secondary-navigation {
@ -1690,9 +1673,18 @@ textarea {
display: none; display: none;
} }
.main-navigation a,
.secondary-navigation a {
padding: 0 1rem;
}
.main-navigation { .main-navigation {
padding-bottom: 0; padding-bottom: 0;
} }
.main-navigation .current-menu-item a::after {
margin-top: 5em;
}
} }
/* Posts and pages /* Posts and pages
@ -2093,6 +2085,7 @@ textarea {
} }
.xarxaprod-filters section .filter { .xarxaprod-filters section .filter {
display: inline-block;
width: 45%; width: 45%;
margin-top: 0.5rem; margin-top: 0.5rem;
margin-right: 0.3em; margin-right: 0.3em;
@ -2102,12 +2095,6 @@ textarea {
.xarxaprod-filters section .filter:last-of-type { .xarxaprod-filters section .filter:last-of-type {
margin-bottom: 2rem; margin-bottom: 2rem;
} }
.xarxaprod-filters section:last-of-type::after {
content: "";
display: inline-block;
width: 100%;
}
} }
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {

2
style.css.map
View File

File diff suppressed because one or more lines are too long