sergiotarxz/burguillos.info
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fixing bad spacing in the articles selection.

Browse Source
This commit is contained in:
Sergiotarxz 2023-05-07 06:57:21 +02:00
parent 9dfd09d29d
commit 67ec2d5432
2 changed files with 39 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
public/css/styles.css
View File

@ -200,6 +200,15 @@ body {
body div.page-contents table th, body div.page-contents table td { body div.page-contents table th, body div.page-contents table td {
font-size: 20px; } } font-size: 20px; } }
@media (min-width: 694px) {
body div.page-contents div.description {
margin-top: auto; }
body div.page-contents div.description div.articles a {
width: 45%;
margin-left: 5%; }
body div.page-contents div.description div.articles a:nth-child(2n+1) {
margin-left: 0%; } }
@media (min-width: 1100px) { @media (min-width: 1100px) {
body div.page-contents { body div.page-contents {
top: 0%; top: 0%;
@ -222,16 +231,13 @@ body {
body div.page-contents nav.mobile-shortcuts { body div.page-contents nav.mobile-shortcuts {
display: none; } } display: none; } }
@media (min-width: 694px) {
body div.page-contents div.description {
margin-top: auto; }
body div.page-contents div.description div.articles a {
width: 45%;
margin-left: 5%; } }
@media (min-width: 1333px) { @media (min-width: 1333px) {
body div.page-contents div.description { body div.page-contents div.description {
margin-top: auto; } margin-top: auto; }
body div.page-contents div.description div.articles a { body div.page-contents div.description div.articles a {
width: 30%; width: 30%;
margin-left: 3%; } } margin-left: 3%; }
body div.page-contents div.description div.articles a:nth-child(2n+1) {
margin-left: 3%; }
body div.page-contents div.description div.articles a:nth-child(3n+1) {
margin-left: 0%; } }

41
public/css/styles.scss
View File

@ -327,6 +327,25 @@ body {
} }
} }
} }
@media (min-width: 694px) {
body {
div.page-contents {
div.description {
margin-top: auto;
div.articles {
a {
&:nth-child(2n+1) {
margin-left: 0%;
}
width: 45%;
margin-left: 5%;
}
}
}
}
}
}
@media (min-width: 1100px) { @media (min-width: 1100px) {
body { body {
@ -366,22 +385,6 @@ body {
} }
} }
@media (min-width: 694px) {
body {
div.page-contents {
div.description {
margin-top: auto;
div.articles {
a {
width: 45%;
margin-left: 5%;
}
}
}
}
}
}
@media (min-width: 1333px) { @media (min-width: 1333px) {
body { body {
div.page-contents { div.page-contents {
@ -390,6 +393,12 @@ body {
div.articles { div.articles {
a { a {
&:nth-child(2n+1) {
margin-left: 3%;
}
&:nth-child(3n+1) {
margin-left: 0%;
}
width: 30%; width: 30%;
margin-left: 3%; margin-left: 3%;
} }