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

styled premsa i comunciacio and dowloadable elements

This commit is contained in:
jorge 2024-03-11 22:07:29 +01:00
parent 2171c18401
commit 96ada7b5c7
8 changed files with 92 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
adminstyles.css
View File

@ -1833,10 +1833,16 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper {
/*
* pages and posts with squared content like
* blocks columns with line below each block
* see Que oferim?
* */
/*
* download files
* line and icon to show download
*
* * * * * * * */
/* used in
* ./template-parts/section-eachpost.php
* */
@ -1912,6 +1918,27 @@ Add your custom styles in this file so it is easier to update the theme.
bottom: 0;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .descarregar-fitxers a,
.edit-post-visual-editor__content-area .editor-styles-wrapper .descarga-fichero a,
.edit-post-visual-editor__content-area .editor-styles-wrapper .download-files a {
display: inline-block;
width: 100%;
border-bottom: 0.05em solid #000;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .descarregar-fitxers a::after,
.edit-post-visual-editor__content-area .editor-styles-wrapper .descarga-fichero a::after,
.edit-post-visual-editor__content-area .editor-styles-wrapper .download-files a::after {
content: "";
display: inline-block;
float: right;
width: 1em;
height: 1em;
background-image: url(./assets/img/icon-download.svg);
background-repeat: none;
background-size: contain;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each {
display: flex;
flex-direction: column;

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

9
assets/img/icon-download.svg Normal file
View File

@ -0,0 +1,9 @@
<?xml version="1.0" ?>
<svg width="" height="" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title/>
<g id="download">
<path d="M3,12.3v7a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2v-7" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<polyline data-name="Right" fill="none" id="Right-2" points="7.9 12.3 12 16.3 16.1 12.3" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<line fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="12" x2="12" y1="2.7" y2="14.2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 608 B

1
sass/abstracts/variables/_colors.scss
View File

@ -48,3 +48,4 @@ $color__border-button-hover: $color__black-grey;
$color__border-button-focus: $color__black-light;
$color__border-input: $color__black;
$color__border-abbr: $color__grey-dark;
$border__line: 0.05em solid $color__black;

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

@ -28,7 +28,7 @@
}
/*
* pages and posts with squared content like
* blocks columns with line below each block
* see Que oferim?
* */
@ -49,7 +49,29 @@
}
}
}
/*
* download files
* line and icon to show download
*
* * * * * * * */
.descarregar-fitxers,.descarga-fichero,.download-files {
a {
display: inline-block;
width: 100%;
border-bottom: $border__line;
&:after {
content: "";
display:inline-block;
float: right;
width: 1em;
height: 1em;
background-image: url(./assets/img/icon-download.svg);
background-repeat: none;
background-size: contain;
}
}
}
/* used in
* ./template-parts/section-eachpost.php

28
style.css
View File

@ -1720,7 +1720,7 @@ textarea {
}
/*
* pages and posts with squared content like
* blocks columns with line below each block
* see Que oferim?
* */
.ratlla-abaix .wp-block-column,
@ -1744,6 +1744,32 @@ textarea {
bottom: 0;
}
/*
* download files
* line and icon to show download
*
* * * * * * * */
.descarregar-fitxers a,
.descarga-fichero a,
.download-files a {
display: inline-block;
width: 100%;
border-bottom: 0.05em solid #000;
}
.descarregar-fitxers a::after,
.descarga-fichero a::after,
.download-files a::after {
content: "";
display: inline-block;
float: right;
width: 1em;
height: 1em;
background-image: url(./assets/img/icon-download.svg);
background-repeat: none;
background-size: contain;
}
/* used in
* ./template-parts/section-eachpost.php
* */

2
style.css.map
View File

File diff suppressed because one or more lines are too long