Tidied up CSS errors

Changed CSS to remove gaps at top and bottom of sheets, as well as between folders on sidebars. Also set object-fit mode of images on sheets to contain to avoid incorrect aspect ratios of images.
This commit is contained in:
LebombJames 2021-09-03 00:10:06 +01:00
parent 2b07fa546e
commit fba98e4ecd
2 changed files with 13 additions and 4 deletions

View file

@ -47,7 +47,7 @@ $hover-brightness: 0.8;
}
section {
margin-bottom: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
@ -198,6 +198,7 @@ $hover-brightness: 0.8;
display: flex;
flex-direction: row;
margin-bottom: 0px;
margin-top: 10px;
> * {
margin-right: 10px;
@ -706,7 +707,7 @@ $hover-brightness: 0.8;
.clock-block .blades-clock-name-type {
> * {
margin-bottom: 10px;
margin-bottom: 0px;
max-width: 220px;
}
}

View file

@ -32,7 +32,7 @@
font-family: Georgia, "Bitstream Charter", "Times New Roman", serif;
}
* header {
margin-bottom: 10px;
// margin-bottom: 10px;
}
* ul {
list-style: none;
@ -48,7 +48,7 @@
padding: 5px;
}
* section {
margin-bottom: 10px;
margin-bottom: 0px;
display: flex;
flex-direction: column;
justify-content: space-between;
@ -177,6 +177,7 @@
display: flex;
flex-direction: row;
margin-bottom: 0px;
margin-top: 10px;
/* Trauma */
}
* .big-teeth-section > * {
@ -1264,5 +1265,12 @@
* #loadout select:hover {
color: red;
}
* img {
box-sizing: border-box;
border: 1px solid #000;
border-radius: 2px;
max-width: 100%;
object-fit: contain;
}
/*# sourceMappingURL=blades.css.map */