Tweak sizes and paddings in Portfolio header

This commit is contained in:
richard-dds 2019-06-04 13:38:19 -04:00
parent 93ecdeebef
commit e03b1fdae3

View File

@ -20,7 +20,7 @@
flex-direction: row; flex-direction: row;
} }
margin: 2 * $gap; margin-bottom: $gap * 4;
.col--grow { .col--grow {
overflow: inherit; overflow: inherit;
@ -28,6 +28,10 @@
.portfolio-header__name { .portfolio-header__name {
@include h1; @include h1;
h1 {
margin: ($gap * 2) $gap ($gap * 2) $gap;
font-size: 3.5rem;
}
} }
.portfolio-header__budget { .portfolio-header__budget {
@ -54,7 +58,7 @@
font-size: $small-font-size; font-size: $small-font-size;
.icon-link { .icon-link {
padding: 0.8rem 1.2rem; padding: 0.8rem 1.6rem;
color: $color-gray; color: $color-gray;
opacity: 0.3; opacity: 0.3;