UX: Type system rebuild (#5492)
This commit is contained in:
Kris
GitHub
parent
298ee26908
commit
674013129a
|
|
@ -74,7 +74,7 @@ $mobile-breakpoint: 700px;
|
|||
|
||||
.site-text-search {
|
||||
padding: 0.5em;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
|
|
@ -101,7 +101,7 @@ $mobile-breakpoint: 700px;
|
|||
|
||||
h3 {
|
||||
font-weight: normal;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
|
||||
button.edit {
|
||||
|
|
@ -131,7 +131,7 @@ $mobile-breakpoint: 700px;
|
|||
}
|
||||
|
||||
.content-list li a span.count {
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
float: right;
|
||||
margin-right: 10px;
|
||||
background-color: $primary-low;
|
||||
|
|
@ -202,7 +202,7 @@ $mobile-breakpoint: 700px;
|
|||
padding: 12px 12px 5px;
|
||||
|
||||
.powered-by {
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
position: absolute;
|
||||
bottom: -10px;
|
||||
left: 10px;
|
||||
|
|
@ -267,8 +267,8 @@ $mobile-breakpoint: 700px;
|
|||
}
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.429em;
|
||||
line-height: 25px;
|
||||
font-size: $font-up-3;
|
||||
line-height: $line-height-medium;
|
||||
color: $primary;
|
||||
}
|
||||
.controls {
|
||||
|
|
@ -516,7 +516,7 @@ $mobile-breakpoint: 700px;
|
|||
padding: 3px 5px 3px 18px;
|
||||
margin: 3px 0px 3px 5px;
|
||||
position: relative;
|
||||
line-height: 13px;
|
||||
line-height: $line-height-small;
|
||||
cursor: default;
|
||||
border: 1px dashed #AAA;
|
||||
border-radius: 3px;
|
||||
|
|
@ -531,8 +531,8 @@ $mobile-breakpoint: 700px;
|
|||
|
||||
.desc, .validation-error {
|
||||
padding-top: 3px;
|
||||
font-size: .857em;
|
||||
line-height: 1.4em;
|
||||
font-size: $font-down-1;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
|
||||
.validation-error {
|
||||
|
|
@ -544,7 +544,7 @@ $mobile-breakpoint: 700px;
|
|||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
|
@ -564,7 +564,7 @@ $mobile-breakpoint: 700px;
|
|||
|
||||
section.details {
|
||||
h1 {
|
||||
font-size: 1.429em;
|
||||
font-size: $font-up-3;
|
||||
color: $primary;
|
||||
padding: 5px 10px;
|
||||
margin: 30px 0 5px 0;
|
||||
|
|
@ -603,8 +603,9 @@ section.details {
|
|||
}
|
||||
|
||||
.display-row {
|
||||
line-height: 30px;
|
||||
padding: 5px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10px 5px;
|
||||
&:nth-of-type(1) {
|
||||
border-top: 0;
|
||||
}
|
||||
|
|
@ -626,7 +627,7 @@ section.details {
|
|||
margin-left: 12px;
|
||||
@media (max-width: $mobile-breakpoint) {
|
||||
margin-left: 0;
|
||||
line-height: 20px;
|
||||
line-height: $line-height-large;
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
|
|
@ -649,7 +650,7 @@ section.details {
|
|||
width: 800px;
|
||||
float: left;
|
||||
margin-left: 12px;
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
|
||||
button {
|
||||
margin-left: 10px;
|
||||
|
|
@ -679,7 +680,7 @@ section.details {
|
|||
|
||||
.list-badge {
|
||||
float: right;
|
||||
font-size: .857em;
|
||||
font-size: $font-down-1;
|
||||
font-weight: normal;
|
||||
padding: 0 6px;
|
||||
color: $secondary;
|
||||
|
|
@ -694,7 +695,7 @@ section.details {
|
|||
p.help {
|
||||
margin: 0;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -765,15 +766,15 @@ section.details {
|
|||
}
|
||||
|
||||
.badge-errors {
|
||||
font-size: 1em;
|
||||
line-height: 16px;
|
||||
font-size: $font-0;
|
||||
line-height: $line-height-medium;
|
||||
padding: 4px;
|
||||
background-color: $primary-low;
|
||||
}
|
||||
|
||||
.badge-query-plan {
|
||||
font-size: 0.857em;
|
||||
line-height: 13px;
|
||||
font-size: $font-down-1;
|
||||
line-height: $line-height-medium;
|
||||
padding: 4px;
|
||||
background-color: $primary-low;
|
||||
}
|
||||
|
|
@ -850,8 +851,9 @@ section.details {
|
|||
}
|
||||
|
||||
.version-number {
|
||||
font-size: 1.429em;
|
||||
font-size: $font-up-3;
|
||||
font-weight: bold;
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
|
||||
.face {
|
||||
|
|
@ -870,7 +872,7 @@ section.details {
|
|||
}
|
||||
|
||||
.fa {
|
||||
font-size: 1.857em;
|
||||
font-size: $font-up-4;
|
||||
}
|
||||
|
||||
.up-to-date {
|
||||
|
|
@ -886,7 +888,7 @@ section.details {
|
|||
|
||||
.update-nag {
|
||||
.d-icon {
|
||||
font-size: 1.429em;
|
||||
font-size: $font-up-3;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -904,7 +906,7 @@ table.api-keys {
|
|||
}
|
||||
|
||||
td.key {
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -989,7 +991,7 @@ table.api-keys {
|
|||
margin: 20px 10px 0 10px;
|
||||
|
||||
.fa {
|
||||
font-size: 2.286em;
|
||||
font-size: $font-up-5;
|
||||
vertical-align: middle;
|
||||
color: $primary
|
||||
}
|
||||
|
|
@ -1612,7 +1614,7 @@ table#user-badges {
|
|||
}
|
||||
.reply-key {
|
||||
display: block;
|
||||
font-size: .857em;
|
||||
font-size: $font-down-1;
|
||||
color: dark-light-choose($primary-medium, $secondary-high);
|
||||
}
|
||||
.username div {
|
||||
|
|
@ -1642,7 +1644,7 @@ table#user-badges {
|
|||
}
|
||||
.error-description {
|
||||
color: #919191;
|
||||
font-size: .857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
hr {
|
||||
margin: 0;
|
||||
|
|
@ -1744,7 +1746,7 @@ table#user-badges {
|
|||
margin-top: 10px;
|
||||
}
|
||||
label {
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1801,7 +1803,7 @@ table#user-badges {
|
|||
float: right;
|
||||
text-align: right;
|
||||
.instructions {
|
||||
font-size: .857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
}
|
||||
.watched-words-detail {
|
||||
|
|
|
|||
|
|
@ -4,10 +4,10 @@
|
|||
margin-bottom: 10px;
|
||||
input {
|
||||
margin-bottom: 0;
|
||||
font-size: 1rem;
|
||||
font-size: $font-down-2;
|
||||
}
|
||||
.btn-small {
|
||||
font-size: 1rem;
|
||||
font-size: $font-down-2;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -111,7 +111,7 @@
|
|||
.d-icon-mobile {
|
||||
position: relative;
|
||||
top: -3px;
|
||||
font-size: 1.5em;
|
||||
font-size: $font-up-3;
|
||||
max-height: 20px;
|
||||
}
|
||||
}
|
||||
|
|
@ -194,7 +194,7 @@
|
|||
|
||||
.status-message {
|
||||
display: block;
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -167,7 +167,7 @@
|
|||
|
||||
.type-count {
|
||||
color: $primary-medium;
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
margin: 1em 0;
|
||||
color: $primary-medium;
|
||||
white-space: pre-wrap;
|
||||
line-height: 1em;
|
||||
line-height: $line-height-small;
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@
|
|||
}
|
||||
|
||||
.topic-list-main-link {
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
a.title {
|
||||
padding: 15px 0;
|
||||
word-break: break-word;
|
||||
|
|
@ -76,7 +76,7 @@
|
|||
background-color: $secondary;
|
||||
color: $danger-low;
|
||||
padding: 0px 8px;
|
||||
font-size: 0.929em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -86,7 +86,7 @@
|
|||
|
||||
th,
|
||||
td {
|
||||
line-height: 1.25;
|
||||
line-height: $line-height-large;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
|
||||
|
|
@ -94,13 +94,13 @@
|
|||
th {
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
font-weight: normal;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
button .d-icon {color: dark-light-choose($primary-medium, $secondary-medium);}
|
||||
|
||||
}
|
||||
td {
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
|
||||
.main-link {
|
||||
|
|
@ -112,11 +112,11 @@
|
|||
}
|
||||
|
||||
.topic-excerpt {
|
||||
font-size: 0.929em;
|
||||
margin-top: 8px;
|
||||
font-size: $font-down-1;
|
||||
margin-top: 5px;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
word-wrap: break-word;
|
||||
line-height: 1.4;
|
||||
line-height: $line-height-large;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.topic-statuses:empty {
|
||||
|
|
@ -174,7 +174,7 @@
|
|||
}
|
||||
td.stats {
|
||||
.unit {
|
||||
font-size: .857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -182,8 +182,8 @@
|
|||
td {
|
||||
padding: 2px;
|
||||
vertical-align: bottom;
|
||||
line-height: 24px;
|
||||
&.value { text-align: right; font-size: 1.429em; }
|
||||
line-height: $line-height-large;
|
||||
&.value { text-align: right; font-size: $font-up-3; }
|
||||
&.unit { text-align: left; }
|
||||
}
|
||||
}
|
||||
|
|
@ -217,7 +217,7 @@
|
|||
padding: 0;
|
||||
border: 0;
|
||||
color: $danger-medium;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
|
@ -225,7 +225,7 @@
|
|||
.topic-list {
|
||||
.alert {
|
||||
margin-bottom: 0;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
.spinner {
|
||||
margin-top: 40px;
|
||||
|
|
@ -262,12 +262,12 @@ ol.category-breadcrumb {
|
|||
z-index: 100;
|
||||
|
||||
a.badge-category, a.badge-category-parent {
|
||||
line-height: 19px;
|
||||
line-height: $line-height-large;
|
||||
overflow:hidden;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
a.badge-category, .dropdown-header {
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
font-weight: bold;
|
||||
float: none;
|
||||
text-transform: none;
|
||||
|
|
@ -296,7 +296,7 @@ ol.category-breadcrumb {
|
|||
float: left;
|
||||
margin: 5px 0 10px;
|
||||
.top-date-string {
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -310,15 +310,16 @@ ol.category-breadcrumb {
|
|||
outline: 0;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
font-size: 1.429em;
|
||||
font-size: $font-up-3;
|
||||
padding: 5px 10px 0 10px;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
|
||||
#period-popup {
|
||||
|
||||
@include unselectable;
|
||||
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
border: 1px solid $primary-low;
|
||||
padding: 5px;
|
||||
background: $secondary;
|
||||
|
|
@ -342,7 +343,7 @@ ol.category-breadcrumb {
|
|||
}
|
||||
.top-date-string {
|
||||
font-weight: normal;
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
&:hover {
|
||||
background-color: $highlight-medium;
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@ section.about {
|
|||
td, th {
|
||||
padding: 10px 5px 5px 5px;
|
||||
border-bottom: 1px solid lighten($primary, 70%);
|
||||
line-height: 1.0em;
|
||||
line-height: $line-height-small;
|
||||
}
|
||||
|
||||
td.title {
|
||||
|
|
|
|||
|
|
@ -10,8 +10,8 @@
|
|||
|
||||
.account-created {
|
||||
.ac-message {
|
||||
font-size: 1.143em;
|
||||
line-height: 24px;
|
||||
font-size: $font-up-1;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
|
||||
.activation-controls {
|
||||
|
|
|
|||
|
|
@ -7,9 +7,9 @@
|
|||
position: relative;
|
||||
top: -2px;
|
||||
right: -21px;
|
||||
line-height: 18px;
|
||||
line-height: $line-height-small;
|
||||
float: right;
|
||||
font-size: 1.429em;
|
||||
font-size: $font-up-3;
|
||||
font-weight: bold;
|
||||
color: $primary;
|
||||
opacity: 0.2;
|
||||
|
|
|
|||
|
|
@ -75,7 +75,7 @@
|
|||
.description {
|
||||
padding: 0 1em 1em 1em;
|
||||
text-align: center;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
color: dark-light-choose($primary-medium, $secondary-high);
|
||||
.overflow {
|
||||
max-height: 6em;
|
||||
|
|
@ -85,10 +85,10 @@
|
|||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
margin-bottom: 0.5em;
|
||||
margin-top: 0.25em;
|
||||
line-height: 1.1em;
|
||||
line-height: $line-height-medium;
|
||||
text-align: center;
|
||||
color: $primary;
|
||||
}
|
||||
|
|
@ -102,7 +102,7 @@
|
|||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -300,7 +300,7 @@
|
|||
color: $primary;
|
||||
}
|
||||
span.name {
|
||||
font-size: .857em;
|
||||
font-size: $font-down-1;
|
||||
vertical-align: middle;
|
||||
}
|
||||
&.selected {
|
||||
|
|
@ -326,8 +326,8 @@ div.ac-wrap.disabled {
|
|||
|
||||
div.ac-wrap div.item a.remove, .remove-link {
|
||||
margin-left: 4px;
|
||||
font-size: .857em;
|
||||
line-height: 10px;
|
||||
font-size: $font-down-1;
|
||||
line-height: $line-height-small;
|
||||
padding: 1.5px 1.5px 1.5px 2.5px;
|
||||
border-radius: 12px;
|
||||
width: 10px;
|
||||
|
|
@ -354,7 +354,7 @@ div.ac-wrap {
|
|||
span {
|
||||
height: 24px;
|
||||
display: inline-block;
|
||||
line-height: 20px;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
border-bottom: 1px solid $primary-low;
|
||||
|
||||
.number, .time-read {
|
||||
font-size: 1.429em;
|
||||
font-size: $font-up-3;
|
||||
color: $primary-medium;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -47,11 +47,11 @@ body {
|
|||
}
|
||||
|
||||
big {
|
||||
font-size: 2.286em;
|
||||
font-size: $font-up-5;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: .786em;
|
||||
font-size: $font-down-2;
|
||||
}
|
||||
|
||||
//setting a static limit on big and small prevents nesting abuse
|
||||
|
|
@ -120,7 +120,7 @@ input {
|
|||
&[type="radio"],
|
||||
&[type="checkbox"] {
|
||||
margin: 3px 0;
|
||||
line-height: normal;
|
||||
line-height: $line-height-medium;
|
||||
cursor: pointer;
|
||||
}
|
||||
&[type="submit"],
|
||||
|
|
@ -190,8 +190,8 @@ input {
|
|||
height: 18px;
|
||||
padding: 4px 10px;
|
||||
margin-bottom: 9px;
|
||||
font-size: 1em;
|
||||
line-height: 1.25;
|
||||
font-size: $font-0;
|
||||
line-height: $line-height-medium;
|
||||
color: $primary;
|
||||
background-color: $secondary;
|
||||
border: 1px solid $primary-medium;
|
||||
|
|
@ -363,7 +363,7 @@ select {
|
|||
right: 70px;
|
||||
top: 60px;
|
||||
width: 230px;
|
||||
line-height: 30px;
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
|
||||
.ring {
|
||||
|
|
@ -423,7 +423,7 @@ select {
|
|||
.content-list {
|
||||
h3 {
|
||||
color: $primary-medium;
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
padding-left: 5px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
|
@ -474,8 +474,8 @@ select {
|
|||
|
||||
.control-label {
|
||||
font-weight: bold;
|
||||
font-size: 1.286em;
|
||||
line-height: 2;
|
||||
font-size: $font-up-2;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
|
||||
.controls {
|
||||
|
|
@ -517,7 +517,7 @@ select {
|
|||
|
||||
#loading-message {
|
||||
position: absolute;
|
||||
font-size: 2.286em;
|
||||
font-size: $font-up-5;
|
||||
text-align: center;
|
||||
top: 120px;
|
||||
left: 500px;
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@
|
|||
|
||||
h3 {
|
||||
font-weight: normal;
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -142,7 +142,7 @@ img.emoji {
|
|||
|
||||
.emoji-picker .diversity-picker .d-icon {
|
||||
color: #fff;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
text-shadow: 0.5px 1.5px 0 rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
|
|
@ -202,7 +202,7 @@ img.emoji {
|
|||
|
||||
.emoji-picker .filter .d-icon-search {
|
||||
color: dark-light-choose($header_primary-medium, $header_primary);
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,15 +4,13 @@
|
|||
|
||||
.face {
|
||||
font-size: 4.286em;
|
||||
height: 60px;
|
||||
}
|
||||
.reason {
|
||||
font-size: 1.857em;
|
||||
height: 24px;
|
||||
font-size: $font-up-4;
|
||||
}
|
||||
.url {
|
||||
font-style: italic;
|
||||
font-size: .857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
.desc {
|
||||
margin-top: 16px;
|
||||
|
|
|
|||
|
|
@ -12,8 +12,8 @@
|
|||
ol,
|
||||
table {
|
||||
margin: 0 0 20px;
|
||||
font-size: 1.143em;
|
||||
line-height: 22px;
|
||||
font-size: $font-up-1;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
|
||||
li {
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
.time,
|
||||
.delete-info {
|
||||
color: lighten($primary, 40%);
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
|
||||
.group-member-info {
|
||||
|
|
@ -29,7 +29,7 @@
|
|||
width: 100%;
|
||||
justify-content: space-between;
|
||||
.group-post-title {
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -47,13 +47,13 @@
|
|||
width: 100%;
|
||||
|
||||
.group-info-name {
|
||||
font-size: 1.429em;
|
||||
font-size: $font-up-3;
|
||||
font-weight: bold;
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.group-info-full-name {
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
color: dark-light-choose($primary-high, $secondary-low);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
}
|
||||
|
||||
td.groups-user-count {
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -38,7 +38,7 @@
|
|||
}
|
||||
|
||||
.groups-info-title {
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -125,8 +125,8 @@
|
|||
.d-icon {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
font-size: 1.714em;
|
||||
line-height: 32px;
|
||||
font-size: $font-up-4;
|
||||
line-height: $line-height-large;
|
||||
display: inline-block;
|
||||
}
|
||||
.notifications {
|
||||
|
|
@ -145,12 +145,12 @@
|
|||
position: absolute;
|
||||
z-index: 1;
|
||||
left: 0;
|
||||
top: -9px;
|
||||
top: -4px;
|
||||
min-width: 6px;
|
||||
}
|
||||
.unread-notifications {
|
||||
left: auto;
|
||||
right: 0;
|
||||
right: -3px;
|
||||
background-color: dark-light-choose($tertiary-medium, $tertiary);
|
||||
}
|
||||
.unread-private-messages, .ring {
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@
|
|||
margin: 6px;
|
||||
padding-right: 20px;
|
||||
color: blend-primary-secondary(50%);
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
|
||||
.expand {
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
.caps-lock-warning {
|
||||
color: $danger;
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
|
@ -28,7 +28,7 @@ $input-width: 220px;
|
|||
}
|
||||
|
||||
.disclaimer {
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
clear: both;
|
||||
}
|
||||
|
|
@ -58,9 +58,9 @@ $input-width: 220px;
|
|||
.instructions {
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
margin: 0;
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
}
|
||||
clear: both;
|
||||
|
|
@ -100,9 +100,9 @@ $input-width: 220px;
|
|||
.instructions {
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
margin: 0;
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -272,8 +272,7 @@ button {
|
|||
.mfp-close {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
|
||||
line-height: $line-height-large;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
|
|
@ -286,7 +285,7 @@ button {
|
|||
padding: 0 0 18px 10px;
|
||||
color: $controls-color;
|
||||
font-style: normal;
|
||||
font-size: 2em;
|
||||
font-size: $font-up-5;
|
||||
font-family: Arial, Baskerville, monospace;
|
||||
|
||||
&:hover,
|
||||
|
|
@ -324,8 +323,8 @@ button {
|
|||
top: 0;
|
||||
right: 0;
|
||||
color: $controls-text-color;
|
||||
font-size: 0.857em;
|
||||
line-height: 18px;
|
||||
font-size: $font-down-1;
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
|
||||
// Navigation arrows
|
||||
|
|
@ -489,8 +488,8 @@ button {
|
|||
small {
|
||||
color: $caption-subtitle-color;
|
||||
display: block;
|
||||
font-size: 0.857em;
|
||||
line-height: 14px;
|
||||
font-size: $font-down-1;
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
figure {
|
||||
margin: 0;
|
||||
|
|
@ -506,7 +505,7 @@ button {
|
|||
}
|
||||
.mfp-title {
|
||||
text-align: left;
|
||||
line-height: 18px;
|
||||
line-height: $line-height-medium;
|
||||
color: $caption-title-color;
|
||||
word-wrap: break-word;
|
||||
padding-right: 36px; // leave some space for counter at right side
|
||||
|
|
@ -583,7 +582,7 @@ button {
|
|||
right: 0;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
line-height: $line-height-large;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
|
|
|
|||
|
|
@ -65,7 +65,7 @@
|
|||
}
|
||||
|
||||
.new {
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
margin-left: 0.5em;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
}
|
||||
|
|
@ -90,7 +90,7 @@
|
|||
b.topics-count {
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
font-weight: normal;
|
||||
font-size: .786em;
|
||||
font-size: $font-down-2;
|
||||
}
|
||||
|
||||
span.badge-category {
|
||||
|
|
@ -123,7 +123,6 @@
|
|||
box-sizing: border-box;
|
||||
width: calc(100% - 6px);
|
||||
height: 32px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.search-context {
|
||||
|
|
@ -156,7 +155,7 @@
|
|||
|
||||
.search-link {
|
||||
.badge-category-parent {
|
||||
line-height: 0.8em;
|
||||
line-height: $line-height-small;
|
||||
}
|
||||
.topic-title {
|
||||
margin-right: 6px;
|
||||
|
|
@ -174,8 +173,8 @@
|
|||
}
|
||||
|
||||
li:not(.category):not(.heading) {
|
||||
font-size: 1em;
|
||||
line-height: 16px;
|
||||
font-size: $font-0;
|
||||
line-height: $line-height-medium;
|
||||
|
||||
.fa {
|
||||
font-size: inherit;
|
||||
|
|
|
|||
|
|
@ -130,7 +130,7 @@
|
|||
padding: 10px 30px 10px 15px;
|
||||
background-color: $secondary;
|
||||
li > a {
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
border-bottom: 1px solid $primary-low;
|
||||
|
||||
|
|
@ -153,7 +153,7 @@
|
|||
}
|
||||
p {
|
||||
color: darken($primary, 40%);
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
.archetype-option {
|
||||
margin-bottom: 20px;
|
||||
|
|
@ -180,9 +180,9 @@
|
|||
color: rgb(255,255,255);
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
font-size: 2.571em;
|
||||
font-size: $font-up-6;
|
||||
text-align: center;
|
||||
line-height: 38px;
|
||||
line-height: $line-height-medium;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
left: 0;
|
||||
|
|
@ -225,7 +225,7 @@
|
|||
|
||||
// password reset modal
|
||||
.modal-body.forgot-password-modal p {
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -239,15 +239,15 @@
|
|||
}
|
||||
.btn {
|
||||
text-align: left;
|
||||
font-size: 1.286em;
|
||||
line-height: 20px;
|
||||
font-size: $font-up-2;
|
||||
line-height: $line-height-medium;
|
||||
width: auto;
|
||||
margin-bottom: 10px;
|
||||
display: block;
|
||||
margin-left: 0 !important; // override needed
|
||||
font-weight: bold;
|
||||
.topic-title {
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
font-weight: normal;
|
||||
}
|
||||
&.btn-reply-here {
|
||||
|
|
@ -268,8 +268,8 @@
|
|||
.btn {
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
font-size: 1em;
|
||||
line-height: 20px;
|
||||
font-size: $font-0;
|
||||
line-height: $line-height-large;
|
||||
margin-bottom: 10px;
|
||||
display: inline-block;
|
||||
margin-left: 0;
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
// Page not found styles
|
||||
|
||||
h1.page-not-found {
|
||||
font-size: 2.286em;
|
||||
line-height: 1.25;
|
||||
font-size: $font-up-5;
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
|
||||
.page-not-found {
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@ a.loading-onebox {
|
|||
|
||||
margin-top: 15px;
|
||||
padding: 12px;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
> .source {
|
||||
margin-bottom: 12px;
|
||||
margin-right: 10px;
|
||||
|
|
@ -30,7 +30,7 @@ a.loading-onebox {
|
|||
padding-right: 10px;
|
||||
}
|
||||
position: absolute;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
img.favicon {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
|
@ -92,7 +92,7 @@ aside.onebox {
|
|||
border: 5px solid $primary-low;
|
||||
margin-bottom: 1em;
|
||||
padding: 12px 25px 12px 12px;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
|
||||
header {
|
||||
margin-bottom: 8px;
|
||||
|
|
@ -118,7 +118,7 @@ aside.onebox {
|
|||
clear: both;
|
||||
|
||||
h3, h4 {
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
|
|
@ -270,8 +270,8 @@ pre.onebox code ol.lines li:before {
|
|||
color:#AFAFAF;
|
||||
text-align:right;
|
||||
padding-right:5px;
|
||||
font-size:.857em;
|
||||
line-height: 1.9em;
|
||||
font-size: $font-down-1;
|
||||
line-height: $line-height-large;
|
||||
content: counter(li-counter);
|
||||
counter-increment: li-counter;
|
||||
}
|
||||
|
|
@ -279,7 +279,7 @@ pre.onebox code ol.lines li:before {
|
|||
|
||||
pre.onebox code ol{
|
||||
margin-left:0px;
|
||||
line-height:1.5em;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
pre.onebox code {
|
||||
background-color: dark-light-choose(#fff, #000);
|
||||
|
|
@ -331,7 +331,7 @@ pre.onebox code {
|
|||
.onebox-body .build_status
|
||||
{
|
||||
padding: 2px;
|
||||
font-size:.857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
|
||||
.onebox-body .status_tag.open {
|
||||
|
|
@ -377,13 +377,13 @@ aside.onebox.twitterstatus .onebox-body {
|
|||
.outer-box {
|
||||
position: absolute;
|
||||
z-index: 935;
|
||||
height: 30px;
|
||||
overflow: hidden;
|
||||
font-size: .857em;
|
||||
font-size: $font-down-1;
|
||||
color: #fff;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
text-overflow: ellipsis;
|
||||
max-width: 100%;
|
||||
padding: 5px 0;
|
||||
|
||||
.inner-box {
|
||||
padding-left: 10px;
|
||||
|
|
@ -395,8 +395,8 @@ aside.onebox.twitterstatus .onebox-body {
|
|||
|
||||
.album-title {
|
||||
width: 100%;
|
||||
font-size: 1.143em;
|
||||
line-height: 30px;
|
||||
font-size: $font-up-1;
|
||||
line-height: $line-height-large;
|
||||
color: #ccc;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,10 +4,10 @@
|
|||
input[type=text] {
|
||||
width: 320px;
|
||||
height: 30px;
|
||||
font-size: 1.429em;
|
||||
font-size: $font-up-3;
|
||||
}
|
||||
input[type=submit] {
|
||||
font-size: 1.429em;
|
||||
font-size: $font-up-3;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
|
||||
.like-count {
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
.fa { color: $love; font-size: .857em; }
|
||||
.fa { color: $love; font-size: $font-down-1; }
|
||||
}
|
||||
|
||||
.badge-wrapper span.badge-category {
|
||||
|
|
@ -36,20 +36,20 @@
|
|||
}
|
||||
.search-link {
|
||||
.topic-statuses, .topic-title {
|
||||
font-size: 1.286em;
|
||||
line-height: 25px;
|
||||
font-size: $font-up-2;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
|
||||
.topic-statuses {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
font-size: 1.0em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
}
|
||||
.blurb {
|
||||
font-size: 1.0em;
|
||||
line-height: 20px;
|
||||
font-size: $font-0;
|
||||
line-height: $line-height-large;
|
||||
word-wrap: break-word;
|
||||
max-width: 640px;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
|
|
@ -63,7 +63,7 @@
|
|||
}
|
||||
|
||||
.discourse-tag {
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -80,7 +80,7 @@
|
|||
}
|
||||
a {
|
||||
margin-right: 15px;
|
||||
font-size: .857em;
|
||||
font-size: $font-down-1;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
}
|
||||
|
|
@ -148,7 +148,7 @@
|
|||
.result-count {
|
||||
float: left;
|
||||
span {
|
||||
line-height: 28px;
|
||||
line-height: $line-height-large;
|
||||
height: 28px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
margin: 14px 0;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
.copy-text {
|
||||
display: inline-block;
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
color: $success;
|
||||
opacity: 1;
|
||||
transition: opacity 0.25s;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
&:not(.success) {
|
||||
opacity: 0;
|
||||
}
|
||||
|
|
@ -40,12 +40,13 @@
|
|||
margin-left: 2px;
|
||||
margin-right: 8px;
|
||||
float: left;
|
||||
font-size: 1.857em;
|
||||
font-size: $font-up-4;
|
||||
}
|
||||
.reply-as-new-topic {
|
||||
float: left;
|
||||
line-height: 22px;
|
||||
line-height: $line-height-large;
|
||||
margin-left: 8px;
|
||||
margin-top: .5em;
|
||||
.fa {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
|
@ -53,7 +54,7 @@
|
|||
.link {
|
||||
margin-right: 2px;
|
||||
float: right;
|
||||
font-size: 1.429em;
|
||||
font-size: $font-up-3;
|
||||
a {
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
}
|
||||
|
|
@ -71,7 +72,7 @@
|
|||
}
|
||||
|
||||
input[type=text] {
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -19,11 +19,11 @@
|
|||
float: left;
|
||||
|
||||
.discourse-tag {
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
|
||||
.tag-count {
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -34,13 +34,13 @@
|
|||
|
||||
.bullet + .topic-header-extra {
|
||||
display: block;
|
||||
line-height: 15px;
|
||||
font-size: .857em;
|
||||
.list-tags { font-size: 1em; }
|
||||
line-height: $line-height-medium;
|
||||
font-size: $font-down-1;
|
||||
.list-tags { font-size: $font-0; }
|
||||
}
|
||||
|
||||
.bar + .topic-header-extra {
|
||||
line-height: 1.25;
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
|
||||
.box + .topic-header-extra {
|
||||
|
|
@ -53,9 +53,9 @@
|
|||
margin-top: 5px;
|
||||
|
||||
.topic-header-extra {
|
||||
display: inline;
|
||||
display: inline-block;
|
||||
vertical-align: baseline;
|
||||
margin: 0;
|
||||
margin: .1em 0 0 0;
|
||||
}
|
||||
|
||||
.badge-wrapper {
|
||||
|
|
@ -86,7 +86,7 @@
|
|||
$tag-color: $primary-medium;
|
||||
|
||||
.discourse-tag-count {
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
color: $tag-color;
|
||||
}
|
||||
|
||||
|
|
@ -153,10 +153,9 @@ $tag-color: $primary-medium;
|
|||
|
||||
.topic-list-item .discourse-tags {
|
||||
display: block;
|
||||
font-size: 0.786em;
|
||||
font-size: $font-down-2;
|
||||
font-weight: normal;
|
||||
clear: both;
|
||||
margin-top: 5px;
|
||||
|
||||
.discourse-tag.box {
|
||||
position:relative;
|
||||
|
|
@ -170,7 +169,7 @@ $tag-color: $primary-medium;
|
|||
|
||||
.mobile-view .topic-list-item .discourse-tags {
|
||||
display: inline-block;
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
margin-top: 0;
|
||||
.discourse-tag.box {
|
||||
position:relative;
|
||||
|
|
@ -185,7 +184,7 @@ $tag-color: $primary-medium;
|
|||
font-family: FontAwesome;
|
||||
color: $primary-low-mid;
|
||||
margin-right: 5px;
|
||||
font-size: 0.786em;
|
||||
font-size: $font-down-2;
|
||||
position:relative;
|
||||
top: -0.1em;
|
||||
}
|
||||
|
|
@ -195,7 +194,7 @@ header .discourse-tag {color: $tag-color }
|
|||
.list-tags {
|
||||
margin-right: 3px;
|
||||
display: inline;
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
|
||||
.tag-chooser {
|
||||
|
|
@ -260,7 +259,7 @@ header .discourse-tag {color: $tag-color }
|
|||
margin-bottom: 20px;
|
||||
}
|
||||
label {
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
}
|
||||
|
||||
span {
|
||||
font-size: 0.929em;
|
||||
font-size: $font-0;
|
||||
margin-right: 8px;
|
||||
display: inline-block;
|
||||
max-width: 280px;
|
||||
|
|
@ -34,7 +34,7 @@
|
|||
}
|
||||
}
|
||||
.fa {
|
||||
font-size: .786em;
|
||||
font-size: $font-down-1;
|
||||
margin-left: 3px;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
}
|
||||
|
|
@ -46,9 +46,34 @@
|
|||
// global styles for the cooked HTML content in posts (and preview)
|
||||
.cooked, .d-editor-preview {
|
||||
word-wrap: break-word;
|
||||
line-height: $line-height-large;
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 30px 0 10px;
|
||||
line-height: 1.25;
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: $font-up-4;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: $font-up-3;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: $font-up-2;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: $font-up-1;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: $font-0;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
|
||||
a { word-wrap: break-word; }
|
||||
|
|
@ -166,6 +191,33 @@ aside.quote {
|
|||
position: relative;
|
||||
}
|
||||
|
||||
.topic-map {
|
||||
|
||||
.avatars {
|
||||
> div {
|
||||
float: left;
|
||||
position: relative;
|
||||
margin: 3px 0;
|
||||
}
|
||||
.post-count {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
border-radius: 100px;
|
||||
padding: 3px 5px;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
font-size: $font-down-2;
|
||||
line-height: $line-height-small;
|
||||
}
|
||||
}
|
||||
|
||||
.avatar {
|
||||
float: left;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.topic-avatar, .avatar-flair-preview, .user-card-avatar, .topic-map .poster {
|
||||
.avatar-flair {
|
||||
display: flex;
|
||||
|
|
@ -204,7 +256,7 @@ aside.quote {
|
|||
right: -4px;
|
||||
}
|
||||
.fa {
|
||||
font-size: 1.714em;
|
||||
font-size: $font-up-4;
|
||||
}
|
||||
}
|
||||
.topic-map .poster .avatar-flair {
|
||||
|
|
@ -222,13 +274,26 @@ aside.quote {
|
|||
right: 0;
|
||||
}
|
||||
.fa {
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
}
|
||||
.topic-avatar .poster-avatar-extra {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.map {
|
||||
&:first-of-type {
|
||||
display: flex;
|
||||
.buttons {
|
||||
margin-left: auto;
|
||||
order: 15;
|
||||
.btn {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.topic-body {
|
||||
// this is necessary for ANYTHING that extends past the right edge of
|
||||
// the post body, such as an image in a deeply nested list, image in
|
||||
|
|
@ -249,9 +314,10 @@ aside.quote {
|
|||
|
||||
.post-info {
|
||||
&.via-email, &.whisper {
|
||||
line-height: $line-height-medium;
|
||||
margin-right: 5px;
|
||||
.d-icon {
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -287,8 +353,8 @@ kbd
|
|||
box-shadow: 0 1px 0 rgba(0,0,0, .8);
|
||||
color: $primary;
|
||||
display: inline-block;
|
||||
font-size: 0.857em;
|
||||
line-height: 1.4;
|
||||
font-size: $font-down-1;
|
||||
line-height: $line-height-large;
|
||||
margin: 0 .1em;
|
||||
padding: .1em .6em;
|
||||
|
||||
|
|
@ -314,7 +380,7 @@ blockquote > *:last-child {
|
|||
cursor: pointer;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
font-size: 0.9em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
|
||||
.who-liked {
|
||||
|
|
@ -347,11 +413,11 @@ blockquote > *:last-child {
|
|||
max-width: 755px;
|
||||
border-top: 1px solid $primary-low;
|
||||
.topic-avatar {
|
||||
padding: 5px 0 3px;
|
||||
padding: .67em 0;
|
||||
border-top: none;
|
||||
float: left;
|
||||
i {
|
||||
font-size: 2.500em;
|
||||
font-size: 2em;
|
||||
width: 45px;
|
||||
text-align: center;
|
||||
color: dark-light-choose($primary-low-mid, $secondary-high);
|
||||
|
|
@ -367,20 +433,20 @@ blockquote > *:last-child {
|
|||
}
|
||||
|
||||
.small-action-desc {
|
||||
padding: 0.25em 0 0.5em 4.3em;
|
||||
margin-top: 6px;
|
||||
padding: 1em 1em 1.25em 1em;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
color: dark-light-choose($primary-low-mid, $secondary-high);
|
||||
|
||||
.custom-message {
|
||||
text-transform: none;
|
||||
margin: 15px 0px 5px;
|
||||
font-weight: normal;
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
p {
|
||||
margin: 5px 0;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -399,6 +465,7 @@ blockquote > *:last-child {
|
|||
background: transparent;
|
||||
border: 0;
|
||||
float: right;
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
clear: both;
|
||||
|
|
@ -449,8 +516,8 @@ a.mention, a.mention-group {
|
|||
> i.fa {
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
margin-right: 6px;
|
||||
font-size: $base-font-size;
|
||||
line-height: $base-line-height;
|
||||
font-size: $font-0;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
|
||||
> span.url {
|
||||
|
|
@ -464,9 +531,9 @@ a.mention, a.mention-group {
|
|||
> span.help {
|
||||
display: inline-block;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
font-style: italic;
|
||||
line-height: $base-line-height;
|
||||
line-height: $line-height-large;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
|
|
@ -479,7 +546,7 @@ a.mention, a.mention-group {
|
|||
.broken-image, .large-image {
|
||||
color: dark-light-choose($primary-low-mid, $secondary-high);
|
||||
border: 1px solid $primary-low;
|
||||
font-size: 2.286em;
|
||||
font-size: $font-up-5;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -120,9 +120,6 @@
|
|||
.extra-info-wrapper {
|
||||
.badge-wrapper {
|
||||
float: left;
|
||||
&.bullet {
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -147,7 +144,7 @@
|
|||
#suggested-topics h3 .badge-wrapper.bullet span.badge-category {
|
||||
// Override vertical-align: text-top from `badges.css.scss`
|
||||
vertical-align: baseline;
|
||||
line-height: 1.2;
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
|
||||
#suggested-topics h3 .badge-wrapper.bullet,
|
||||
|
|
@ -166,7 +163,7 @@
|
|||
.notifications-button {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
line-height: 2em;
|
||||
line-height: $line-height-large;
|
||||
.dropdown-toggle {
|
||||
float: none;
|
||||
}
|
||||
|
|
@ -210,7 +207,7 @@
|
|||
}
|
||||
i {
|
||||
float: left;
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-2;
|
||||
margin: 0.3em 0.5em 0 0;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
padding: 3px 8px;
|
||||
color: $primary;
|
||||
border: 1px solid $primary-low;
|
||||
line-height: 19px;
|
||||
line-height: $line-height-large;
|
||||
display: inline-block;
|
||||
background-color: $secondary;
|
||||
margin: 0 0 3px;
|
||||
|
|
@ -68,7 +68,7 @@
|
|||
|
||||
.show-badge .badge-user-info {
|
||||
.earned {
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
|
|
@ -79,7 +79,7 @@
|
|||
.load-more {
|
||||
padding-top: 30px;
|
||||
display: block;
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -94,11 +94,11 @@
|
|||
}
|
||||
.date {
|
||||
display: inline-block;
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.post-link {
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
width: 500px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
|
@ -138,7 +138,7 @@
|
|||
top: 5px;
|
||||
font-weight: bold;
|
||||
color: $primary-medium;
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
}
|
||||
|
||||
.badge-contents {
|
||||
|
|
|
|||
|
|
@ -60,13 +60,13 @@
|
|||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.286em;
|
||||
font-size: $font-up-5;
|
||||
font-weight: normal;
|
||||
i {font-size: .8em;}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
font-weight: normal;
|
||||
margin-top: 10px;
|
||||
max-width: 100%;
|
||||
|
|
@ -77,7 +77,7 @@
|
|||
|
||||
h3 {
|
||||
font-weight: normal;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
margin: 5px 0;
|
||||
|
||||
.d-icon:not(:first-of-type) {
|
||||
|
|
@ -163,11 +163,11 @@
|
|||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.429em;
|
||||
font-size: $font-up-3;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
|
|
@ -212,7 +212,7 @@
|
|||
width: 30px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
line-height: 30px;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
|
||||
.helpful-flags {
|
||||
|
|
@ -255,8 +255,8 @@
|
|||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
margin-top: 5px;
|
||||
margin-bottom: 10px;
|
||||
font-size: .857em;
|
||||
line-height: 1.4em;
|
||||
font-size: $font-down-1;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -267,7 +267,7 @@
|
|||
text-align: top;
|
||||
color: $danger;
|
||||
font-weight: bold;
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -306,7 +306,7 @@
|
|||
|
||||
h2 {
|
||||
a {
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
color: scale-color($tertiary, $lightness: -10%);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
@ -402,7 +402,7 @@
|
|||
|
||||
.value {
|
||||
font-weight: bold;
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
}
|
||||
|
||||
.label {
|
||||
|
|
@ -449,7 +449,7 @@
|
|||
|
||||
.links-section {
|
||||
.domain {
|
||||
font-size: 0.786em;
|
||||
font-size: $font-down-1;
|
||||
color: dark-light-choose($primary-medium, $secondary-high);
|
||||
}
|
||||
}
|
||||
|
|
@ -479,8 +479,8 @@
|
|||
.instructions {
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
margin-bottom: 10px;
|
||||
font-size: .857em;
|
||||
line-height: 1.4em;
|
||||
font-size: $font-down-1;
|
||||
line-height: $line-height-large;
|
||||
|
||||
a[href] {
|
||||
color: $tertiary;
|
||||
|
|
|
|||
|
|
@ -20,14 +20,14 @@ div.tagsinput span.tag {
|
|||
margin-right: 5px;
|
||||
margin-bottom:5px;
|
||||
font-family: helvetica;
|
||||
font-size: .929em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
|
||||
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: .786em; }
|
||||
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: $font-down-2; }
|
||||
div.tagsinput input {
|
||||
width:80px;
|
||||
font-family: helvetica;
|
||||
font-size: 0.929em;
|
||||
font-size: $font-down-1;
|
||||
border:1px solid transparent;
|
||||
padding:2px 5px;
|
||||
background: transparent;
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
// --------------------------------------------------
|
||||
|
||||
.badge-wrapper {
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
font-weight: bold;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
|
|
@ -30,6 +30,7 @@
|
|||
}
|
||||
|
||||
&.bar { //bar category style
|
||||
line-height: $line-height-medium;
|
||||
margin-right: 5px;
|
||||
|
||||
span.badge-category {
|
||||
|
|
@ -62,13 +63,15 @@
|
|||
}
|
||||
|
||||
&.bullet { //bullet category style
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
margin-right: 5px;
|
||||
font-size: .857em;
|
||||
|
||||
span.badge-category {
|
||||
color: $primary;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
line-height: $line-height-medium;
|
||||
|
||||
#search-dropdown & {
|
||||
margin-top: -2px;
|
||||
|
|
@ -84,7 +87,7 @@
|
|||
height: 10px;
|
||||
margin-right: 5px;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
line-height: .8;
|
||||
|
||||
&:before {
|
||||
content: "\a0";
|
||||
|
|
@ -104,6 +107,8 @@
|
|||
|
||||
|
||||
&.box { //box category style (apply custom widths to the wrapper, not the children)
|
||||
line-height: $line-height-large;
|
||||
margin-top: 5px;
|
||||
margin-right: 5px;
|
||||
padding: 2px;
|
||||
|
||||
|
|
@ -131,13 +136,16 @@
|
|||
&.badge-category {
|
||||
position: relative;
|
||||
padding: 0 5px;
|
||||
margin: 2px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.extra-info-wrapper .title-wrapper .badge-wrapper.bar {
|
||||
margin-top: 6px;
|
||||
.extra-info-wrapper .title-wrapper {
|
||||
.badge-wrapper {
|
||||
margin-top: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.autocomplete, td.category {
|
||||
|
|
@ -154,12 +162,12 @@
|
|||
.category-breadcrumb {
|
||||
a.badge-category, .dropdown-header {
|
||||
display: inline-block;
|
||||
padding: 5px 8px;
|
||||
line-height: 20px;
|
||||
padding: 6px 8px;
|
||||
line-height: $line-height-medium;
|
||||
|
||||
&.category-dropdown-button {
|
||||
margin-left: -4px;
|
||||
padding: 5px;
|
||||
margin-left: -.3em;
|
||||
padding: 6px;
|
||||
width: 13px;
|
||||
|
||||
.d-icon-caret-right {
|
||||
|
|
@ -170,7 +178,7 @@
|
|||
|
||||
li.bar>.dropdown-header:not(.home):first-child {
|
||||
border-left: 5px solid;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
|
||||
li.bar>.dropdown-header {
|
||||
|
|
@ -199,7 +207,7 @@
|
|||
}
|
||||
}
|
||||
.cat {
|
||||
line-height: 1;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
.badge-wrapper {
|
||||
box-sizing: border-box;
|
||||
|
|
@ -224,7 +232,7 @@
|
|||
&.box {
|
||||
margin-top: 0;
|
||||
width: 100%;
|
||||
line-height: 1;
|
||||
line-height: $line-height-small;
|
||||
vertical-align: text-top;
|
||||
padding: 0;
|
||||
span.badge-category {
|
||||
|
|
@ -247,11 +255,12 @@
|
|||
|
||||
.badge-notification {
|
||||
@extend %badge;
|
||||
padding: 4px 5px 2px 5px;
|
||||
padding: 3px 5px;
|
||||
min-width: 8px;
|
||||
vertical-align: middle;
|
||||
color: $secondary;
|
||||
font-size: .786em;
|
||||
line-height: 1;
|
||||
font-size: $font-down-2;
|
||||
line-height: $line-height-small;
|
||||
text-align: center;
|
||||
background-color: dark-light-choose($primary-low-mid, $secondary-low);
|
||||
&[href] {
|
||||
|
|
@ -274,7 +283,7 @@
|
|||
background-color: transparent;
|
||||
color: $tertiary-high;
|
||||
font-weight: normal;
|
||||
font-size: 0.929em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
|
||||
&.new-topic::before {
|
||||
|
|
@ -300,8 +309,8 @@
|
|||
|
||||
.badge-posts {
|
||||
font-weight: normal;
|
||||
font-size: 1em;
|
||||
line-height: 1;
|
||||
font-size: $font-0;
|
||||
line-height: $line-height-small;
|
||||
&[href] {
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
}
|
||||
|
|
@ -317,6 +326,6 @@
|
|||
text-shadow: 0 1px 0 rgba($primary, 0.1);
|
||||
background-color: $primary-low;
|
||||
border-color: $primary-low;
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
box-shadow: inset 0 1px 0 rgba(0,0,0, 0.22);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
}
|
||||
|
||||
.close {
|
||||
font-size: 1.786em;
|
||||
font-size: $font-up-4;
|
||||
margin-top: -5px;
|
||||
color: dark-light-choose($primary-low-mid, $secondary-medium);
|
||||
padding-left: 5px;
|
||||
|
|
|
|||
|
|
@ -10,8 +10,8 @@
|
|||
margin: 0;
|
||||
padding: 6px 12px;
|
||||
font-weight: 500;
|
||||
font-size: 1em;
|
||||
line-height: 18px;
|
||||
font-size: $font-0;
|
||||
line-height: $line-height-medium;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
transition: all .25s;
|
||||
|
|
@ -29,7 +29,6 @@
|
|||
&.no-text {
|
||||
.fa {
|
||||
margin-right: 0;
|
||||
line-height: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -62,6 +61,7 @@
|
|||
|
||||
.d-icon {
|
||||
opacity: 0.7;
|
||||
line-height: $line-height-medium; // Match button text line-height
|
||||
}
|
||||
&.btn-primary .d-icon {
|
||||
opacity: 1;
|
||||
|
|
@ -177,22 +177,22 @@
|
|||
|
||||
.btn-small {
|
||||
padding: 3px 6px;
|
||||
font-size: 0.857em;
|
||||
line-height: 16px;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
|
||||
// Large
|
||||
|
||||
.btn-large {
|
||||
padding: 9px 18px;
|
||||
font-size: 1.143em;
|
||||
line-height: 20px;
|
||||
font-size: $font-up-1;
|
||||
line-height: $line-height-small;
|
||||
}
|
||||
|
||||
.btn-flat {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
line-height: $line-height-small;
|
||||
.d-icon {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -27,10 +27,10 @@
|
|||
|
||||
> a {
|
||||
border: none;
|
||||
padding: 5px 12px;
|
||||
padding: 6px 12px;
|
||||
color: $primary;
|
||||
font-size: 1.143em;
|
||||
line-height: 20px;
|
||||
font-size: $font-up-1;
|
||||
line-height: $line-height-medium;
|
||||
transition: background .15s;
|
||||
|
||||
.d-icon {
|
||||
|
|
@ -81,8 +81,8 @@
|
|||
a {
|
||||
margin: 0;
|
||||
padding: 13px;
|
||||
font-size: 1.143em;
|
||||
line-height: 20px;
|
||||
font-size: $font-up-1;
|
||||
line-height: $line-height-small;
|
||||
cursor: pointer;
|
||||
color: $primary;
|
||||
|
||||
|
|
@ -102,15 +102,15 @@
|
|||
}
|
||||
|
||||
.count {
|
||||
font-size: 0.857em;
|
||||
line-height: 16px;
|
||||
font-size: $font-down-1;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
|
||||
.glyph {
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
width: 1.25em;
|
||||
text-align: center;
|
||||
margin-right: .5em;
|
||||
line-height: 20px;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
float: left;
|
||||
width: 70%;
|
||||
padding-left: 5px;
|
||||
font-size: .929em;
|
||||
font-size: $font-down-1;
|
||||
|
||||
.name-line {
|
||||
white-space: nowrap;
|
||||
|
|
|
|||
|
|
@ -36,16 +36,17 @@
|
|||
display: block;
|
||||
float: right;
|
||||
color: lighten($primary, 40%);
|
||||
font-size: .786em;
|
||||
font-size: $font-down-2;
|
||||
}
|
||||
|
||||
.delete-info i {
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
|
||||
.expand-item, .collapse-item {
|
||||
float: right;
|
||||
margin-right: 0.5em;
|
||||
line-height: $line-height-small;
|
||||
color: lighten($primary, 40%);
|
||||
}
|
||||
|
||||
|
|
@ -62,7 +63,7 @@
|
|||
}
|
||||
|
||||
.name {
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
max-width: 400px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
|
|
@ -101,13 +102,13 @@
|
|||
// common/base/header.scss
|
||||
.fa, .icon {
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
font-size: 1.714em;
|
||||
font-size: $font-up-4;
|
||||
}
|
||||
}
|
||||
|
||||
.excerpt {
|
||||
margin: 5px 0;
|
||||
font-size: 0.929em;
|
||||
font-size: $font-0;
|
||||
word-wrap: break-word;
|
||||
color: $primary;
|
||||
|
||||
|
|
|
|||
|
|
@ -80,7 +80,7 @@
|
|||
}
|
||||
|
||||
.btn:not(.no-text) {
|
||||
font-size: 1.2em;
|
||||
font-size: $font-up-1;
|
||||
}
|
||||
|
||||
.btn.bold {
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ html {
|
|||
color: $primary;
|
||||
font-family: $base-font-family;
|
||||
font-size: $base-font-size;
|
||||
line-height: $base-line-height;
|
||||
line-height: $line-height-large;
|
||||
background-color: $secondary;
|
||||
overflow-y: scroll;
|
||||
direction: ltr;
|
||||
|
|
|
|||
|
|
@ -20,20 +20,41 @@ $twitter: #00bced !default;
|
|||
$yahoo: #810293 !default;
|
||||
$github: #6d6d6d !default;
|
||||
|
||||
|
||||
// Fonts
|
||||
// --------------------------------------------------
|
||||
|
||||
$base-font-size: 14px !default;
|
||||
$base-line-height: 19px !default;
|
||||
$base-font-family: Helvetica, Arial, sans-serif !default;
|
||||
|
||||
/* These files don't actually exist. They're injected by Stylesheet::Compiler. */
|
||||
// Font-size defintions, multiplier ^ (step / interval)
|
||||
$font-up-6: 2.296em;
|
||||
$font-up-5: 2em;
|
||||
$font-up-4: 1.7511em;
|
||||
$font-up-3: 1.5157em;
|
||||
$font-up-2: 1.3195em;
|
||||
$font-up-1: 1.1487em; // 2^(1/5)
|
||||
$font-0: 1em;
|
||||
$font-down-1: .8706em; // 2^(-1/5)
|
||||
$font-down-2: .7579em; // Smallest size we use based on the 1em base
|
||||
$font-down-3: .6599em;
|
||||
$font-down-4: .5745em;
|
||||
$font-down-5: .5em;
|
||||
$font-down-6: .4355em;
|
||||
|
||||
// Common line-heights
|
||||
$line-height-small: 1;
|
||||
$line-height-medium: 1.2; // Headings or large text
|
||||
$line-height-large: 1.4; // Normal or small text
|
||||
|
||||
// These files don't actually exist. They're injected by Stylesheet::Compiler.
|
||||
// --------------------------------------------------
|
||||
|
||||
@import "theme_variables";
|
||||
@import "plugins_variables";
|
||||
@import "common/foundation/math";
|
||||
|
||||
// Color Utilities
|
||||
// Color utilities
|
||||
// --------------------------------------------------
|
||||
|
||||
// w3c definition of color brightness https://www.w3.org/TR/AERT#color-contrast
|
||||
@function dc-color-brightness($color) {
|
||||
|
|
@ -93,7 +114,6 @@ $header_primary-low: dark-light-diff($header_primary, $secondary, 90%, -65%);
|
|||
$header_primary-medium: dark-light-diff($header_primary, $secondary, 50%, -20%);
|
||||
$header_primary-high: dark-light-diff($header_primary, $secondary, 20%, 20%);
|
||||
|
||||
|
||||
//secondary
|
||||
$secondary-low: dark-light-diff($secondary, $primary, 70%, -70%);
|
||||
$secondary-medium: dark-light-diff($secondary, $primary, 50%, -50%);
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
float: right;
|
||||
color: $primary;
|
||||
opacity: 0.5;
|
||||
font-size: 1.071em;
|
||||
font-size: $font-0;
|
||||
margin: 0 0 0 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -21,17 +21,25 @@
|
|||
}
|
||||
|
||||
.topic-count {
|
||||
font-size: .786em;
|
||||
font-size: $font-down-2;
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.category-status {
|
||||
color: $primary;
|
||||
line-height: $line-height-large;
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 1 1 auto;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.category-desc {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 1 1 auto;
|
||||
flex: 1 1 auto;
|
||||
color: #919191;
|
||||
font-size: 0.857em;
|
||||
line-height: 16px;
|
||||
font-size: $font-down-1;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
}
|
||||
|
||||
.select-box-kit-filter, .select-kit-filter {
|
||||
line-height: 18px;
|
||||
line-height: $line-height-medium;
|
||||
padding: 6px 10px;
|
||||
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
|
||||
border-bottom: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
|
||||
|
|
@ -27,8 +27,8 @@
|
|||
border: 1px solid $primary-medium;
|
||||
padding: 6px 10px;
|
||||
font-weight: 500;
|
||||
font-size: 1em;
|
||||
line-height: 18px;
|
||||
font-size: $font-0;
|
||||
line-height: $line-height-medium;
|
||||
|
||||
&.is-focused {
|
||||
border: 1px solid $tertiary;
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@
|
|||
width: 30px;
|
||||
|
||||
.d-icon {
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
-ms-flex-item-align: center;
|
||||
align-self: center;
|
||||
margin-right: 0;
|
||||
|
|
@ -54,7 +54,7 @@
|
|||
}
|
||||
|
||||
.texts {
|
||||
line-height: 18px;
|
||||
line-height: $line-height-large;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
|
|
@ -76,7 +76,7 @@
|
|||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
font-weight: bold;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
color: $primary;
|
||||
padding: 0;
|
||||
}
|
||||
|
|
@ -85,7 +85,7 @@
|
|||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
font-weight: normal;
|
||||
color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 40%));;
|
||||
white-space: normal;
|
||||
|
|
@ -102,7 +102,6 @@
|
|||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border: 0;
|
||||
height: 30px;
|
||||
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
|
||||
.future-date-input-selector-datetime {
|
||||
color: lighten($primary, 40%);
|
||||
font-size: .929em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
|
||||
.future-date-input-selector-icons {
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
display: inline-block;
|
||||
}
|
||||
.topic-count {
|
||||
font-size: .786em;
|
||||
font-size: $font-down-2;
|
||||
color: $primary;
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
@ -19,7 +19,7 @@
|
|||
}
|
||||
.category-desc {
|
||||
color: $primary;
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
line-height: 16px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -136,6 +136,7 @@
|
|||
background-color: $primary-low;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
line-height: $line-height-medium;
|
||||
overflow: hidden;
|
||||
flex: 0 1 auto;
|
||||
flex-wrap: nowrap;
|
||||
|
|
@ -175,11 +176,29 @@
|
|||
|
||||
.name {
|
||||
padding: 0 5px;
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
|
||||
&.is-highlighted {
|
||||
box-shadow: 0 0 2px $danger, 0 1px 0 rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
.locked-icon, .delete-icon {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
display: inline-flex;
|
||||
.d-icon {
|
||||
color: $primary-medium;
|
||||
cursor: pointer;
|
||||
font-size: $font-0;
|
||||
|
||||
&:hover {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
}
|
||||
|
||||
.reason {
|
||||
line-height: 16px;
|
||||
line-height: $line-height-medium;
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -129,6 +129,7 @@
|
|||
align-items: center;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
line-height: $line-height-medium;
|
||||
|
||||
.d-icon {
|
||||
margin-left: 5px;
|
||||
|
|
@ -146,7 +147,7 @@
|
|||
|
||||
.select-box-kit-row, .select-kit-row {
|
||||
cursor: pointer;
|
||||
line-height: normal;
|
||||
line-height: $line-height-medium;
|
||||
outline: none;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
transition: all .25s;
|
||||
|
||||
.name, .d-icon {
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
font-weight: normal;
|
||||
color: $primary;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
}
|
||||
|
||||
.reason {
|
||||
line-height: 16px;
|
||||
line-height: $line-height-medium;
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
display: block;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
}
|
||||
}
|
||||
button.btn.jump-bottom {
|
||||
|
|
|
|||
|
|
@ -66,12 +66,11 @@
|
|||
.timeline-date-wrapper {
|
||||
float: right;
|
||||
text-align: right;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.post-excerpt {
|
||||
max-width: 650px;
|
||||
max-height: 155px;
|
||||
line-height: 1.4em;
|
||||
max-height: 165px;
|
||||
line-height: $line-height-large;
|
||||
overflow: hidden;
|
||||
word-wrap: break-word;
|
||||
text-overflow: ellipsis;
|
||||
|
|
@ -98,11 +97,11 @@
|
|||
-webkit-line-clamp: 4;
|
||||
-webkit-box-orient: vertical;
|
||||
max-height: 110px;
|
||||
line-height: 1.3em;
|
||||
line-height: $line-height-medium;
|
||||
word-wrap: break-word;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
font-size: 1.3em;
|
||||
font-size: $font-up-2;
|
||||
}
|
||||
a {
|
||||
color: $primary;
|
||||
|
|
@ -186,8 +185,7 @@
|
|||
}
|
||||
|
||||
.timeline-footer-controls {
|
||||
margin-top: 1em;
|
||||
line-height: 2.5em;
|
||||
margin-top: 1.5em;
|
||||
transition: opacity 0.2s ease-in;
|
||||
|
||||
button {
|
||||
|
|
|
|||
|
|
@ -35,10 +35,10 @@
|
|||
text-align: right;
|
||||
|
||||
.value {
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
}
|
||||
.unit {
|
||||
font-size: .857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
.badge-notification {
|
||||
display: block;
|
||||
|
|
@ -48,11 +48,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.category-description,
|
||||
.subcategories {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.subcategories {
|
||||
.badge-notification.new-posts {
|
||||
padding: 0;
|
||||
|
|
@ -69,7 +64,7 @@
|
|||
|
||||
a.last-posted-at,
|
||||
a.last-posted-at:visited {
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
color: dark-light-choose($primary-medium, $secondary-high);
|
||||
}
|
||||
|
||||
|
|
@ -98,7 +93,8 @@
|
|||
.category {
|
||||
border-left: 6px solid;
|
||||
h3 {
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
line-height: $line-height-medium;
|
||||
a[href] {
|
||||
color: $primary;
|
||||
}
|
||||
|
|
@ -137,7 +133,7 @@
|
|||
}
|
||||
|
||||
.discourse-tag {
|
||||
font-size: 0.786em;
|
||||
font-size: $font-down-2;
|
||||
}
|
||||
|
||||
.topic-featured-link {
|
||||
|
|
|
|||
|
|
@ -100,10 +100,10 @@
|
|||
bottom: 10px;
|
||||
color: $primary;
|
||||
opacity: 0.5;
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
&:before {
|
||||
content: 'esc';
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -24,9 +24,10 @@ header {
|
|||
.topic-status {
|
||||
padding: 0 2px 0 0;
|
||||
margin: 0;
|
||||
line-height: $line-height-small;
|
||||
|
||||
i {
|
||||
font-size: 1.071em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -72,9 +73,9 @@ input,
|
|||
button,
|
||||
select,
|
||||
textarea {
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
|
||||
select,
|
||||
|
|
@ -82,8 +83,8 @@ textarea {
|
|||
display: inline-block;
|
||||
padding: 4px;
|
||||
margin-bottom: 9px;
|
||||
font-size: 1em;
|
||||
line-height: 18px;
|
||||
font-size: $font-0;
|
||||
line-height: $line-height-large;
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
|
|
@ -93,7 +94,7 @@ input, textarea {
|
|||
|
||||
select,
|
||||
input[type="file"] {
|
||||
line-height: 28px;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
|
||||
select {
|
||||
|
|
@ -150,7 +151,7 @@ input {
|
|||
min-width: 16px;
|
||||
padding: 4px 5px;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
line-height: $line-height-medium;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
background-color: $secondary;
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
height: 60px;
|
||||
.d-icon-home {
|
||||
padding:8px;
|
||||
font-size: 2.1em;
|
||||
font-size: $font-up-5;
|
||||
}
|
||||
|
||||
.site-text-logo {
|
||||
|
|
@ -34,8 +34,8 @@ and (max-width : 570px) {
|
|||
color: dark-light-choose($primary-high, $secondary-medium);
|
||||
display: block;
|
||||
word-wrap: break-word;
|
||||
font-size: .786em;
|
||||
line-height: 1.3em;
|
||||
font-size: $font-down-2;
|
||||
line-height: $line-height-medium;
|
||||
.search-highlight {
|
||||
color: dark-light-choose($primary-high, $secondary-low);
|
||||
}
|
||||
|
|
@ -43,6 +43,7 @@ and (max-width : 570px) {
|
|||
|
||||
header {
|
||||
#site-text-logo {
|
||||
line-height: 40px;
|
||||
margin-top: .4em;
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@
|
|||
}
|
||||
.markdown {
|
||||
font-family: monospace;
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
|
|
|
|||
|
|
@ -24,11 +24,11 @@
|
|||
.main-link {
|
||||
@extend .topic-list-main-link;
|
||||
flex: 15;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
|
||||
.top-row {
|
||||
margin-bottom: 0.1em;
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
}
|
||||
}
|
||||
.topic-stats {
|
||||
|
|
|
|||
|
|
@ -55,12 +55,12 @@
|
|||
.modal-header {
|
||||
h3 {
|
||||
display: inline-block;;
|
||||
font-size: 1.429em;
|
||||
font-size: $font-up-3;
|
||||
padding: 10px 15px 7px;
|
||||
}
|
||||
}
|
||||
.close {
|
||||
font-size: 1.429em;
|
||||
font-size: $font-up-3;
|
||||
text-decoration: none;
|
||||
color: dark-light-choose($primary-high, $secondary-low);
|
||||
cursor: pointer;
|
||||
|
|
@ -89,11 +89,14 @@
|
|||
|
||||
.flag-modal {
|
||||
max-height: 450px;
|
||||
.flag-action-type-details {
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-message-length {
|
||||
color: dark-light-choose($primary-low-mid, $secondary-high);
|
||||
font-size: .857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
|
||||
.flag-message {
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
.post-info {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
font-size: 0.929em;
|
||||
font-size: $font-down-1;
|
||||
margin-top: 1px;
|
||||
span {color: dark-light-choose($primary-medium, $secondary-medium); }
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
// --------------------------------------------------
|
||||
// Topic lists
|
||||
// --------------------------------------------------
|
||||
// --------------------------------------------------
|
||||
// Topic lists
|
||||
// --------------------------------------------------
|
||||
|
||||
// List controls
|
||||
// --------------------------------------------------
|
||||
// List controls
|
||||
// --------------------------------------------------
|
||||
|
||||
.list-controls {
|
||||
.list-controls {
|
||||
.nav {
|
||||
float: left;
|
||||
margin-bottom: 18px;
|
||||
|
|
@ -15,7 +15,7 @@
|
|||
float: right;
|
||||
margin-left: 8px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
|
@ -25,22 +25,22 @@
|
|||
|
||||
a.badge-category, .dropdown-header {
|
||||
padding: 3px 12px;
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// Base list
|
||||
// --------------------------------------------------
|
||||
// Base list
|
||||
// --------------------------------------------------
|
||||
|
||||
.topic-list-icons {
|
||||
.topic-list-icons {
|
||||
.d-icon-thumb-tack { color: dark-light-choose($primary-medium, $secondary-medium); }
|
||||
.d-icon-thumb-tack.unpinned { color: dark-light-choose($primary-medium, $secondary-medium); }
|
||||
a.title {color: $primary;}
|
||||
.d-icon-bookmark { color: dark-light-choose($primary-medium, $secondary-medium); }
|
||||
}
|
||||
}
|
||||
|
||||
.topic-list {
|
||||
.topic-list {
|
||||
@extend .topic-list-icons;
|
||||
|
||||
margin: 0 0 10px;
|
||||
|
|
@ -87,12 +87,14 @@
|
|||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.posters {
|
||||
td.category {
|
||||
line-height: $line-height-small;
|
||||
}
|
||||
td.posters {
|
||||
// we know there are up to 5 avatars of fixed size
|
||||
// will be overridden by media width queries on narrow displays to 1 avatar's width
|
||||
width: 146px;
|
||||
min-width: 146px;
|
||||
height: 29px; // min-height of td with avatar glow
|
||||
}
|
||||
.posters {
|
||||
> a {
|
||||
|
|
@ -135,7 +137,7 @@
|
|||
width: auto;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
text-align: left;
|
||||
font-size: .857em;
|
||||
font-size: $font-down-1;
|
||||
margin-top: 5px;
|
||||
.fa {
|
||||
margin-right: 2px;
|
||||
|
|
@ -143,7 +145,7 @@
|
|||
a {
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
margin-right: 3px;
|
||||
line-height: 20px;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
}
|
||||
.activity {
|
||||
|
|
@ -161,14 +163,14 @@
|
|||
.with-year {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.topic-list tbody tr.has-excerpt .star {
|
||||
.topic-list tbody tr.has-excerpt .star {
|
||||
vertical-align: top;
|
||||
margin-top: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.topic-list.categories {
|
||||
.topic-list.categories {
|
||||
a.title {
|
||||
color: $tertiary;
|
||||
}
|
||||
|
|
@ -184,7 +186,7 @@
|
|||
padding: 0 8px 8px;
|
||||
}
|
||||
.last-user-info {
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
.has-description {
|
||||
td.category {
|
||||
|
|
@ -194,7 +196,7 @@
|
|||
.category{
|
||||
h3 {
|
||||
display: inline-block;
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
i {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
|
@ -222,28 +224,28 @@
|
|||
}
|
||||
a.last-posted-at, a.last-posted-at:visited {
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
.badge {
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
top: -1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.topic-list-bottom {
|
||||
.topic-list-bottom {
|
||||
margin: 20px 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Misc. stuff
|
||||
// --------------------------------------------------
|
||||
// Misc. stuff
|
||||
// --------------------------------------------------
|
||||
|
||||
#list-area .top-lists h2 {
|
||||
#list-area .top-lists h2 {
|
||||
cursor: pointer;
|
||||
margin: 5px 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
#list-area {
|
||||
#list-area {
|
||||
h2 {
|
||||
margin: 20px 0 10px;
|
||||
}
|
||||
|
|
@ -253,66 +255,66 @@
|
|||
padding: 12px 35px 12px 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.category-dropdown-menu {
|
||||
.category-dropdown-menu {
|
||||
max-height: 350px;
|
||||
min-width: 131px;
|
||||
}
|
||||
min-width: 134px;
|
||||
}
|
||||
|
||||
#bulk-select {
|
||||
#bulk-select {
|
||||
position: fixed;
|
||||
right: 20px;
|
||||
top: 130px;
|
||||
padding: 5px;
|
||||
background-color: $secondary;
|
||||
z-index: 99999;
|
||||
}
|
||||
}
|
||||
|
||||
button.dismiss-read {
|
||||
button.dismiss-read {
|
||||
float: right;
|
||||
margin-bottom: 5px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.tags-admin-menu {
|
||||
.tags-admin-menu {
|
||||
.dropdown-menu {
|
||||
right: 0;
|
||||
top: 30px;
|
||||
bottom: auto;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.category-heading {
|
||||
.category-heading {
|
||||
clear: both;
|
||||
p {
|
||||
line-height: 1.5em;
|
||||
font-size: 1.429em;
|
||||
line-height: $line-height-large;
|
||||
font-size: $font-up-3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.category-navigation {
|
||||
.category-navigation {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
.category-logo {
|
||||
.category-logo {
|
||||
max-height: 150px;
|
||||
float: left;
|
||||
margin-bottom: 15px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tablet (portrait) ----------- */
|
||||
/* Tablet (portrait) ----------- */
|
||||
|
||||
@media all
|
||||
and (max-width : 850px) {
|
||||
@media all
|
||||
and (max-width : 850px) {
|
||||
|
||||
// slightly smaller font, tighten spacing on nav pills
|
||||
.nav-pills {
|
||||
> li > a {
|
||||
font-size: 1em;
|
||||
padding: 5px 10px;
|
||||
font-size: $font-0;
|
||||
padding: 7px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -332,13 +334,10 @@ and (max-width : 850px) {
|
|||
th:first-of-type {
|
||||
padding: 12px 5px;
|
||||
}
|
||||
// smaller table cell font and cell spacing
|
||||
// smaller table cell spacing
|
||||
th, td {
|
||||
padding: 12px 2px;
|
||||
font-size: 1em;
|
||||
}
|
||||
.main-link {
|
||||
font-size: 1em;
|
||||
padding: 10px;
|
||||
font-size: $font-0;
|
||||
}
|
||||
.category {
|
||||
min-width: 0;
|
||||
|
|
@ -351,9 +350,12 @@ and (max-width : 850px) {
|
|||
td.views {
|
||||
display: none;
|
||||
}
|
||||
// reduce width for more title space
|
||||
.posts {
|
||||
width: 50px;
|
||||
}
|
||||
// show only the first poster
|
||||
.posters {
|
||||
min-width: 0;
|
||||
td.posters {
|
||||
width: 50px;
|
||||
a:not(.latest) {
|
||||
display: none;
|
||||
|
|
@ -363,4 +365,4 @@ and (max-width : 850px) {
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -28,9 +28,9 @@ h1 .topic-statuses .topic-status i {
|
|||
|
||||
.reply-to-tab {
|
||||
z-index: 400;
|
||||
font-size: 0.929em;
|
||||
font-size: $font-down-1;
|
||||
float: right;
|
||||
margin: 1px 25px 0 0;
|
||||
margin: -4px 25px 0 0;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
}
|
||||
|
||||
|
|
@ -105,7 +105,7 @@ nav.post-controls {
|
|||
}
|
||||
i {
|
||||
margin-left: 5px;
|
||||
font-size: .857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -120,7 +120,7 @@ nav.post-controls {
|
|||
}
|
||||
|
||||
button {
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
padding: 8px 10px;
|
||||
vertical-align: top;
|
||||
background: transparent;
|
||||
|
|
@ -183,7 +183,7 @@ nav.post-controls {
|
|||
h3 {
|
||||
margin-top: 0;
|
||||
color: $primary;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
|
||||
ul {
|
||||
|
|
@ -258,7 +258,7 @@ nav.post-controls {
|
|||
.topic-meta-data h5 {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
font-size: 0.929em;
|
||||
font-size: $font-down-1;
|
||||
a {
|
||||
font-weight: bold;
|
||||
color: dark-light-choose($primary-low-mid, $secondary-high);
|
||||
|
|
@ -292,17 +292,17 @@ a.star {
|
|||
h3 {
|
||||
margin-bottom: 4px;
|
||||
color: dark-light-choose($primary-high, $secondary-low);
|
||||
line-height: 23px;
|
||||
line-height: $line-height-large;
|
||||
font-weight: normal;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin: 1px 0 2px 0;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
font-weight: normal;
|
||||
font-size: 0.857em;
|
||||
line-height: 15px;
|
||||
font-size: $font-down-1;
|
||||
line-height: $line-height-small;
|
||||
}
|
||||
|
||||
ul {
|
||||
|
|
@ -311,33 +311,10 @@ a.star {
|
|||
}
|
||||
|
||||
span.domain {
|
||||
font-size: 0.786em;
|
||||
font-size: $font-down-2;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
}
|
||||
|
||||
.avatars {
|
||||
> div {
|
||||
float: left;
|
||||
position: relative;
|
||||
margin: 3px 0;
|
||||
}
|
||||
.post-count {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
border-radius: 100px;
|
||||
padding: 4px 5px 2px 5px;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
font-size: .786em;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.avatar {
|
||||
float: left;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.map {
|
||||
.secondary {text-align: center;}
|
||||
li {
|
||||
|
|
@ -349,15 +326,19 @@ a.star {
|
|||
&:nth-child(3) { text-align:center; }
|
||||
}
|
||||
a, .number {
|
||||
line-height: 20px;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
.number, i {
|
||||
color: dark-light-choose($primary-high, $secondary-low);
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
.avatar a {
|
||||
float: left;
|
||||
}
|
||||
.topic-map-post {
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
.avatars,
|
||||
.links,
|
||||
|
|
@ -371,7 +352,7 @@ a.star {
|
|||
.user a {
|
||||
color: dark-light-choose($primary-high, $secondary-low);
|
||||
font-weight: bold;
|
||||
font-size: 0.929em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
.d-icon-times {
|
||||
color: dark-light-choose($primary-medium, $secondary-high);
|
||||
|
|
@ -397,7 +378,7 @@ a.star {
|
|||
color: dark-light-choose($primary-medium, $secondary-high);
|
||||
background: blend-primary-secondary(5%);
|
||||
border-left: 1px solid $primary-low;
|
||||
border-top: 1px solid $primary-low;
|
||||
border-top: 1px solid transparent;
|
||||
&:hover {
|
||||
color: $primary;
|
||||
background: $primary-low;
|
||||
|
|
@ -408,7 +389,7 @@ a.star {
|
|||
}
|
||||
.fa {
|
||||
margin: 0;
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
line-height: 52px;
|
||||
}
|
||||
}
|
||||
|
|
@ -425,11 +406,6 @@ a.star {
|
|||
}
|
||||
}
|
||||
|
||||
@mixin topic-footer-buttons-text {
|
||||
line-height: 32px;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
}
|
||||
|
||||
@mixin topic-footer-button {
|
||||
margin-bottom: 5px;
|
||||
margin-right: 10px;
|
||||
|
|
@ -439,7 +415,7 @@ a.star {
|
|||
padding: 10px 10px 0 0;
|
||||
float: left;
|
||||
p {
|
||||
@include topic-footer-buttons-text;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
}
|
||||
.btn {
|
||||
@include topic-footer-button;
|
||||
|
|
@ -520,6 +496,7 @@ video {
|
|||
.topic-statuses {
|
||||
i { color: $header_primary; }
|
||||
.d-icon-envelope { color: $danger; }
|
||||
.d-icon-lock {padding-top: .15em;}
|
||||
.unpinned { color: $header_primary; }
|
||||
}
|
||||
|
||||
|
|
@ -533,7 +510,6 @@ video {
|
|||
|
||||
.topic-header-extra {
|
||||
margin: 0 0 0 5px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -541,8 +517,8 @@ video {
|
|||
.extra-info {
|
||||
h1 {
|
||||
margin: 5px 0 0 0;
|
||||
font-size: 1.429em;
|
||||
line-height: 1.3em;
|
||||
font-size: $font-up-3;
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
|
||||
.topic-statuses {
|
||||
|
|
@ -553,7 +529,7 @@ video {
|
|||
/* override docked header CSS for topics with categories */
|
||||
.extra-info.two-rows {
|
||||
h1 {
|
||||
line-height: 1.1em;
|
||||
line-height: $line-height-medium;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -591,7 +567,7 @@ video {
|
|||
}
|
||||
|
||||
.deleted-user-avatar {
|
||||
font-size: 2.571em;
|
||||
font-size: $font-up-6;
|
||||
}
|
||||
|
||||
.info-line {
|
||||
|
|
@ -695,13 +671,13 @@ $topic-avatar-width: 45px;
|
|||
box-shadow: 0 1px 5px rgba(0,0,0, .4);
|
||||
background-clip: padding-box;
|
||||
span {
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
}
|
||||
span.title {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
|
|
@ -710,7 +686,7 @@ $topic-avatar-width: 45px;
|
|||
padding: 9px;
|
||||
clear: both;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
line-height: $line-height-medium;
|
||||
color: $primary;
|
||||
transition: all linear .15s;
|
||||
|
||||
|
|
@ -738,7 +714,7 @@ $topic-avatar-width: 45px;
|
|||
.dropdown-menu .icon {
|
||||
margin-top: 3px;
|
||||
float: left;
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
}
|
||||
|
||||
.open > .dropdown-menu {
|
||||
|
|
@ -776,14 +752,14 @@ $topic-avatar-width: 45px;
|
|||
margin-top: 10px;
|
||||
}
|
||||
p {
|
||||
font-size: 0.929em;
|
||||
font-size: $font-down-1;
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
p.cancel {
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.857em;
|
||||
font-size: $font-up-4;
|
||||
color: $primary;
|
||||
margin-bottom: 5px;
|
||||
i {
|
||||
|
|
@ -889,8 +865,7 @@ a.attachment:before {
|
|||
.post-info {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
font-size: 0.929em;
|
||||
margin-top: 1px;
|
||||
font-size: $font-down-1;
|
||||
a {color: dark-light-choose($primary-medium, $secondary-medium); }
|
||||
}
|
||||
|
||||
|
|
@ -915,7 +890,7 @@ span.highlighted {
|
|||
color: $tertiary-medium;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 13px;
|
||||
top: 15px;
|
||||
font-size: 0.571em;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -25,8 +25,8 @@
|
|||
width: 500px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.857em;
|
||||
line-height: 1.25em;
|
||||
font-size: $font-up-4;
|
||||
line-height: $line-height-medium;
|
||||
overflow: hidden;
|
||||
a {color: $primary;}
|
||||
}
|
||||
|
|
@ -57,9 +57,9 @@
|
|||
width: 60%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
font-size: 1.857em;
|
||||
font-size: $font-up-4;
|
||||
text-align: center;
|
||||
line-height: 1.1em;
|
||||
line-height: $line-height-medium;
|
||||
|
||||
.topic-retry {
|
||||
display: block;
|
||||
|
|
@ -105,7 +105,7 @@
|
|||
display: block;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
}
|
||||
}
|
||||
.jump-form {
|
||||
|
|
@ -115,7 +115,7 @@
|
|||
height: 20px;
|
||||
text-align: center;
|
||||
margin-bottom: 0;
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
}
|
||||
button.btn {
|
||||
float: right;
|
||||
|
|
@ -165,8 +165,8 @@
|
|||
}
|
||||
h4 {
|
||||
display: inline;
|
||||
font-size: 1.286em;
|
||||
line-height: 15px;
|
||||
font-size: $font-up-2;
|
||||
line-height: $line-height-small;
|
||||
}
|
||||
.bg {
|
||||
position: absolute;
|
||||
|
|
@ -194,7 +194,7 @@
|
|||
bottom: 0;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
z-index: 495
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -13,8 +13,8 @@
|
|||
margin: 0 0 5px 0;
|
||||
}
|
||||
input[type="file"] {
|
||||
font-size: 1em;
|
||||
line-height: 18px;
|
||||
font-size: $font-0;
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
.description, .hint {
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
|
|
@ -38,6 +38,6 @@
|
|||
.image-upload-controls {
|
||||
padding: 10px;
|
||||
label.btn {
|
||||
padding: 6px 10px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -63,8 +63,8 @@ $user_card_background: $secondary;
|
|||
|
||||
h1 {
|
||||
min-width: 120px;
|
||||
font-size: 1.857em;
|
||||
line-height: 1.25;
|
||||
font-size: $font-up-4;
|
||||
line-height: $line-height-medium;
|
||||
display: block;
|
||||
max-width: 250px;
|
||||
white-space: nowrap;
|
||||
|
|
@ -74,14 +74,14 @@ $user_card_background: $secondary;
|
|||
color: $user_card_primary;
|
||||
}
|
||||
i {
|
||||
font-size: .857em;
|
||||
font-size: $font-down-1;
|
||||
color: $user_card_primary;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.143em;
|
||||
line-height: 1.25;
|
||||
font-size: $font-up-1;
|
||||
line-height: $line-height-medium;
|
||||
font-weight: normal;
|
||||
display: block;
|
||||
max-width: 250px;
|
||||
|
|
@ -94,7 +94,7 @@ $user_card_background: $secondary;
|
|||
}
|
||||
|
||||
h3 {
|
||||
font-size: 0.929em;
|
||||
font-size: $font-0;
|
||||
font-weight: normal;
|
||||
margin-top: 0;
|
||||
color: scale-color($user_card_primary, $lightness: 20%);
|
||||
|
|
@ -106,7 +106,7 @@ $user_card_background: $secondary;
|
|||
}
|
||||
|
||||
.groups {
|
||||
font-size: 0.929em;
|
||||
font-size: $font-down-1;
|
||||
font-weight: normal;
|
||||
margin-top: 0;
|
||||
color: $user_card_background;
|
||||
|
|
@ -230,7 +230,7 @@ $user_card_background: $secondary;
|
|||
|
||||
h3 {
|
||||
color: $user_card_background;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
margin-bottom: -8px;
|
||||
}
|
||||
}
|
||||
|
|
@ -255,7 +255,7 @@ $user_card_background: $secondary;
|
|||
position: absolute;
|
||||
right: 12px;
|
||||
bottom: 12px;
|
||||
font-size: 2.286em;
|
||||
font-size: $font-up-5;
|
||||
i {color: $user_card_primary;}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@ article.post {
|
|||
.post-date {
|
||||
float: right;
|
||||
color: #aaa;
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
margin: 10px 4px 0 0;
|
||||
}
|
||||
|
||||
|
|
@ -76,7 +76,7 @@ article.post {
|
|||
}
|
||||
|
||||
.username {
|
||||
font-size: 0.929em;
|
||||
font-size: $font-down-1;
|
||||
margin: 0 0 10px 0;
|
||||
|
||||
a {
|
||||
|
|
@ -102,7 +102,7 @@ img.emoji {
|
|||
}
|
||||
|
||||
.in-reply-to {
|
||||
font-size: 0.929em;
|
||||
font-size: $font-down-1;
|
||||
text-align: center;
|
||||
margin: 10px 20px 6px 0;
|
||||
display: inline-block;
|
||||
|
|
@ -111,7 +111,7 @@ img.emoji {
|
|||
}
|
||||
|
||||
.replies {
|
||||
font-size: 1.071em;
|
||||
font-size: $font-0;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
|
|
@ -124,7 +124,7 @@ header.discourse {
|
|||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-bottom: 8px;
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
border-bottom: 3px solid #ddd;
|
||||
|
||||
display: flex;
|
||||
|
|
@ -134,7 +134,7 @@ header.discourse {
|
|||
|
||||
h3 {
|
||||
margin: 0 auto 0 0;
|
||||
font-size: 1.0em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -143,7 +143,7 @@ header.discourse {
|
|||
}
|
||||
|
||||
footer {
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
margin-top: 0.5em;
|
||||
.button {
|
||||
color: white;
|
||||
|
|
|
|||
|
|
@ -8,5 +8,5 @@
|
|||
margin-bottom: -3px;
|
||||
margin-top: -5px;
|
||||
padding: 15px;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,6 +4,11 @@
|
|||
// throughout the Discourse application
|
||||
|
||||
// Base Elements
|
||||
html {
|
||||
font-size: 15px; // Increasing overall font-size on mobile by 1px
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
background-color: $secondary;
|
||||
}
|
||||
|
|
@ -75,7 +80,7 @@ blockquote {
|
|||
&.preferences-nav {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: -55px;
|
||||
top: -57px;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
@ -84,6 +89,7 @@ blockquote {
|
|||
.fa {
|
||||
margin-right: 8px;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
|
||||
@media only screen and (max-width: 320px) {
|
||||
#site-text-logo {
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -34,10 +34,9 @@
|
|||
}
|
||||
|
||||
.d-header-icons {
|
||||
.badge-notification {
|
||||
top: -5px;
|
||||
.d-icon {
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
|
||||
.active .icon {
|
||||
&:after { margin-top: -1px; }
|
||||
}
|
||||
|
|
@ -52,5 +51,5 @@
|
|||
}
|
||||
|
||||
.search-link .topic-statuses .topic-status i {
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
display: none;
|
||||
}
|
||||
#revision-numbers {
|
||||
line-height: 2em;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
#revision-details {
|
||||
background-color: $primary-low;
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
.btn-social {
|
||||
width: 150px;
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
|
@ -20,7 +20,7 @@
|
|||
}
|
||||
label { float: left; display: block; }
|
||||
textarea, input, select {
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
clear: left;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -59,12 +59,12 @@
|
|||
|
||||
h3 {
|
||||
display: inline;
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
margin: 0px;
|
||||
}
|
||||
}
|
||||
.close {
|
||||
font-size: 1.857em;
|
||||
font-size: $font-up-4;
|
||||
padding: 10px 15px 5px 5px;
|
||||
color: $primary;
|
||||
}
|
||||
|
|
@ -106,7 +106,7 @@
|
|||
.custom-message-length {
|
||||
margin: -4px 0 10px 20px;
|
||||
color: dark-light-choose($primary-high, $secondary-low);
|
||||
font-size: .857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
|
||||
.flag-message {
|
||||
|
|
|
|||
|
|
@ -48,6 +48,7 @@
|
|||
}
|
||||
.nav-pills > li {
|
||||
background: $primary-low;
|
||||
font-size: $font-down-1;
|
||||
.d-icon-caret-down {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
|
@ -85,7 +86,7 @@
|
|||
.badge-notification, .category-topic-link td.num .badge-notification {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
font-size: 1em;
|
||||
font-size: $font-down-1;
|
||||
padding: 4px 6px 3px 6px;
|
||||
i {color: $secondary;}
|
||||
|
||||
|
|
@ -105,7 +106,6 @@
|
|||
}
|
||||
|
||||
.topic-item-stats {
|
||||
margin-top: 8px;
|
||||
.category, .num, .last-poster {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -222,7 +222,7 @@ tr.category-topic-link {
|
|||
|
||||
h3 {
|
||||
display: inline-block;
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
margin: 0 0 0 10px;
|
||||
i {
|
||||
margin-right: 5px;
|
||||
|
|
@ -237,7 +237,7 @@ tr.category-topic-link {
|
|||
}
|
||||
|
||||
.category-topic-link .main-link .age {
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
|
||||
.category-description td {
|
||||
|
|
@ -283,7 +283,7 @@ tr.category-topic-link {
|
|||
margin: 3px 7px 0 0;
|
||||
color: dark-light-choose($primary, $secondary-low);
|
||||
font-weight: bold;
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
figcaption {
|
||||
display: inline;
|
||||
|
|
@ -361,7 +361,7 @@ tr.category-topic-link {
|
|||
padding: 3px 15px;
|
||||
clear: both;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
line-height: $line-height-medium;
|
||||
color: $primary;
|
||||
}
|
||||
.dropdown-menu li > a:hover,
|
||||
|
|
@ -391,8 +391,7 @@ ol.category-breadcrumb {
|
|||
height: 200px;
|
||||
|
||||
a.badge-category {
|
||||
line-height: 26px !important;
|
||||
margin-bottom: 0 !important;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -434,7 +433,7 @@ td .main-link {
|
|||
}
|
||||
.topic-list {
|
||||
.posts-map {
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
}
|
||||
// so the topic excerpt is full width
|
||||
// as the containing div is 80%
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
|
||||
.topic-post article {
|
||||
border-top: 1px solid $primary-low;
|
||||
padding: 8px 0;
|
||||
padding: 15px 0 8px 0;
|
||||
}
|
||||
|
||||
.post-stream {
|
||||
|
|
@ -20,10 +20,6 @@ span.badge-posts {
|
|||
display: none;
|
||||
}
|
||||
|
||||
.who-liked {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.topic-post {
|
||||
nav.post-controls {
|
||||
clear: both;
|
||||
|
|
@ -33,9 +29,9 @@ span.badge-posts {
|
|||
}
|
||||
button {
|
||||
border: none;
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-1;
|
||||
padding: 8px 10px;
|
||||
vertical-align: top;
|
||||
vertical-align: middle;
|
||||
background: transparent;
|
||||
float: left;
|
||||
&.hidden {
|
||||
|
|
@ -60,7 +56,7 @@ span.badge-posts {
|
|||
}
|
||||
|
||||
button.like-count {
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
padding: 8px 4px;
|
||||
}
|
||||
}
|
||||
|
|
@ -88,7 +84,7 @@ span.badge-posts {
|
|||
h3 {
|
||||
margin-top: 0;
|
||||
color: $primary;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
|
||||
ul {
|
||||
|
|
@ -129,10 +125,11 @@ span.badge-posts {
|
|||
}
|
||||
|
||||
a.reply-to-tab {
|
||||
position: absolute;
|
||||
z-index: 400;
|
||||
right: 80px;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
margin: -3px 10px 0 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.topic-post .boxed .contents {
|
||||
|
|
@ -154,17 +151,17 @@ a.reply-to-tab {
|
|||
margin-bottom: 4px;
|
||||
margin-top: 0;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
line-height: 23px;
|
||||
line-height: $line-height-large;
|
||||
font-weight: normal;
|
||||
font-size: 1em;
|
||||
font-size: $font-0;
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin: 0 0 3px 0;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
font-weight: normal;
|
||||
font-size: 0.857em;
|
||||
line-height: 15px;
|
||||
font-size: $font-down-1;
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
|
||||
.user {
|
||||
|
|
@ -177,29 +174,6 @@ a.reply-to-tab {
|
|||
list-style: none;
|
||||
}
|
||||
|
||||
.avatars {
|
||||
> div {
|
||||
float: left;
|
||||
position: relative;
|
||||
margin: 3px 0;
|
||||
}
|
||||
.post-count {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
border-radius: 100px;
|
||||
padding: 4px 5px 2px 5px;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
font-size: .857em;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.avatar {
|
||||
float: left;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.map-collapsed {
|
||||
.secondary {
|
||||
display: none;
|
||||
|
|
@ -215,11 +189,11 @@ a.reply-to-tab {
|
|||
}
|
||||
}
|
||||
a, .number {
|
||||
line-height: 20px;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
.number, i {
|
||||
color: dark-light-choose($primary-high, $secondary-low);
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
}
|
||||
|
||||
.avatar + a {
|
||||
|
|
@ -231,11 +205,17 @@ a.reply-to-tab {
|
|||
}
|
||||
|
||||
.links, .information, .avatars {
|
||||
padding: 7px 10px;
|
||||
padding: 10px;
|
||||
color: $primary;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.information {
|
||||
p {
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.participants { // PMs //
|
||||
.user {float: left; margin: 0 10px 10px 0;}
|
||||
}
|
||||
|
|
@ -256,17 +236,15 @@ a.reply-to-tab {
|
|||
}
|
||||
|
||||
.buttons {
|
||||
float: right;
|
||||
.btn {
|
||||
border: 0;
|
||||
padding: 0 15px;
|
||||
color: dark-light-choose($primary-medium, $secondary-high);
|
||||
background: blend-primary-secondary(5%);
|
||||
border-left: 1px solid $primary-low;
|
||||
border-top: 1px solid $primary-low;
|
||||
.fa {
|
||||
margin: 0;
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
line-height: 52px;
|
||||
}
|
||||
}
|
||||
|
|
@ -312,7 +290,7 @@ a.reply-to-tab {
|
|||
}
|
||||
|
||||
a.badge-category, a.badge-category-parent {
|
||||
font-size: 0.857em;
|
||||
font-size: $font-down-1;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
|
|
@ -347,8 +325,6 @@ span.post-count {
|
|||
// this prevents image overflow on deeply nested blockquotes, lists, etc
|
||||
.cooked {
|
||||
overflow: hidden;
|
||||
font-size: $base-font-size + 1; /* let's bump post body font size on mobile slightly */
|
||||
line-height: $base-line-height + 2; /* bump up line height to match increased font */
|
||||
}
|
||||
|
||||
.quote-button.visible {
|
||||
|
|
@ -444,7 +420,7 @@ button.select-post {
|
|||
}
|
||||
|
||||
.deleted-user-avatar {
|
||||
font-size: 2.286em;
|
||||
font-size: $font-up-5;
|
||||
}
|
||||
|
||||
span.btn-text {display: none;}
|
||||
|
|
@ -466,15 +442,15 @@ span.highlighted {
|
|||
|
||||
.topic-avatar {
|
||||
float: left;
|
||||
padding-top: 5px;
|
||||
margin-right: 10px;
|
||||
z-index:999; /* must render on top of topic-body + topic-meta-data, otherwise not tappable */
|
||||
}
|
||||
|
||||
.topic-meta-data {
|
||||
margin-left: 50px;
|
||||
font-size: $font-down-1;
|
||||
.names {
|
||||
margin: 5px 0 0 5px;
|
||||
line-height: 17px;
|
||||
line-height: $line-height-medium;
|
||||
|
||||
.poster-icon {
|
||||
float: right;
|
||||
|
|
@ -482,7 +458,6 @@ span.highlighted {
|
|||
}
|
||||
.post-info {
|
||||
float: right;
|
||||
margin: 4px 10px 0 0;
|
||||
.edits { margin-right: 5px; }
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,8 +17,8 @@
|
|||
//margin-bottom: 20px;
|
||||
margin: 0 60px 10px 0;
|
||||
h1 {
|
||||
font-size: 1.429em;
|
||||
line-height: 1.25;
|
||||
font-size: $font-up-3;
|
||||
line-height: $line-height-medium;
|
||||
a {
|
||||
color: $primary;
|
||||
vertical-align: middle;
|
||||
|
|
@ -81,7 +81,7 @@
|
|||
display: block;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
font-size: 1.286em;
|
||||
font-size: $font-up-2;
|
||||
}
|
||||
}
|
||||
.jump-form {
|
||||
|
|
@ -90,7 +90,7 @@
|
|||
width: 45px;
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
}
|
||||
button.btn {
|
||||
float: right !important;
|
||||
|
|
@ -130,8 +130,8 @@
|
|||
}
|
||||
h4 {
|
||||
display: inline;
|
||||
font-size: 1.286em;
|
||||
line-height: 15px;
|
||||
font-size: $font-up-2;
|
||||
line-height: $line-height-small;
|
||||
}
|
||||
.d-icon {
|
||||
position: absolute;
|
||||
|
|
@ -155,8 +155,8 @@
|
|||
width: 90%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
font-size: 1.857em;
|
||||
line-height: 1.25;
|
||||
font-size: $font-up-4;
|
||||
line-height: $line-height-medium;
|
||||
|
||||
.topic-retry {
|
||||
display: block;
|
||||
|
|
@ -195,7 +195,7 @@ sup sup, sub sup, sup sub, sub sub { top: 0; }
|
|||
width: 100% !important;
|
||||
}
|
||||
.btn-small {
|
||||
padding: 8px 12px;
|
||||
padding: 6px 12px;
|
||||
margin: 6px 6px 0 0;
|
||||
}
|
||||
|
||||
|
|
@ -208,7 +208,7 @@ sup sup, sub sup, sup sub, sub sub { top: 0; }
|
|||
// make mobile timeline top and bottom dates easier to select
|
||||
.topic-timeline {
|
||||
.start-date, .now-date {
|
||||
font-size: 1.143em;
|
||||
font-size: $font-up-1;
|
||||
padding: 5px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,8 +3,8 @@
|
|||
width: 520px;
|
||||
}
|
||||
input[type="file"] {
|
||||
font-size: 1em;
|
||||
line-height: 18px;
|
||||
font-size: $font-0;
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
.description {
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
|
|
|
|||
|
|
@ -97,11 +97,11 @@
|
|||
|
||||
h1 {
|
||||
margin: 0;
|
||||
line-height: 1;
|
||||
line-height: $line-height-small;
|
||||
}
|
||||
|
||||
h2 {
|
||||
line-height: normal;
|
||||
line-height: $line-height-medium;
|
||||
}
|
||||
|
||||
.primary {
|
||||
|
|
|
|||
|
|
@ -190,11 +190,11 @@ body {
|
|||
line-height: 36px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 1.714em;
|
||||
font-size: 1.7511em;
|
||||
line-height: 36px;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.286em;
|
||||
font-size: 1.3195em;
|
||||
line-height: 27px;
|
||||
}
|
||||
h4, h5, h6 {
|
||||
|
|
@ -228,7 +228,6 @@ body {
|
|||
label, input, button, select, textarea {
|
||||
font-size: 0.929em;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
}
|
||||
input, button, select, textarea {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
|
|
|
|||
|
|
@ -132,7 +132,7 @@ dfn {
|
|||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 1.6em;
|
||||
font-size: 1.7511em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -440,7 +440,6 @@ html[dir="rtl"] .select2-container-multi .select2-choices li
|
|||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-field input {
|
||||
padding: 5px 10px;
|
||||
margin: 1px 0;
|
||||
|
||||
font-family: sans-serif;
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ body.wizard {
|
|||
|
||||
color: #444;
|
||||
|
||||
line-height: 1.4em;
|
||||
line-height: $line-height-large;
|
||||
}
|
||||
|
||||
.finish-installation {
|
||||
|
|
@ -171,12 +171,11 @@ body.wizard {
|
|||
|
||||
span {
|
||||
position: absolute;
|
||||
font-size: 1.071em;
|
||||
font-size: $font-0;
|
||||
mix-blend-mode: difference;
|
||||
color: white;
|
||||
z-index: 13;
|
||||
font-size: 0.8em;
|
||||
left: 2em;
|
||||
left: 1.5em;
|
||||
}
|
||||
|
||||
.screen {
|
||||
|
|
@ -195,7 +194,7 @@ body.wizard {
|
|||
|
||||
.wizard-btn {
|
||||
border-radius: 2px;
|
||||
font-size: 1.0em;
|
||||
font-size: $font-0;
|
||||
border: 0px;
|
||||
padding: 0.5em;
|
||||
transition: background-color .3s;
|
||||
|
|
@ -208,7 +207,7 @@ body.wizard {
|
|||
|
||||
&.small {
|
||||
padding: 0.25em 0.5em;
|
||||
font-size: 0.9em;
|
||||
font-size: $font-down-1;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
|
@ -408,7 +407,7 @@ body.wizard {
|
|||
.text-field {
|
||||
input {
|
||||
width: 100%;
|
||||
font-size: 1.2em;
|
||||
font-size: $font-up-1;
|
||||
padding: 6px;
|
||||
border: 1px solid #ccc;
|
||||
transition: border-color .5s;
|
||||
|
|
@ -481,7 +480,7 @@ body.wizard {
|
|||
|
||||
/* fix wizard for mobile -- iPhone 5 default width */
|
||||
@media only screen and (max-device-width: 568px) {
|
||||
h1 { font-size: 1.3em !important; }
|
||||
h1 { font-size: $font-up-2 !important; }
|
||||
.wizard-column { margin: auto !important; }
|
||||
.wizard-step-contents { min-height: auto !important; }
|
||||
.wizard-step-banner { width: 100% !important; margin-bottom: 1em !important; }
|
||||
|
|
|
|||
Loading…
Reference in New Issue