styled footer
This commit is contained in:
parent
17912acdc4
commit
0ab8d777eb
|
@ -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
|
@ -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;
|
||||||
|
|
|
@ -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
|
||||||
|
|
61
style.css
61
style.css
|
@ -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
Loading…
Reference in New Issue