Table team fixes in tablet screens

stable
Xavier Julián 2015-06-16 09:01:23 +02:00 committed by David Barragán Merino
parent 8a3932b171
commit 9e48638162
2 changed files with 12 additions and 13 deletions

View File

@ -32,7 +32,8 @@
} }
@mixin popover($width, $top: '', $left: '', $bottom: '', $right: '', $arrow-width: 0, $arrow-top: '', $arrow-left: '', $arrow-bottom: '', $arrow-height: 15px) { @mixin popover($width, $top: '', $left: '', $bottom: '', $right: '', $arrow-width: 0, $arrow-top: '', $arrow-left: '', $arrow-bottom: '', $arrow-height: 15px) {
@extend %text; @extend %light;
@extend %small;
background: $blackish; background: $blackish;
bottom: #{$bottom}; bottom: #{$bottom};
color: $white; color: $white;

View File

@ -3,8 +3,8 @@
padding: .5rem; padding: .5rem;
} }
.username { .username {
flex: 3; flex-basis: 220px;
min-width: 300px; min-width: 25%;
} }
.member-stats { .member-stats {
align-content: center; align-content: center;
@ -14,20 +14,18 @@
justify-content: flex-end; justify-content: flex-end;
} }
.attribute { .attribute {
@extend %light;
flex: 1; flex: 1;
position: relative; position: relative;
text-align: center; text-align: center;
.icon, .icon {
.points { @extend %larger;
@extend %xlarge; color: $blackish;
color: $grayer;
&.top {
color: $fresh-taiga;
}
} }
.points { .points {
@extend %title; @extend %larger;
@extend %bold; @extend %light;
color: $grayer;
} }
.top { .top {
color: $fresh-taiga; color: $fresh-taiga;
@ -93,11 +91,11 @@
@extend %bold; @extend %bold;
} }
.position { .position {
@extend %light;
color: $gray-light; color: $gray-light;
} }
} }
.popover { .popover {
@extend %small;
@include popover(100%, '', 0, 30px, '', 15px, '', 50%, -5px); @include popover(100%, '', 0, 30px, '', 15px, '', 50%, -5px);
} }
} }