Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Unnest top level selectors from body

This commit is contained in:
minusfive 2017-08-18 12:36:21 -04:00 committed by Robin Ward
parent 286bc7db33
commit 77469cfb88
1 changed files with 120 additions and 119 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

239
app/assets/stylesheets/common/base/discourse.scss
View File

@ -45,153 +45,154 @@ html {
} }
body { body {
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: .5rem;
}
background-attachment: fixed; background-attachment: fixed;
background-size: cover; background-size: cover;
min-height: 100%; min-height: 100%;
@include clearfix; @include clearfix;
}
button.ok { h1, h2, h3, h4, h5, h6 {
background: $success; margin-top: 0;
margin-bottom: .5rem;
}
button.ok {
background: $success;
color: $secondary;
@include hover {
background: lighten($success, 10%);
color: $secondary; color: $secondary;
@include hover {
background: lighten($success, 10%);
color: $secondary;
}
} }
button.cancel { }
background: $danger;
button.cancel {
background: $danger;
color: $secondary;
@include hover {
background: lighten($danger, 10%);
color: $secondary; color: $secondary;
@include hover {
background: lighten($danger, 10%);
color: $secondary;
}
} }
}
// the default for table cells in topic list // the default for table cells in topic list
// is scale-color($primary, $lightness: 50%) // is scale-color($primary, $lightness: 50%)
// numbers get dimmer as they get colder // numbers get dimmer as they get colder
.coldmap-high { .coldmap-high {
color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 30%)) !important; color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 30%)) !important;
} }
.coldmap-med { .coldmap-med {
color: dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%)) !important; color: dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%)) !important;
} }
.coldmap-low { .coldmap-low {
color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%)) !important; color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%)) !important;
} }
#loading-message { #loading-message {
position: absolute; position: absolute;
font-size: 2.143em; font-size: 2.143em;
text-align: center; text-align: center;
top: 120px; top: 120px;
left: 500px; left: 500px;
color: $primary; color: $primary;
} }
.top-space { .top-space {
margin-top: 10px; margin-top: 10px;
} }
ul.breadcrumb { ul.breadcrumb {
margin: 0 10px 0 10px; margin: 0 10px 0 10px;
} }
.message { .message {
@include border-radius-all(8px); @include border-radius-all(8px);
background-color: $secondary; background-color: $secondary;
padding: 14px; padding: 14px;
h2 { h2 {
margin-bottom: 20px; margin-bottom: 20px;
}
} }
}
#footer { #footer {
.container { .container {
height: 50px; height: 50px;
.contents { .contents {
padding-top: 10px; padding-top: 10px;
a[href] { a[href] {
color: $secondary; color: $secondary;
}
} }
} }
} }
}
.clear-transitions { .clear-transitions {
transition:none !important; transition:none !important;
} }
.tip { .tip {
display: inline-block; display: inline-block;
&.good { &.good {
color: $success; color: $success;
}
&.bad {
color: $danger;
}
} }
&.bad {
color: $danger;
}
}
input[type].invalid { input[type].invalid {
background-color: dark-light-choose(scale-color($danger, $lightness: 80%), scale-color($danger, $lightness: -60%)); background-color: dark-light-choose(scale-color($danger, $lightness: 80%), scale-color($danger, $lightness: -60%));
} }
.d-editor-input { .d-editor-input {
resize: none; resize: none;
} }
.avatar-wrapper { .avatar-wrapper {
background-color: $secondary; background-color: $secondary;
display: inline-block; display: inline-block;
border-radius: 50%; border-radius: 50%;
} }
.profiler-results.profiler-left { .profiler-results.profiler-left {
top: 60px !important; top: 60px !important;
} }
label { label {
display: block; display: block;
margin-bottom: 5px; margin-bottom: 5px;
}
input {
&[type="radio"], &[type="checkbox"] {
margin: 3px 0;
line-height: normal;
cursor: pointer;
} }
input { &[type="submit"], &[type="reset"], &[type="button"], &[type="radio"], &[type="checkbox"] {
&[type="radio"], &[type="checkbox"] { width: auto;
margin: 3px 0;
line-height: normal;
cursor: pointer;
}
&[type="submit"], &[type="reset"], &[type="button"], &[type="radio"], &[type="checkbox"] {
width: auto;
}
} }
.radio, .checkbox { }
min-height: 18px; .radio, .checkbox {
padding-left: 18px; min-height: 18px;
} padding-left: 18px;
.radio input[type="radio"], .checkbox input[type="checkbox"] { }
float: left; .radio input[type="radio"], .checkbox input[type="checkbox"] {
margin-left: -18px; float: left;
} margin-left: -18px;
.controls > { }
.radio:first-child, .checkbox:first-child { .controls > {
padding-top: 5px; .radio:first-child, .checkbox:first-child {
}
}
.radio.inline, .checkbox.inline {
display: inline-block;
padding-top: 5px; padding-top: 5px;
margin-bottom: 0;
vertical-align: middle;
}
.radio.inline .radio.inline, .checkbox.inline .checkbox.inline {
margin-left: 10px;
} }
} }
.radio.inline, .checkbox.inline {
display: inline-block;
padding-top: 5px;
margin-bottom: 0;
vertical-align: middle;
}
.radio.inline .radio.inline, .checkbox.inline .checkbox.inline {
margin-left: 10px;
}
.flex-center-align { .flex-center-align {
display: flex; display: flex;
@ -329,7 +330,7 @@ body {
.content-list { .content-list {
h3 { h3 {
color: $primary-medium; color: $primary-medium;
font-size: 1.071em; font-size: 1.071em;
padding-left: 5px; padding-left: 5px;
margin-bottom: 10px; margin-bottom: 10px;
@ -340,10 +341,10 @@ body {
margin: 0; margin: 0;
li:first-of-type { li:first-of-type {
border-top: 1px solid $primary-low; border-top: 1px solid $primary-low;
} }
li { li {
border-bottom: 1px solid $primary-low; border-bottom: 1px solid $primary-low;
} }
li a { li a {
@ -352,7 +353,7 @@ body {
color: $primary; color: $primary;
&:hover { &:hover {
background-color: $primary-low; background-color: $primary-low;
color: $primary; color: $primary;
} }