[Agregar] estilos para listas y tablas
This commit is contained in:
parent
00cb33cdbd
commit
95d33c6140
2 changed files with 76 additions and 7 deletions
|
@ -114,6 +114,23 @@ header:hover {
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Estilos para las listas */
|
||||||
|
.post__copy ul, .post__copy ol {
|
||||||
|
padding-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post__copy li {
|
||||||
|
line-height: 2.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Estilos para las tablas */
|
||||||
|
.post__body table th{
|
||||||
|
font-size: 1.6rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post__body table td{
|
||||||
|
font-size: 1.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
/* Estilos para la seccion de popular posts */
|
/* Estilos para la seccion de popular posts */
|
||||||
.popular-posts {
|
.popular-posts {
|
||||||
|
|
|
@ -262,12 +262,6 @@ header::before {
|
||||||
.post__copy h6 {
|
.post__copy h6 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-top: 2.2rem;
|
margin-top: 2.2rem;
|
||||||
}
|
|
||||||
|
|
||||||
.post__copy > h3 {
|
|
||||||
font-size: 2.2rem;
|
|
||||||
line-height: 2.8rem;
|
|
||||||
font-weight: 600;
|
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -288,6 +282,7 @@ header::before {
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Estilos para las imagenes */
|
/* Estilos para las imagenes */
|
||||||
.post__copy img {
|
.post__copy img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -344,10 +339,67 @@ header::before {
|
||||||
display: block;
|
display: block;
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
font-size: 0.8rem;
|
font-size: 1rem;
|
||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Estilos para las listas */
|
||||||
|
.post__copy ul, .post__copy ol {
|
||||||
|
padding-left: 20px;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post__copy ul ::marker {
|
||||||
|
color: var(--color-black);
|
||||||
|
}
|
||||||
|
|
||||||
|
.post__copy li:not(:last-child) {
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post__copy li {
|
||||||
|
font-size: 1.4rem;
|
||||||
|
line-height: 2.6rem;
|
||||||
|
letter-spacing: -.25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post__body table {
|
||||||
|
width: 100%;
|
||||||
|
margin: 15px 0;
|
||||||
|
border-collapse: collapse;
|
||||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.post__body table td, table th {
|
||||||
|
padding: 8px;
|
||||||
|
color: var(--color-black);
|
||||||
|
}
|
||||||
|
|
||||||
|
.post__body table th{
|
||||||
|
font-size: 1.4rem;
|
||||||
|
font-weight: 700;
|
||||||
|
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
|
||||||
|
border: 1px solid var(--color-secondary-purple);
|
||||||
|
color: var(--color-background);
|
||||||
|
background-color: var(--color-secondary-purple);
|
||||||
|
}
|
||||||
|
|
||||||
|
.post__body table td{
|
||||||
|
font-size: 1.2rem;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post__body tbody tr:nth-child(odd){
|
||||||
|
background-color: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post__body tbody tr:nth-child(even){
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* Estilos de la sección de otros post para mostrar */
|
/* Estilos de la sección de otros post para mostrar */
|
||||||
|
|
||||||
.popular-posts {
|
.popular-posts {
|
||||||
|
|
Loading…
Reference in a new issue