diff options
Diffstat (limited to 'app/base.styl')
| -rw-r--r-- | app/base.styl | 58 |
1 files changed, 57 insertions, 1 deletions
diff --git a/app/base.styl b/app/base.styl index 43be22d..76825be 100644 --- a/app/base.styl +++ b/app/base.styl @@ -96,7 +96,6 @@ article { dl { display: flex flex-flow: row wrap - // justify-content: space-between; } dt { @@ -118,3 +117,60 @@ article { } } } + +.work { + article > .info { + display: flex + flex-flow: row wrap + justify-content: space-between; + + @media screen and (max-width: 740px) { + flex-flow: column wrap + } + + // company + h2 { + order: 0 + min-width: 50% + margin-top: 0.2em + margin-bottom: 0 + } + + // title + em:nth-of-type(1) { + order: 2 + min-width: 50% + + @media screen and (max-width: 740px) { + order: 1 + } + } + + // location + em:nth-of-type(2) { + order 1 + min-width: 50% + text-align: right + align-self: flex-end + + @media screen and (max-width: 740px) { + order: 2 + text-align: left + align-self: flex-start + } + } + + // duration + em:nth-of-type(3) { + order: 3 + min-width: 50% + text-align: right + align-self: flex-end + + @media screen and (max-width: 740px) { + text-align: left + align-self: flex-start + } + } + } +} |