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

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 { .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? * see Que oferim?
* */ * */
/*
* download files
* line and icon to show download
*
* * * * * * * */
/* used in /* used in
* ./template-parts/section-eachpost.php * ./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; 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 { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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>

After

Width:  |  Height:  |  Size: 608 B

View File

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

View File

@ -28,7 +28,7 @@
} }
/* /*
* pages and posts with squared content like * blocks columns with line below each block
* see Que oferim? * see Que oferim?
* */ * */
@ -50,6 +50,28 @@
} }
} }
/*
* 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 /* used in
* ./template-parts/section-eachpost.php * ./template-parts/section-eachpost.php

View File

@ -1720,7 +1720,7 @@ textarea {
} }
/* /*
* pages and posts with squared content like * blocks columns with line below each block
* see Que oferim? * see Que oferim?
* */ * */
.ratlla-abaix .wp-block-column, .ratlla-abaix .wp-block-column,
@ -1744,6 +1744,32 @@ textarea {
bottom: 0; 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 /* used in
* ./template-parts/section-eachpost.php * ./template-parts/section-eachpost.php
* */ * */

File diff suppressed because one or more lines are too long