diff --git a/assets/styles/pages/article/article.css b/assets/styles/pages/article/article.css index 359768c..432a0fb 100644 --- a/assets/styles/pages/article/article.css +++ b/assets/styles/pages/article/article.css @@ -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 */