add depth styling, index page stats, footer margin
This commit is contained in:
@@ -43,3 +43,52 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.statscontainer {
|
||||
background: var(--black1);
|
||||
box-shadow: var(--shadow0);
|
||||
}
|
||||
.stats {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
article {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
border: 1px solid var(--grey);
|
||||
padding: 0 4rem;
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
font-size: 1.35em;
|
||||
text-align: center;
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
}
|
||||
&:first-of-type {
|
||||
border-left: none;
|
||||
}
|
||||
&:last-of-type {
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 800px) {
|
||||
padding-top: 0;
|
||||
flex-direction: column;
|
||||
article {
|
||||
font-size: 1em;
|
||||
padding: 0.5rem 0;
|
||||
border: 1px solid var(--grey);
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
border-top: 0;
|
||||
&:first-of-type {
|
||||
padding-top: 0;
|
||||
border-top: 0;
|
||||
}
|
||||
&:last-of-type {
|
||||
padding-bottom: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user