ricardogj08
/
nabu
1
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

[Agregar] estilos generales para los headers, las imagenes y los blockquotes en la vista del articulo

This commit is contained in:
francisco-solis99 2022-03-09 15:42:15 -06:00
parent b7521e6faa
commit 291e247d59
1 changed files with 46 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
assets/styles/pages/article/article.css
View File

@ -253,10 +253,32 @@ header::before {
/* Estilos generales de las etiquetas */
.post__copy > p:not(p:first-child) {
/* Estilos para los heads */
.post__copy h1,
.post__copy h2,
.post__copy h3,
.post__copy h4,
.post__copy h5,
.post__copy h6 {
margin-top: 2.2rem;
}
.post__copy > h3 {
font-size: 2.2rem;
line-height: 2.8rem;
font-weight: 600;
word-wrap: break-word;
}
/* Estilos para los parrafos */
.post__copy > p:not(p:first-child, h2 + p, h3 + p) {
margin-top: 2.8rem;
}
.post__body .post__copy > h3 + p {
margin-top: 1rem;
}
.post__copy > p {
font-size: 1.6rem;
line-height: 2.6rem;
@ -265,16 +287,31 @@ header::before {
word-wrap: break-word;
}
.post__copy > h3 {
margin-top: 2.2rem;
font-size: 2.2rem;
line-height: 2.8rem;
font-weight: 600;
word-wrap: break-word;
/* Estilos para las imagenes */
.post__copy img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Estilos para los enlaces */
.post__copy a {
color: var(--color-black);
text-decoration: none;
}
.post__body .post__copy > h3 + p {
margin-top: 1rem;
/* Estilos para el blockquote */
.post__copy blockquote {
font-style: italic;
font-size: 1.4rem;
line-height: 1.8rem;
margin: 1.5em 0;
padding: 0.5em 10px;
border-left: 4px solid var(--color-secondary-purple);
quotes: "\00BB""\201C""\201D""\2018""\2019";
}
.post__copy blockquote p {
display: inline;
}
/* Estilos de la sección de otros post para mostrar */