m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2024-12-22 09:13:19 +01:00
Code Releases Activity

typography updates

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-05-05 23:47:12 +02:00
parent 9da9c6ce8b
commit a296255287
Signed by: m
GPG Key ID: 606EEEF3C479A91F
6 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/atoms/Content.scss
View File

@ -1,4 +1,4 @@
.content {
max-width: 40rem;
max-width: 38rem;
margin: 0 auto;
}

5
src/components/molecules/ProjectTechstack.scss
View File

@ -19,9 +19,6 @@
margin-left: $spacer / 2;
margin-bottom: $spacer / 2;
flex: 0 0 calc(50% - #{$spacer / 2});
@media (min-width: 35rem) {
flex-basis: calc(33% - #{$spacer / 2});
}
font-size: $font-size-base;
}
}

8
src/components/organisms/Header.scss
View File

@ -54,7 +54,7 @@
@media (min-width: 30rem) {
margin-top: $spacer;
margin-bottom: $spacer;
margin-bottom: 0;
}
.header__title,
@ -75,6 +75,7 @@
width: 1rem;
height: 1rem;
margin-bottom: $spacer / 3;
opacity: .5;
}
.header__name {
@ -87,6 +88,11 @@
transition: color .2s ease-out;
}
.header__logo {
opacity: 1;
transition: opacity .2s ease-out;
}
.header__title {
color: $brand-main;
}

4
src/styles/_variables.scss
View File

@ -22,14 +22,14 @@ $text-color-light: $brand-grey-light;
// Typography
/////////////////////////////////////
$font-size-root : 16px;
$font-size-root : 18px;
$font-size-base : 1rem;
$font-size-large : 1.2rem;
$font-size-small : .8rem;
$font-size-mini : .7rem;
$font-size-h1 : 3rem;
$font-size-h1 : 2.5rem;
$font-size-h2 : 2rem;
$font-size-h3 : 1.75rem;
$font-size-h4 : $font-size-large;

2
src/templates/Project.jsx
View File

@ -49,8 +49,8 @@ class Project extends Component {
</FullWidth>
<footer className="project__meta">
{!!techstack && <ProjectTechstack techstack={techstack} />}
{!!links && <ProjectLinks links={links} />}
{!!techstack && <ProjectTechstack techstack={techstack} />}
</footer>
</Content>
</article>

2
src/templates/Project.scss
View File

@ -19,7 +19,7 @@
}
.project__description {
font-size: $font-size-large;
font-size: $font-size-base;
color: $brand-grey;
margin-bottom: $spacer * 3;
}