fix mobile styles around topic map

This commit is contained in:
Jeff Atwood 2015-06-03 02:46:35 -07:00
parent 11619247b4
commit 538f0d1199
2 changed files with 13 additions and 15 deletions

View File

@ -17,7 +17,7 @@
padding: 0.25em 0.5em; padding: 0.25em 0.5em;
} }
.user { .directory .user {
border-top: 1px solid dark-light-diff($primary, $secondary, 80%, -20%); border-top: 1px solid dark-light-diff($primary, $secondary, 80%, -20%);
padding: 1em; padding: 1em;

View File

@ -158,6 +158,10 @@ a.star {
border: 1px solid dark-light-diff($primary, $secondary, 90%, -65%); border: 1px solid dark-light-diff($primary, $secondary, 90%, -65%);
border-top: none; // would cause double top border border-top: none; // would cause double top border
section {
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -65%);
}
h3 { h3 {
margin-bottom: 4px; margin-bottom: 4px;
color: scale-color($primary, $lightness: 20%); color: scale-color($primary, $lightness: 20%);
@ -202,10 +206,6 @@ a.star {
} }
} }
.avatars.clearfix {
margin-left: 10px;
}
.avatar { .avatar {
float: left; float: left;
margin-right: 4px; margin-right: 4px;
@ -226,9 +226,12 @@ a.star {
} }
} }
a, .number { a, .number {
font-weight: bold;
line-height: 20px; line-height: 20px;
} }
.number, i {
color: scale-color($primary, $lightness: 20%);
font-size: 110%;
}
.avatar + a { .avatar + a {
float: left; float: left;
@ -238,15 +241,14 @@ a.star {
display: none; display: none;
} }
.links, .links, .information, .avatars {
.information {
padding: 7px 10px; padding: 7px 10px;
color: $primary; color: $primary;
overflow: auto; overflow: auto;
} }
.information { .participants { // PMs //
border-top: 2px solid scale-color-diff(); .user {float: left; margin: 0 10px 10px 0;}
} }
.domain { .domain {
@ -270,13 +272,9 @@ a.star {
border: 0; border: 0;
padding: 0 15px; padding: 0 15px;
color: $primary; color: $primary;
background: dark-light-diff($primary, $secondary, 97%, -45%); background: dark-light-diff($primary, $secondary, 97%, -75%);
border-left: 1px solid dark-light-diff($primary, $secondary, 90%, -65%); border-left: 1px solid dark-light-diff($primary, $secondary, 90%, -65%);
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -65%); border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -65%);
&:hover {
color: $primary;
background: dark-light-diff($primary, $secondary, 90%, -65%);
}
.fa { .fa {
margin: 0; margin: 0;
font-size: 1.286em; font-size: 1.286em;