diff options
author | Jordan Esh <esh.jordan@gmail.com> | 2021-08-19 17:07:16 +0300 |
---|---|---|
committer | Jordan Esh <esh.jordan@gmail.com> | 2021-08-19 17:07:16 +0300 |
commit | 9db1cf349f58768b0745f745c74359a4814cb9a4 (patch) | |
tree | 90fc291b11929a218472d4df86b1af92d5ad33a2 | |
parent | c6cd6ac30449750246afac041392b12d23441f2c (diff) |
Changed references so they are able to fit side-by-side
-rw-r--r-- | assets/scss/components/_references.scss | 13 | ||||
-rw-r--r-- | layouts/partials/_references.html | 2 |
2 files changed, 10 insertions, 5 deletions
diff --git a/assets/scss/components/_references.scss b/assets/scss/components/_references.scss index dc62f98..80bb9a9 100644 --- a/assets/scss/components/_references.scss +++ b/assets/scss/components/_references.scss @@ -1,6 +1,7 @@ .references { &__item { - display: block; + display: inline-block; + min-width: 49%; @include avoid-break; &:not(:first-child) { padding-top: 1.5rem; @@ -11,7 +12,10 @@ &__subheader { display: block; width: 100%; - height: 2.4rem; + } + + &__subheader { + margin-bottom: 0.5rem; } &__person { @@ -26,8 +30,7 @@ &__name, &__relation { text-align: left; - width: 70%; - float: left; + width: 100%; color: $color-dark; } @@ -49,6 +52,8 @@ } & > span { @include vt-center; + min-height: 1.5rem; + line-height: 1.2rem; } } diff --git a/layouts/partials/_references.html b/layouts/partials/_references.html index e4db7ef..2de14fe 100644 --- a/layouts/partials/_references.html +++ b/layouts/partials/_references.html @@ -8,7 +8,7 @@ {{ range .Site.Data.content.References }} <div class="references__item"> <div class="references__person"> - <div class="references__subheader"> + <div class="references__header"> <h3 class="references__name"> {{ .Name | safeHTML}} </h3> |