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

Compare commits

base: xarxaprod:7d25caa7f53b7c9985416f0bac76b81d6271df07
Branches Tags
xarxaprod:main
xarxaprod:dev
xarxaprod:db-fields-migration
xarxaprod:ofsupimport
..
compare: xarxaprod:b40bb55e740805d4bd4c4172980b2decfed4dc45
Branches Tags
xarxaprod:dev
xarxaprod:main
xarxaprod:db-fields-migration
xarxaprod:ofsupimport

No commits in common. "7d25caa7f53b7c9985416f0bac76b81d6271df07" and "b40bb55e740805d4bd4c4172980b2decfed4dc45" have entirely different histories.
7d25caa7f5 ... b40bb55e74

9 changed files with 127 additions and 257 deletions
Show Stats Expand all files Collapse all files

116
adminstyles.css
View File

@ -1165,14 +1165,6 @@ Add your custom styles in this file so it is easier to update the theme.
outline: 0; outline: 0;
} }
@media screen and (max-width: 48em) {
.edit-post-visual-editor__content-area .editor-styles-wrapper a {
overflow-wrap: anywhere;
word-break: normal;
}
}
.edit-post-visual-editor__content-area .editor-styles-wrapper button, .edit-post-visual-editor__content-area .editor-styles-wrapper button,
.edit-post-visual-editor__content-area .editor-styles-wrapper input[type="button"], .edit-post-visual-editor__content-area .editor-styles-wrapper input[type="button"],
.edit-post-visual-editor__content-area .editor-styles-wrapper input[type="reset"], .edit-post-visual-editor__content-area .editor-styles-wrapper input[type="reset"],
@ -1316,23 +1308,11 @@ Add your custom styles in this file so it is easier to update the theme.
@media screen { @media screen {
.edit-post-visual-editor__content-area .editor-styles-wrapper html:not([data-scroll="0"]) .site-header::before { .edit-post-visual-editor__content-area .editor-styles-wrapper html:not([data-scroll="0"]) .site-header {
content: "";
display: inline-block;
position: absolute;
width: 100vw;
top: 0;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
height: 100%;
z-index: -1;
background-color: #fff; background-color: #fff;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .site { .edit-post-visual-editor__content-area .editor-styles-wrapper .site {
position: relative;
display: grid; display: grid;
grid-template-columns: auto minmax(min-content, 30em) minmax(min-content, 30em) auto; grid-template-columns: auto minmax(min-content, 30em) minmax(min-content, 30em) auto;
grid-auto-rows: min-content auto min-content min-content; grid-auto-rows: min-content auto min-content min-content;
@ -1363,8 +1343,12 @@ Add your custom styles in this file so it is easier to update the theme.
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 500; z-index: 500;
width: 100%; display: grid;
grid-template-areas: "main" "secondary ";
grid-row: auto;
align-items: center;
padding: 0.5rem 0; padding: 0.5rem 0;
width: 100vw;
background-color: transparent; background-color: transparent;
} }
@ -1459,23 +1443,8 @@ 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 html:not([data-scroll="0"]) .site-header::before {
content: "";
display: inline-block;
position: absolute;
width: 100vw;
top: 0;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
height: 100%;
z-index: -1;
background-color: #fff;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site > header { .edit-post-visual-editor__content-area .editor-styles-wrapper .site > header {
grid-column: 2 / 4; grid-column: 1 / -1;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .site > main { .edit-post-visual-editor__content-area .editor-styles-wrapper .site > main {
@ -1491,6 +1460,9 @@ 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;
grid-template-columns: auto minmax(min-content, 30em) minmax(min-content, 30em) auto;
grid-template-areas: "main " "secondary ";
margin: auto; margin: auto;
margin-bottom: 2rem; margin-bottom: 2rem;
padding: 0; padding: 0;
@ -1508,7 +1480,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-main { .edit-post-visual-editor__content-area .editor-styles-wrapper .site-main {
padding: 0; padding: 0 2rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main > section { .edit-post-visual-editor__content-area .editor-styles-wrapper .site-main > section {
@ -1596,8 +1568,8 @@ Add your custom styles in this file so it is easier to update the theme.
padding-left: 0; padding-left: 0;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul .sub-menu, .edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul ul.sub-menu,
.edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation ul .sub-menu { .edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation ul ul.sub-menu {
padding-top: 0.5rem; padding-top: 0.5rem;
padding-left: 1rem; padding-left: 1rem;
} }
@ -1609,28 +1581,15 @@ 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 a, .edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation a,
.edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation a { .edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation a {
display: flex;
align-items: center;
min-height: 100%;
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.toggled ul {
display: block; display: block;
margin: 0;
padding: 0;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation.toggled ul .sub-menu {
padding: 0.5em;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation.toggled li {
padding: 0;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation.toggled a {
margin: 0;
padding: 0.5em;
display: block;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation.toggled .main-navigation-content { .edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation.toggled .main-navigation-content {
@ -1734,6 +1693,17 @@ Add your custom styles in this file so it is easier to update the theme.
} }
} }
@media screen and (max-width: 47.99em) {
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation-content li {
padding: 0.5rem 0;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation-content {
padding: 4rem 2rem;
}
}
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
.edit-post-visual-editor__content-area .editor-styles-wrapper { .edit-post-visual-editor__content-area .editor-styles-wrapper {
@ -1764,8 +1734,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 .main-navigation ul .menu-item-has-children > ul, .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 .secondary-navigation ul .menu-item-has-children > ul { .edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation ul .menu-item-has-children > ul {
background-color: rgba(255, 255, 255, 0.95); background-color: rgba(255, 255, 255, 0.95);
box-shadow: -4px 4px 15px #999;
border-radius: 0.2em;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul .sub-menu, .edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul .sub-menu,
@ -1775,8 +1743,6 @@ Add your custom styles in this file so it is easier to update the theme.
top: 100%; top: 100%;
left: -999em; left: -999em;
z-index: 99999; z-index: 99999;
padding-top: 0.5rem;
padding-left: 1rem;
} }
.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 .sub-menu ul,
@ -1791,20 +1757,17 @@ Add your custom styles in this file so it is easier to update the theme.
.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 .sub-menu li.focus > ul {
display: block; display: block;
left: 4em; left: 4em;
top: 3em; 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 .sub-menu 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 .sub-menu a {
display: flex;
align-items: center;
min-height: 100%;
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 .main-navigation ul li,
.edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation ul li { .edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation ul li {
padding: 1em; 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,
@ -1824,6 +1787,11 @@ 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;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul ul.sub-menu li {
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-ancestor > a::after,
@ -1832,7 +1800,8 @@ Add your custom styles in this file so it is easier to update the theme.
content: ""; content: "";
position: absolute; position: absolute;
left: 1em; left: 1em;
bottom: 0.5em; bottom: -0.5em;
min-height: 2px;
height: 2px; height: 2px;
width: calc(100% - 2em); width: calc(100% - 2em);
background-color: #000; background-color: #000;
@ -2182,7 +2151,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 .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info { .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr;
gap: 2rem; gap: 2rem;
} }
@ -2211,7 +2179,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 .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link { .edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link {
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: min-content auto;
align-items: center; align-items: center;
} }
@ -2317,7 +2285,7 @@ Add your custom styles in this file so it is easier to update the theme.
height: auto; height: auto;
aspect-ratio: 1/1; aspect-ratio: 1/1;
margin-bottom: 2em; margin-bottom: 2em;
background-color: rgba(240, 240, 240, 0.4); background-color: rgba(240, 240, 240, 0.2);
border-radius: 0.3em; border-radius: 0.3em;
} }
@ -2436,14 +2404,6 @@ Add your custom styles in this file so it is easier to update the theme.
font-size: 1.5em; font-size: 1.5em;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info {
grid-template-columns: 1fr 1fr 1fr;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link {
grid-template-columns: min-content auto;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each {
flex-direction: row-reverse; flex-direction: row-reverse;
} }

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

16
sass/base/elements/_links.scss
View File

@ -21,19 +21,3 @@ a {
outline: 0; outline: 0;
} }
} }
@media screen {
}
@media screen and (max-width: 48em) {
//only smaller than 48em
a {
overflow-wrap: anywhere;
word-break: normal;
}
}
@media screen and (min-width: 48em) {
//only bigger than 48em
}
@media screen and (min-width: 80em) {
//only bigger than 80rem
}

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

@ -201,7 +201,6 @@
.xarxaprod-associat-info { .xarxaprod-associat-info {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr;
gap: $grid__gap * 2; gap: $grid__gap * 2;
.xarxaprod-associat-contact, .xarxaprod-associat-contact,
.xarxaprod-associat-services { .xarxaprod-associat-services {
@ -234,7 +233,7 @@
} }
.xarxaprod-associat-osm-link { .xarxaprod-associat-osm-link {
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: min-content auto;
align-items: center; align-items: center;
h6,p,a { h6,p,a {
margin: 0.5em ; margin: 0.5em ;
@ -337,7 +336,7 @@
height: auto; height: auto;
aspect-ratio: 1/1; aspect-ratio: 1/1;
margin-bottom: 2em; margin-bottom: 2em;
background-color: rgba(240,240,240,0.4); background-color: rgba(240,240,240,0.2);
border-radius: 0.3em; border-radius: 0.3em;
} }
} }
@ -453,18 +452,6 @@
} }
} }
.single-xarxaprod-associat {
.xarxaprod-associat {
.xarxaprod-associat-info {
grid-template-columns: 1fr 1fr 1fr;
}
.xarxaprod-associat-location {
.xarxaprod-associat-osm-link {
grid-template-columns: min-content auto;
}
}
}
}
.xarxaprod-agenda { .xarxaprod-agenda {
.xarxaprod-card-each { .xarxaprod-card-each {
flex-direction: row-reverse; flex-direction: row-reverse;

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

@ -17,15 +17,22 @@
list-style: none; list-style: none;
margin: 0; margin: 0;
padding-left: 0; padding-left: 0;
.sub-menu {
ul.sub-menu {
padding-top: 0.5rem; padding-top: 0.5rem;
padding-left: 1rem; padding-left: 1rem;
} }
} }
li { li {
position: relative; position: relative;
&:hover > a,
&.focus > a {
}
} }
a { a {
display: flex;
align-items: center;
min-height: 100%;
text-decoration: none; text-decoration: none;
font-size: 1rem; font-size: 1rem;
} }
@ -34,22 +41,6 @@
.main-navigation { .main-navigation {
&.toggled { &.toggled {
ul { ul {
display: block;
margin:0;
padding:0;
.sub-menu {
padding: 0.5em;
a {
}
}
}
li {
padding: 0;
}
a {
margin:0;
padding: 0.5em;
display: block; display: block;
} }
.main-navigation-content { .main-navigation-content {
@ -146,16 +137,16 @@
/* end of menu hidden*/ /* end of menu hidden*/
} }
@media screen and (max-width: 48em) { @media screen and (max-width: 47.99em) {
.site-branding { .site-branding {
} }
.main-navigation-content { .main-navigation-content {
li { li {
//padding: 0.5rem 0; padding: 0.5rem 0;
} }
} }
.secondary-navigation-content { .secondary-navigation-content {
//padding: 4rem 2rem; padding: 4rem 2rem;
} }
} }
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
@ -175,8 +166,6 @@
flex-flow: row; flex-flow: row;
.menu-item-has-children > ul { .menu-item-has-children > ul {
background-color: rgba(255,255,255,0.95); background-color: rgba(255,255,255,0.95);
box-shadow: -4px 4px 15px #999;
border-radius: 0.2em;
} }
.sub-menu { .sub-menu {
float: left; float: left;
@ -184,35 +173,43 @@
top: 100%; top: 100%;
left: -999em; left: -999em;
z-index: 99999; z-index: 99999;
padding-top: 0.5rem;
padding-left: 1rem;
ul { ul {
left: -999em; left: -999em;
top: 0; top: 0;
} }
li { li {
&:hover > ul, &:hover > ul,
&.focus > ul { &.focus > ul {
display: block; display: block;
left: 4em; left: 4em;
top: 3em; top: 1em;
} }
} }
a { a {
display: flex;
align-items: center;
min-height: 100%;
width: 200px; width: 200px;
} }
:hover > a,
.focus > a {
}
a:hover,
a.focus {
}
} }
li { li {
padding: 1em; padding: 0 1em;
//order: 2;
&:hover > ul, &:hover > ul,
&.focus > ul { &.focus > ul {
left: auto; left: auto;
} }
&.lang-item { &.lang-item {
//order: 1;
} }
} }
} }
@ -224,9 +221,9 @@
justify-content: end; justify-content: end;
ul.sub-menu { ul.sub-menu {
flex-direction: column; flex-direction: column;
//padding: 0.5rem; padding: 0.5rem;
li { li {
//padding: 0.5rem; margin: 0.5rem 0;
} }
} }
} }
@ -236,8 +233,8 @@
content: ""; content: "";
position: absolute; position: absolute;
left: 1em; left: 1em;
bottom: 0.5em; bottom: -0.5em;
//min-height: 0.2em; min-height: 2px;
height: 2px; height: 2px;
width: calc(100% - 2em); width: calc(100% - 2em);
background-color: $color__black; background-color: $color__black;

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

@ -1,24 +1,12 @@
@media screen { @media screen {
html:not([data-scroll='0']) { html:not([data-scroll='0']) {
.site-header:before { .site-header {
content: "";
display:inline-block;
position: absolute;
width: 100vw;
top: 0;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right:-50vw;
height: 100%;
z-index: -1;
background-color: $color__white; background-color: $color__white;
} }
} }
.no-sidebar { .no-sidebar {
} }
.site { .site {
position: relative;
display: grid; display: grid;
grid-template-columns: auto minmax(min-content, 30em) minmax(min-content, 30em) auto; grid-template-columns: auto minmax(min-content, 30em) minmax(min-content, 30em) auto;
grid-auto-rows: min-content auto min-content min-content; grid-auto-rows: min-content auto min-content min-content;
@ -48,8 +36,14 @@
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 500; z-index: 500;
width: 100%; display: grid;
grid-template-areas:
"main"
"secondary ";
grid-row: auto;
align-items: center;
padding: 0.5rem 0; padding: 0.5rem 0;
width: 100vw;
background-color: transparent; background-color: transparent;
.main { .main {
@ -130,27 +124,10 @@
} }
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
//only bigger than 48em //only bigger than 48em
html:not([data-scroll='0']) {
.site-header:before {
content: "";
display:inline-block;
position: absolute;
width: 100vw;
top: 0;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right:-50vw;
height: 100%;
z-index: -1;
background-color: $color__white;
}
}
.site { .site {
//grid-template-columns: 1fr 2fr 2fr 1fr; //grid-template-columns: 1fr 2fr 2fr 1fr;
> header { > header {
//grid-column: 1 / -1; grid-column: 1 / -1;
grid-column: 2 / 4;
} }
> main { > main {
grid-column: 2 / 4; grid-column: 2 / 4;
@ -163,6 +140,11 @@
} }
} }
.site-header { .site-header {
display: grid;
grid-template-columns: auto minmax(min-content, 30em) minmax(min-content, 30em) auto;
grid-template-areas:
"main "
"secondary ";
margin: auto; margin: auto;
margin-bottom: 2rem; margin-bottom: 2rem;
padding: 0; padding: 0;
@ -178,7 +160,7 @@
} }
} }
.site-main { .site-main {
padding: 0; padding: 0 2rem;
> section { > section {
padding: 4em 0; padding: 4em 0;
} }

116
style.css
View File

@ -1019,14 +1019,6 @@ a:active {
outline: 0; outline: 0;
} }
@media screen and (max-width: 48em) {
a {
overflow-wrap: anywhere;
word-break: normal;
}
}
/* Forms /* Forms
--------------------------------------------- */ --------------------------------------------- */
button, button,
@ -1175,23 +1167,11 @@ textarea {
--------------------------------------------------------------*/ --------------------------------------------------------------*/
@media screen { @media screen {
html:not([data-scroll="0"]) .site-header::before { html:not([data-scroll="0"]) .site-header {
content: "";
display: inline-block;
position: absolute;
width: 100vw;
top: 0;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
height: 100%;
z-index: -1;
background-color: #fff; background-color: #fff;
} }
.site { .site {
position: relative;
display: grid; display: grid;
grid-template-columns: auto minmax(min-content, 30em) minmax(min-content, 30em) auto; grid-template-columns: auto minmax(min-content, 30em) minmax(min-content, 30em) auto;
grid-auto-rows: min-content auto min-content min-content; grid-auto-rows: min-content auto min-content min-content;
@ -1222,8 +1202,12 @@ textarea {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 500; z-index: 500;
width: 100%; display: grid;
grid-template-areas: "main" "secondary ";
grid-row: auto;
align-items: center;
padding: 0.5rem 0; padding: 0.5rem 0;
width: 100vw;
background-color: transparent; background-color: transparent;
} }
@ -1318,23 +1302,8 @@ textarea {
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
html:not([data-scroll="0"]) .site-header::before {
content: "";
display: inline-block;
position: absolute;
width: 100vw;
top: 0;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
height: 100%;
z-index: -1;
background-color: #fff;
}
.site > header { .site > header {
grid-column: 2 / 4; grid-column: 1 / -1;
} }
.site > main { .site > main {
@ -1350,6 +1319,9 @@ textarea {
} }
.site-header { .site-header {
display: grid;
grid-template-columns: auto minmax(min-content, 30em) minmax(min-content, 30em) auto;
grid-template-areas: "main " "secondary ";
margin: auto; margin: auto;
margin-bottom: 2rem; margin-bottom: 2rem;
padding: 0; padding: 0;
@ -1367,7 +1339,7 @@ textarea {
} }
.site-main { .site-main {
padding: 0; padding: 0 2rem;
} }
.site-main > section { .site-main > section {
@ -1454,8 +1426,8 @@ textarea {
padding-left: 0; padding-left: 0;
} }
.main-navigation ul .sub-menu, .main-navigation ul ul.sub-menu,
.secondary-navigation ul .sub-menu { .secondary-navigation ul ul.sub-menu {
padding-top: 0.5rem; padding-top: 0.5rem;
padding-left: 1rem; padding-left: 1rem;
} }
@ -1467,28 +1439,15 @@ textarea {
.main-navigation a, .main-navigation a,
.secondary-navigation a { .secondary-navigation a {
display: flex;
align-items: center;
min-height: 100%;
text-decoration: none; text-decoration: none;
font-size: 1rem; font-size: 1rem;
} }
.main-navigation.toggled ul { .main-navigation.toggled ul {
display: block; display: block;
margin: 0;
padding: 0;
}
.main-navigation.toggled ul .sub-menu {
padding: 0.5em;
}
.main-navigation.toggled li {
padding: 0;
}
.main-navigation.toggled a {
margin: 0;
padding: 0.5em;
display: block;
} }
.main-navigation.toggled .main-navigation-content { .main-navigation.toggled .main-navigation-content {
@ -1595,6 +1554,17 @@ textarea {
/* end of menu hidden*/ /* end of menu hidden*/
} }
@media screen and (max-width: 47.99em) {
.main-navigation-content li {
padding: 0.5rem 0;
}
.secondary-navigation-content {
padding: 4rem 2rem;
}
}
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
.custom-logo { .custom-logo {
@ -1615,8 +1585,6 @@ textarea {
.main-navigation ul .menu-item-has-children > ul, .main-navigation ul .menu-item-has-children > ul,
.secondary-navigation ul .menu-item-has-children > ul { .secondary-navigation ul .menu-item-has-children > ul {
background-color: rgba(255, 255, 255, 0.95); background-color: rgba(255, 255, 255, 0.95);
box-shadow: -4px 4px 15px #999;
border-radius: 0.2em;
} }
.main-navigation ul .sub-menu, .main-navigation ul .sub-menu,
@ -1626,8 +1594,6 @@ textarea {
top: 100%; top: 100%;
left: -999em; left: -999em;
z-index: 99999; z-index: 99999;
padding-top: 0.5rem;
padding-left: 1rem;
} }
.main-navigation ul .sub-menu ul, .main-navigation ul .sub-menu ul,
@ -1642,20 +1608,17 @@ textarea {
.secondary-navigation ul .sub-menu li.focus > ul { .secondary-navigation ul .sub-menu li.focus > ul {
display: block; display: block;
left: 4em; left: 4em;
top: 3em; top: 1em;
} }
.main-navigation ul .sub-menu a, .main-navigation ul .sub-menu a,
.secondary-navigation ul .sub-menu a { .secondary-navigation ul .sub-menu a {
display: flex;
align-items: center;
min-height: 100%;
width: 200px; width: 200px;
} }
.main-navigation ul li, .main-navigation ul li,
.secondary-navigation ul li { .secondary-navigation ul li {
padding: 1em; padding: 0 1em;
} }
.main-navigation ul li:hover > ul, .main-navigation ul li:hover > ul,
@ -1675,6 +1638,11 @@ textarea {
.main-navigation ul ul.sub-menu { .main-navigation ul ul.sub-menu {
flex-direction: column; flex-direction: column;
padding: 0.5rem;
}
.main-navigation ul ul.sub-menu li {
margin: 0.5rem 0;
} }
.main-navigation .current-menu-ancestor > a::after, .main-navigation .current-menu-ancestor > a::after,
@ -1683,7 +1651,8 @@ textarea {
content: ""; content: "";
position: absolute; position: absolute;
left: 1em; left: 1em;
bottom: 0.5em; bottom: -0.5em;
min-height: 2px;
height: 2px; height: 2px;
width: calc(100% - 2em); width: calc(100% - 2em);
background-color: #000; background-color: #000;
@ -2011,7 +1980,6 @@ textarea {
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info { .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr;
gap: 2rem; gap: 2rem;
} }
@ -2040,7 +2008,7 @@ textarea {
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link { .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link {
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: min-content auto;
align-items: center; align-items: center;
} }
@ -2162,7 +2130,7 @@ textarea {
height: auto; height: auto;
aspect-ratio: 1/1; aspect-ratio: 1/1;
margin-bottom: 2em; margin-bottom: 2em;
background-color: rgba(240, 240, 240, 0.4); background-color: rgba(240, 240, 240, 0.2);
border-radius: 0.3em; border-radius: 0.3em;
} }
@ -2283,14 +2251,6 @@ textarea {
font-size: 1.5em; font-size: 1.5em;
} }
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info {
grid-template-columns: 1fr 1fr 1fr;
}
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link {
grid-template-columns: min-content auto;
}
.xarxaprod-agenda .xarxaprod-card-each { .xarxaprod-agenda .xarxaprod-card-each {
flex-direction: row-reverse; flex-direction: row-reverse;
} }

2
style.css.map
View File

File diff suppressed because one or more lines are too long