diff --git a/_sass/_mixins.scss b/_sass/_mixins.scss index d8df63d..27113b8 100644 --- a/_sass/_mixins.scss +++ b/_sass/_mixins.scss @@ -1,12 +1,6 @@ // Mixins // ---------------------------------------/ -@function em( $fontSize, $contextSize: 16 ) { - @return 1em * ( $fontSize / $contextSize ); } - -@function pct( $size, $context ) { - @return percentage( $size / $context ); } - @mixin border-radius($radius) { -webkit-border-radius: $radius; -moz-border-radius: $radius; @@ -46,16 +40,12 @@ @media (min-width: $screen_width) { @content; } } -@mixin media_1 { - @media (min-width: 700px) { @content; } +@mixin media_larger_than_mobile { + @media (min-width: 600px) { @content; } } -@mixin media_2 { - @media (min-width: 900px) { @content; } -} - -@mixin media_3 { - @media (min-width: 1100px) { @content; } +@mixin media_mobile { + @media (max-width: 600px) { @content; } } // type utilities diff --git a/_sass/_resume.scss b/_sass/_resume.scss index 9ff17f8..9ed02c1 100644 --- a/_sass/_resume.scss +++ b/_sass/_resume.scss @@ -50,13 +50,18 @@ font-size: 1.75rem; line-height: 2rem; letter-spacing: -.05rem; - margin: 0; - float: left; + text-align: center; + margin: 0 0 .5rem; + + @include media_larger_than_mobile { + float: left; + margin: 0; + } } } .executive-summary { - @media screen and (min-width: 600px) { font-size: 1.125rem; } + @include media_larger_than_mobile { font-size: 1.125rem; } } } @@ -64,9 +69,17 @@ margin: 0; padding: 0; list-style: none; - float: right; position: relative; top: 4px; + text-align: center; + border-top: 2px solid #c7c7c7; + padding-top: .4rem; + + @include media_larger_than_mobile { + float: right; + border-top: none; + padding-top: 0; + } .icon-link-item { display: inline-block;