Reducing some specificity, color fix

This commit is contained in:
Kris 2018-08-03 17:43:07 -04:00
parent 066010db7d
commit 84d822959a
9 changed files with 28 additions and 43 deletions

View File

@ -24,7 +24,7 @@ $mobile-breakpoint: 700px;
padding: 0 0 0 10px; padding: 0 0 0 10px;
} }
.nav.nav-pills { .nav-pills {
display: inline-flex; display: inline-flex;
width: calc(100% - 10px); width: calc(100% - 10px);
flex: 1 0 auto; flex: 1 0 auto;
@ -508,7 +508,7 @@ $mobile-breakpoint: 700px;
} }
} }
.nav.nav-pills { .nav-pills {
width: calc(100% - 10px); width: calc(100% - 10px);
display: inline-flex; display: inline-flex;
padding: 10px; padding: 10px;

View File

@ -136,7 +136,7 @@
} }
} }
.nav.nav-pills.fields { .nav-pills.fields {
margin-left: 10px; margin-left: 10px;
} }
.content-list, .content-list,

View File

@ -55,8 +55,8 @@
} }
.menu-panel { .menu-panel {
ul.menu-links li, li,
ul li.heading { li.heading {
a { a {
padding: 0.25em 0.5em; padding: 0.25em 0.5em;
display: block; display: block;
@ -81,6 +81,12 @@
padding: 0.25em 0.5em; padding: 0.25em 0.5em;
width: 50%; width: 50%;
box-sizing: border-box; box-sizing: border-box;
a {
&:hover,
&:focus {
background: transparent;
}
}
.badge-notification { .badge-notification {
color: dark-light-choose($primary-medium, $secondary-medium); color: dark-light-choose($primary-medium, $secondary-medium);
background-color: transparent; background-color: transparent;

View File

@ -254,7 +254,7 @@ aside.quote {
} }
.topic-map { .topic-map {
background: blend-primary-secondary(5%); background: $primary-very-low;
border: 1px solid $primary-low; border: 1px solid $primary-low;
border-top: none; // would cause double top border border-top: none; // would cause double top border

View File

@ -8,17 +8,16 @@
padding: 0; padding: 0;
margin-right: 5px; margin-right: 5px;
.d-icon {
border: 1px solid $primary-low;
padding: 4px 5px;
margin: 0 !important;
}
&:hover, &:hover,
&:focus { &:focus {
background: $primary-low; background: $primary-low;
} }
} }
.d-icon {
border: 1px solid $primary-low;
padding: 4px 5px;
margin: 0 !important;
}
} }
} }
} }

View File

@ -617,7 +617,7 @@ blockquote {
.quote { .quote {
& > blockquote { & > blockquote {
.onebox-result { .onebox-result {
background-color: blend-primary-secondary(5%); background-color: $primary-very-low;
} }
} }
aside { aside {
@ -626,7 +626,7 @@ blockquote {
blockquote, blockquote,
.onebox, .onebox,
.onebox-result { .onebox-result {
background: blend-primary-secondary(5%); background: $primary-very-low;
border-left: 5px solid $primary-low; border-left: 5px solid $primary-low;
} }
aside.quote > blockquote, aside.quote > blockquote,

View File

@ -288,7 +288,7 @@ $user_card_background: $secondary;
margin-top: 5px; margin-top: 5px;
.user-badge { .user-badge {
background: scale-color($user_card_background, $lightness: -5%); background: $primary-very-low;
border: 1px solid $primary-low; border: 1px solid $primary-low;
color: $user_card_primary; color: $user_card_primary;
} }

View File

@ -1,11 +1,6 @@
$border-color: rgb(219, 219, 219);
$text-color: #9e9e9e;
$option-background: dark-light-diff($primary, $secondary, 90%, -65%);
div.poll { div.poll {
margin: 10px 0; margin: 10px 0;
border: 1px solid $border-color; border: 1px solid $primary-low;
@include unselectable; @include unselectable;
@ -34,23 +29,8 @@ div.poll {
height: auto; height: auto;
} }
.button {
display: inline-block;
padding: 6px 12px;
margin-right: 5px;
text-align: center;
cursor: pointer;
color: $primary;
background: dark-light-diff($primary, $secondary, 90%, -65%);
&:hover {
background: dark-light-diff($primary, $secondary, 65%, -75%);
color: #fff;
}
}
.poll-info { .poll-info {
color: $text-color; color: $primary-medium;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
@ -83,7 +63,7 @@ div.poll {
} }
.info-text { .info-text {
margin: 0 5px; margin: 0 5px;
color: $text-color; color: $primary-medium;
} }
} }
@ -111,17 +91,17 @@ div.poll {
.percentage { .percentage {
font-size: 20px; font-size: 20px;
float: right; float: right;
color: $text-color; color: $primary-medium;
margin-left: 5px; margin-left: 5px;
} }
.bar-back { .bar-back {
background: $option-background; background: $primary-low;
} }
.bar { .bar {
height: 10px; height: 10px;
background: dark-light-diff($primary, $secondary, 50%, -25%); background: $primary-medium;
} }
.chosen .bar { .chosen .bar {

View File

@ -8,7 +8,7 @@ div.poll {
min-width: 150px; min-width: 150px;
width: 100%; width: 100%;
display: table-cell; display: table-cell;
border-left: 1px solid $border-color; border-left: 1px solid $primary-low;
p { p {
margin: 40px 20px; margin: 40px 20px;
@ -26,7 +26,7 @@ div.poll {
} }
.poll-buttons { .poll-buttons {
border-top: 1px solid $border-color; border-top: 1px solid $primary-low;
padding: 10px; padding: 10px;
.toggle-status { .toggle-status {