mirror of
https://github.com/kremalicious/portfolio.git
synced 2025-01-03 10:25:00 +01:00
mobile tweaks
This commit is contained in:
parent
8182120ea4
commit
851d8fd4a3
@ -13,12 +13,17 @@
|
|||||||
|
|
||||||
.item {
|
.item {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 40vw;
|
width: 60vw;
|
||||||
margin-left: $spacer * 2;
|
margin-left: $spacer;
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin-right: $spacer * 2;
|
margin-right: $spacer * 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 30rem) {
|
||||||
|
width: 40vw;
|
||||||
|
margin-left: $spacer * 2;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.image {
|
.image {
|
||||||
|
@ -26,15 +26,17 @@
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 $spacer / 4;
|
padding: 0 $spacer / 4;
|
||||||
font-size: $font-size-small;
|
font-size: $font-size-small;
|
||||||
margin-left: $spacer;
|
margin-left: $spacer / 2;
|
||||||
|
margin-right: $spacer / 2;
|
||||||
|
margin-bottom: $spacer / 2;
|
||||||
color: $text-color-light;
|
color: $text-color-light;
|
||||||
|
|
||||||
&:first-child {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:global(.dark) & {
|
:global(.dark) & {
|
||||||
color: $text-color-light--dark;
|
color: $text-color-light--dark;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.footer__copyright {
|
||||||
|
opacity: .6;
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user