diff --git a/app/styles/app/layouts/owner.sass b/app/styles/app/layouts/owner.sass index c1495ce9..9df603f1 100644 --- a/app/styles/app/layouts/owner.sass +++ b/app/styles/app/layouts/owner.sass @@ -1,5 +1,6 @@ .owner-header + padding: 0 $column-gutter/2 margin-bottom: 3rem color: #969496 a @@ -8,6 +9,9 @@ margin: .3em 0 .2em font-size: 36px font-weight: 400 + line-height: .9 + @media #{$medium-up} + white-space: nowrap .owner-handle margin: 0 font-size: $font-size-ml @@ -17,8 +21,8 @@ vertical-align: middle a:hover text-decoration: underline - // img - // border-radius: 50% + img + border-radius: 50% .sync-button margin-top: .8rem @@ -32,17 +36,27 @@ .owner-info @extend %inline-block vertical-align: middle - margin-right: 1.5em + +.owner-avatar + width: grid-calc(4, 12) + @media #{$medium-up} + width: grid-calc(2, 12) + +.owner-info + width: grid-calc(7, 12) + @media #{$medium-up} + width: grid-calc(9, 12) + position: relative + overflow: hidden + &:after + content: "" + @include fadeOut(right, -90deg, $white) + .owner-tiles @extend .repo-main @include resetul - // h3 - // margin: 0 - // font-size: $font-size-m; - // font-weight: 400 - h2 font-size: 20px white-space: nowrap diff --git a/app/templates/owner.hbs b/app/templates/owner.hbs index 82bbdcac..a9baa342 100644 --- a/app/templates/owner.hbs +++ b/app/templates/owner.hbs @@ -1,16 +1,14 @@ {{!-- {{outlet}} --}}
-
-
- -
-
-

{{owner.name}}

-

{{owner.login}}

- {{!-- {{owner-sync-button owner=owner}} --}} -
-
+
+ +
+
+

{{owner.name}}

+

{{owner.login}}

+ {{!-- {{owner-sync-button owner=owner}} --}} +