styled footer

This commit is contained in:
jorge 2024-03-05 13:14:35 +01:00
parent 17912acdc4
commit 0ab8d777eb
7 changed files with 148 additions and 36 deletions

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.3 Version: 1.1.4
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
@ -1315,7 +1315,16 @@ Add your custom styles in this file so it is easier to update the theme.
background: #000; background: #000;
color: #fff; color: #fff;
margin-top: 4em; margin-top: 4em;
padding: 2em 1em; }
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer :where(.wp-block-columns.is-layout-flex) {
gap: 6em;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer .site-info > section {
margin-top: 2em;
padding: 2em 0;
border-top: 0.1em solid #fff;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer a { .edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer a {
@ -1328,10 +1337,45 @@ Add your custom styles in this file so it is easier to update the theme.
color: #fff; color: #fff;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer img { .edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer ul[id*="menu-footer"] {
height: 2.5em; column-count: 3;
margin: 0; }
filter: invert(1);
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer ul[id*="menu-footer"] a {
text-decoration: underline;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer ul[id*="menu-legal"] li {
float: left;
padding-left: 0.8em;
font-size: 0.8em;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer ul[id*="menu-social-media"] {
display: flex;
flex-flow: row;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer ul[id*="menu-social-media"] li {
height: 1.5em;
width: 1.5em;
background-color: #fff;
border-radius: 5em;
margin-right: 0.3em;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer ul[id*="menu-social-media"] li::before {
content: "A";
display: block;
color: #000;
font-size: 1em;
width: 2em;
height: 2em;
text-align: center;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer ul[id*="menu-social-media"] li a {
font-size: 0;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .home-featured { .edit-post-visual-editor__content-area .editor-styles-wrapper .home-featured {
@ -1404,11 +1448,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 .site-footer { .edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer {
flex-flow: column; flex-flow: column;
padding: 2em 4em;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer img {
margin: 0 0.5em;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .home-featured { .edit-post-visual-editor__content-area .editor-styles-wrapper .home-featured {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -76,17 +76,56 @@
background: $color__black; background: $color__black;
color: $color__white; color: $color__white;
margin-top: 4em; margin-top: 4em;
padding: 2em 1em; :where(.wp-block-columns.is-layout-flex) {
gap: 6em;
}
.site-info {
&> section {
margin-top: 2em;
padding: 2em 0;
border-top: 0.1em solid $color__white;
}
}
a { a {
color: $color__white; color: $color__white;
&:hover,&:visited,&:active { &:hover,&:visited,&:active {
color: $color__white; color: $color__white;
} }
} }
img { ul[id*="menu-footer"] {
height: 2.5em; column-count: 3;
margin: 0; a {
filter: invert(1); text-decoration: underline;
}
}
ul[id*="menu-legal"] li {
float: left;
padding-left: 0.8em;
font-size: 0.8em;
}
ul[id*="menu-social-media"] {
display:flex;
flex-flow: row;
li {
height: 1.5em;
width: 1.5em;
background-color: $color__white;
border-radius: 5em;
margin-right: 0.3em;
&:before {
content:"A";
display: block;
color: $color__black;
font-size: 1em;
width: 2em;
height: 2em;
text-align:center;
}
a {
font-size: 0px;
}
}
} }
} }
.home-featured { .home-featured {
@ -147,7 +186,6 @@
.main { .main {
grid-column: 2/4; grid-column: 2/4;
//align-items: center;
width: 100%; width: 100%;
} }
.secondary { .secondary {
@ -161,10 +199,6 @@
} }
.site-footer { .site-footer {
flex-flow: column; flex-flow: column;
padding: 2em 4em;
img {
margin: 0 0.5em;
}
} }
.home-featured { .home-featured {
padding: 0 2rem; padding: 0 2rem;

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.3 Version: 1.1.4
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

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.3 Version: 1.1.4
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
@ -1182,7 +1182,16 @@ textarea {
background: #000; background: #000;
color: #fff; color: #fff;
margin-top: 4em; margin-top: 4em;
padding: 2em 1em; }
.site-footer :where(.wp-block-columns.is-layout-flex) {
gap: 6em;
}
.site-footer .site-info > section {
margin-top: 2em;
padding: 2em 0;
border-top: 0.1em solid #fff;
} }
.site-footer a { .site-footer a {
@ -1195,10 +1204,45 @@ textarea {
color: #fff; color: #fff;
} }
.site-footer img { .site-footer ul[id*="menu-footer"] {
height: 2.5em; column-count: 3;
margin: 0; }
filter: invert(1);
.site-footer ul[id*="menu-footer"] a {
text-decoration: underline;
}
.site-footer ul[id*="menu-legal"] li {
float: left;
padding-left: 0.8em;
font-size: 0.8em;
}
.site-footer ul[id*="menu-social-media"] {
display: flex;
flex-flow: row;
}
.site-footer ul[id*="menu-social-media"] li {
height: 1.5em;
width: 1.5em;
background-color: #fff;
border-radius: 5em;
margin-right: 0.3em;
}
.site-footer ul[id*="menu-social-media"] li::before {
content: "A";
display: block;
color: #000;
font-size: 1em;
width: 2em;
height: 2em;
text-align: center;
}
.site-footer ul[id*="menu-social-media"] li a {
font-size: 0;
} }
.home-featured { .home-featured {
@ -1271,11 +1315,6 @@ textarea {
.site-footer { .site-footer {
flex-flow: column; flex-flow: column;
padding: 2em 4em;
}
.site-footer img {
margin: 0 0.5em;
} }
.home-featured { .home-featured {

File diff suppressed because one or more lines are too long