m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2025-01-03 10:25:00 +01:00
Code Releases Activity

project nav tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-05-08 18:07:48 +02:00
parent e169b22bf4
commit cc5537b9e0
Signed by: m
GPG Key ID: 606EEEF3C479A91F
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/molecules/ProjectNav.scss
View File

@ -1,5 +1,7 @@
@import 'variables'; @import 'variables';
$breakpoint-project-nav: 45rem;
.project__nav { .project__nav {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -36,7 +38,7 @@
} }
} }
@media (min-width: 45rem) { @media (min-width: $breakpoint-project-nav) {
flex-basis: 33%; flex-basis: 33%;
&:first-child, &:first-child,
@ -66,7 +68,7 @@
order: 3; order: 3;
width: 100%; width: 100%;
@media (min-width: 45rem) { @media (min-width: $breakpoint-project-nav) {
margin-top: 0; margin-top: 0;
margin-left: $spacer * 4; margin-left: $spacer * 4;
margin-right: $spacer * 4; margin-right: $spacer * 4;
@ -107,13 +109,22 @@
text-align: left; text-align: left;
h3 { h3 {
font-size: $font-size-h3; font-size: $font-size-h4;
margin-bottom: $spacer / 4; margin-bottom: $spacer / 4;
color: $brand-grey-light; color: $brand-grey-light;
@media (min-width: $breakpoint-project-nav) {
font-size: $font-size-h3;
}
} }
p { p {
margin: 0; margin: 0;
color: $brand-grey-light; color: $brand-grey-light;
font-size: $font-size-small;
@media (min-width: $breakpoint-project-nav) {
font-size: $font-size-base;
}
} }
} }