commit
This commit is contained in:
mgabdev
@@ -3,16 +3,16 @@ $sidebar-width: 240px;
|
||||
$content-width: 840px;
|
||||
|
||||
.admin-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
|
||||
@include flex(center);
|
||||
|
||||
.sidebar-wrapper {
|
||||
flex: 1 1 $sidebar-width;
|
||||
height: 100%;
|
||||
background: $ui-base-color;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
@include flex(flex-end);
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
@@ -24,12 +24,12 @@ $content-width: 840px;
|
||||
.logo {
|
||||
display: block;
|
||||
margin: 40px auto;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
|
||||
@include size(100px);
|
||||
}
|
||||
|
||||
@media screen and (max-width: $no-columns-breakpoint) {
|
||||
& > a:first-child {
|
||||
&>a:first-child {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -93,7 +93,7 @@ $content-width: 840px;
|
||||
}
|
||||
}
|
||||
|
||||
& > ul > .simple-navigation-active-leaf a {
|
||||
&>ul>.simple-navigation-active-leaf a {
|
||||
border-radius: 4px 0 0 4px;
|
||||
}
|
||||
}
|
||||
@@ -105,49 +105,41 @@ $content-width: 840px;
|
||||
|
||||
.content {
|
||||
max-width: $content-width;
|
||||
padding: 20px 15px;
|
||||
padding-top: 60px;
|
||||
padding-left: 25px;
|
||||
padding: 60px 15px 20px 25px;
|
||||
|
||||
@media screen and (max-width: $no-columns-breakpoint) {
|
||||
max-width: none;
|
||||
padding: 15px;
|
||||
padding-top: 30px;
|
||||
padding: 30px 15px 15px 15px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: $secondary-text-color;
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
font-weight: 400;
|
||||
padding-bottom: 40px;
|
||||
border-bottom: 1px solid lighten($ui-base-color, 8%);
|
||||
margin-bottom: 40px;
|
||||
|
||||
@include text-sizing(24px, 400, 28px);
|
||||
@include bottom-spacing(40px);
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: $secondary-text-color;
|
||||
font-size: 20px;
|
||||
line-height: 28px;
|
||||
font-weight: 400;
|
||||
margin-bottom: 30px;
|
||||
|
||||
@include text-sizing(20px, 400, 28px);
|
||||
}
|
||||
|
||||
h4 {
|
||||
text-transform: uppercase;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: $gab-secondary-text;
|
||||
padding-bottom: 8px;
|
||||
margin-bottom: 8px;
|
||||
border-bottom: 1px solid lighten($ui-base-color, 8%);
|
||||
|
||||
@include text-sizing(13px, 700);
|
||||
@include bottom-spacing(8px);
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 16px;
|
||||
color: $secondary-text-color;
|
||||
line-height: 28px;
|
||||
font-weight: 400;
|
||||
|
||||
@include text-sizing(16px, 400, 28px);
|
||||
}
|
||||
|
||||
.fields-group h6 {
|
||||
@@ -155,8 +147,8 @@ $content-width: 840px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.directory__tag > a,
|
||||
.directory__tag > div {
|
||||
.directory__tag>a,
|
||||
.directory__tag>div {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@@ -165,21 +157,20 @@ $content-width: 840px;
|
||||
}
|
||||
|
||||
.directory__tag h4 {
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
color: $gab-secondary-text;
|
||||
text-transform: none;
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
border-bottom: none;
|
||||
|
||||
@include text-sizing(18px, 700);
|
||||
@include bottom-spacing(0);
|
||||
}
|
||||
|
||||
& > p {
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
&>p {
|
||||
color: $gab-secondary-text;
|
||||
margin-bottom: 20px;
|
||||
|
||||
@include text-sizing(14px, 400, 18px);
|
||||
|
||||
strong {
|
||||
color: $gab-secondary-text;
|
||||
font-weight: 500;
|
||||
@@ -193,12 +184,12 @@ $content-width: 840px;
|
||||
}
|
||||
|
||||
hr {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
border: 0;
|
||||
border-bottom: 1px solid rgba($ui-base-lighter-color, .6);
|
||||
margin: 20px 0;
|
||||
|
||||
@include size(100%, 0);
|
||||
|
||||
&.spacer {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
@@ -272,9 +263,9 @@ $content-width: 840px;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
font-size: 12px;
|
||||
|
||||
@include text-sizing(12px, 500);
|
||||
|
||||
@each $lang in $cjk-langs {
|
||||
&:lang(#{$lang}) {
|
||||
@@ -288,10 +279,10 @@ $content-width: 840px;
|
||||
color: $gab-secondary-text;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
border-bottom: 2px solid $gab-secondary-text;
|
||||
|
||||
@include text-sizing(12px, 500);
|
||||
|
||||
&:hover {
|
||||
color: $primary-text-color;
|
||||
border-bottom: 2px solid lighten($gab-secondary-text, 5%);
|
||||
@@ -317,14 +308,13 @@ $content-width: 840px;
|
||||
flex-direction: column;
|
||||
margin: 0 5px;
|
||||
|
||||
& > strong {
|
||||
&>strong {
|
||||
display: block;
|
||||
margin: 0 0 10px -5px;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
color: $secondary-text-color;
|
||||
|
||||
@include text-sizing(14px, 500, 18px);
|
||||
|
||||
@each $lang in $cjk-langs {
|
||||
&:lang(#{$lang}) {
|
||||
font-weight: 700;
|
||||
@@ -420,15 +410,14 @@ $content-width: 840px;
|
||||
line-height: 20px;
|
||||
|
||||
&__header {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
background: $ui-base-color;
|
||||
color: $darker-text-color;
|
||||
border-radius: 4px 4px 0 0;
|
||||
font-size: 14px;
|
||||
position: relative;
|
||||
|
||||
@include flex(flex-start, center);
|
||||
}
|
||||
|
||||
&__avatar {
|
||||
@@ -437,9 +426,8 @@ $content-width: 840px;
|
||||
.avatar {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-radius: 50%;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
|
||||
@include circle(40px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -473,12 +461,8 @@ $content-width: 840px;
|
||||
}
|
||||
|
||||
&__icon__overlay {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 50%;
|
||||
@include circle(10px);
|
||||
@include abs-position(10px, 10px);
|
||||
|
||||
&.positive {
|
||||
background: $success-green;
|
||||
@@ -575,13 +559,11 @@ a.name-tag,
|
||||
}
|
||||
|
||||
&__bubble {
|
||||
padding: 16px;
|
||||
padding-left: 14px;
|
||||
font-size: 15px;
|
||||
line-height: 20px;
|
||||
padding: 16px 16px 16px 14px;
|
||||
border-radius: 4px 4px 4px 0;
|
||||
position: relative;
|
||||
font-weight: 500;
|
||||
|
||||
@include text-sizing(15px, 500, 20px);
|
||||
|
||||
a {
|
||||
color: $darker-text-color;
|
||||
@@ -589,8 +571,7 @@ a.name-tag,
|
||||
}
|
||||
|
||||
&__owner {
|
||||
padding: 8px;
|
||||
padding-left: 12px;
|
||||
padding: 8px 8px 8px 12px;
|
||||
}
|
||||
|
||||
time {
|
||||
@@ -604,11 +585,10 @@ a.name-tag,
|
||||
margin-bottom: 20px;
|
||||
|
||||
&__profile {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 15px;
|
||||
|
||||
@include flex(space-between, center);
|
||||
|
||||
.account {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
@@ -644,10 +624,10 @@ a.name-tag,
|
||||
|
||||
&__summary {
|
||||
&__item {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
border-top: 1px solid darken($ui-base-color, 4%);
|
||||
|
||||
@include flex(flex-start);
|
||||
|
||||
&:hover {
|
||||
background: lighten($ui-base-color, 2%);
|
||||
}
|
||||
@@ -662,9 +642,7 @@ a.name-tag,
|
||||
|
||||
&,
|
||||
.username {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
@include text-overflow(nowrap);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -692,15 +670,13 @@ a.name-tag,
|
||||
}
|
||||
|
||||
.one-line {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
@include text-overflow(nowrap);
|
||||
}
|
||||
|
||||
.ellipsized-ip {
|
||||
display: inline-block;
|
||||
max-width: 120px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
@include text-overflow;
|
||||
}
|
||||
Reference in New Issue
Block a user