Commit 1bf1caff by Bertrand Marron

Remove ugly !important rules

parent 1bb9ab28
......@@ -127,14 +127,14 @@
padding: ($baseline/5) $baseline ($baseline/4);
&.disabled, &.is-disabled {
border: 1px solid $gray-l1 !important;
border-radius: 3px !important;
background: $gray-l1 !important;
color: $gray-d1 !important;
border: 1px solid $gray-l1;
border-radius: 3px;
background: $gray-l1;
color: $gray-d1;
pointer-events: none;
cursor: none;
&:hover, &:focus {
box-shadow: 0 0 0 0 !important;
box-shadow: 0 0 0 0;
}
}
......@@ -158,9 +158,9 @@
}
&.disabled, &.is-disabled {
border: 1px solid $green-l3 !important;
background: $green-l3 !important;
color: $white !important;
border: 1px solid $green-l3;
background: $green-l3;
color: $white;
box-shadow: none;
}
}
......@@ -180,9 +180,9 @@
&.disabled, &.is-disabled {
box-shadow: none;
border: 1px solid $blue-l3 !important;
background: $blue-l3 !important;
color: $white !important;
border: 1px solid $blue-l3;
background: $blue-l3;
color: $white;
}
}
......@@ -201,9 +201,9 @@
&.disabled, &.is-disabled {
box-shadow: none;
border: 1px solid $red-l3 !important;
background: $red-l3 !important;
color: $white !important;
border: 1px solid $red-l3;
background: $red-l3;
color: $white;
}
}
......@@ -222,9 +222,9 @@
&.disabled, &.is-disabled {
box-shadow: none;
border: 1px solid $pink-l3 !important;
background: $pink-l3 !important;
color: $white !important;
border: 1px solid $pink-l3;
background: $pink-l3;
color: $white;
}
}
......@@ -243,9 +243,9 @@
}
&.disabled, &.is-disabled {
border: 1px solid $orange-l3 !important;
background: $orange-l2 !important;
color: $gray-l1 !important;
border: 1px solid $orange-l3;
background: $orange-l2;
color: $gray-l1;
box-shadow: none;
}
}
......
......@@ -36,4 +36,4 @@
// float: left;
// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
// }
// }
\ No newline at end of file
// }
......@@ -19,4 +19,4 @@
@else {
@return $prop;
}
}
\ No newline at end of file
}
......@@ -50,7 +50,7 @@
background: $action-primary-disabled-bg;
&:hover, &:focus {
background: $action-primary-disabled-bg !important; // needed for IE currently
background: $action-primary-disabled-bg; // needed for IE currently
}
}
}
......@@ -126,8 +126,8 @@
.form-actions button[type="submit"] {
text-transform: none;
vertical-align: middle;
font-weight: 600 !important;
letter-spacing: 0 !important;
font-weight: 600;
letter-spacing: 0;
}
}
......@@ -138,12 +138,12 @@
// edx.org marketing site - registration iframe band-aid (poor form enough to isolate out)
.view-iframe, .view-iframe-content {
background: transparent !important;
background: transparent;
overflow: hidden;
}
.view-partial-mktgregister {
background: transparent !important;
background: transparent;
// dimensions needed for course about page on marketing site
.wrapper-view {
......@@ -184,21 +184,21 @@
}
&.has-option-verified {
padding-top: 12px !important;
padding-top: 12px;
}
}
// already registered but course not started or registration is closed
&.is-registered, &.registration-closed {
@extend %m-btn-secondary;
pointer-events: none !important;
pointer-events: none;
display: block;
}
// coming soon
&.coming-soon {
@extend %m-btn-secondary;
pointer-events: none !important;
pointer-events: none;
outline: none;
display: block;
}
......@@ -251,8 +251,8 @@ footer .references {
@extend %ui-reset-button;
&:focus {
border: none !important;
outline: thin dotted !important;
border: none;
outline: thin dotted;
}
}
......
......@@ -89,15 +89,15 @@
// needed utility extend for resetting poor basic <button> elem styling
%ui-reset-button {
border: none !important;
box-shadow: none !important;
background: transparent !important;
text-shadow: none !important;
letter-spacing: 0 !important;
text-transform: none !important;
border: none;
box-shadow: none;
background: transparent;
text-shadow: none;
letter-spacing: 0;
text-transform: none;
&:focus {
// outline: thin dotted !important;
// outline: thin dotted;
}
}
......
......@@ -75,7 +75,7 @@ td { vertical-align: top; }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
......@@ -84,7 +84,7 @@ td { vertical-align: top; }
.clearfix { *zoom: 1; }
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
* { background: transparent; color: black; box-shadow:none; text-shadow: none; filter:none; -ms-filter: none; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
......@@ -92,7 +92,7 @@ td { vertical-align: top; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
img { max-width: 100%; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
......
......@@ -25,19 +25,19 @@ div.syllabus {
tr.first {
td {
padding-top: 15px !important;
padding-top: 15px;
}
}
td {
border: none !important;
padding: 5px 10px !important;
border: none;
padding: 5px 10px;
vertical-align: middle;
font-size: 1em !important;
font-size: 1em;
line-height: auto;
&.day, &.due, &.slides, &.assignment {
white-space: nowrap !important;
white-space: nowrap;
}
&.no_class {
......@@ -49,7 +49,7 @@ div.syllabus {
}
&.week_separator {
padding: 0px !important;
padding: 0px;
hr {
margin: 10px;
......
......@@ -9,4 +9,4 @@ div.static_tab_wrapper {
section {
margin: 0px 0px 20px;
}
}
\ No newline at end of file
}
......@@ -17,7 +17,7 @@ table {
a {
&:hover, &:focus {
color: $pink;
text-decoration: none !important;
text-decoration: none;
}
}
......
......@@ -54,4 +54,4 @@
&:hover, &:focus {
background: -webkit-linear-gradient(top, #888, #666);
}
}
\ No newline at end of file
}
......@@ -69,7 +69,7 @@
}
.chapter {
width: 100% !important;
width: 100%;
@include box-sizing(border-box);
padding: 11px 14px;
@include linear-gradient(top, $sidebar-chapter-bg-top, $sidebar-chapter-bg-bottom);
......
......@@ -594,7 +594,7 @@ section.instructor-dashboard-content-2 {
}
// Disable horizontal scroll bar when grid only has 1 column. Remove this CSS class when more columns added.
.slick-viewport {
overflow-x: hidden !important;
overflow-x: hidden;
}
}
}
......@@ -850,7 +850,7 @@ input[name="subject"] {
display: none;
}
.content{
padding: 0 !important;
padding: 0;
}
input[name="download_company_name"],
input[name="active_company_name"], input[name="spent_company_name"] {
......@@ -866,11 +866,11 @@ input[name="subject"] {
border-bottom: 1px solid #f3f3f3;
}
tr.always-gray{
background: #eee !important;
background: #eee;
border-top: 2px solid #FFFFFF;
}
tr.always-white{
background: #fff !important;
background: #fff;
td{
padding: 30px 0px 10px;
}
......@@ -915,7 +915,7 @@ input[name="subject"] {
// in_active coupon rows style
.inactive_coupon{
background: #FFF0F0 !important;
background: #FFF0F0;
text-decoration: line-through;
color: rgba(51,51,51,0.2);
border-bottom: 1px solid #fff;
......@@ -975,7 +975,7 @@ input[name="subject"] {
margin-top: 5px;
color: #646464
}
top:-95px !important;
top:-95px;
width: 650px;
margin-left: -325px;
border-radius: 2px;
......@@ -1000,7 +1000,7 @@ input[name="subject"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 20px 0 10px 0 !important;
margin: 20px 0 10px 0;
padding: 20px;
border: none;
border-bottom: 3px solid #a0050e;
......@@ -1016,20 +1016,20 @@ input[name="subject"] {
}
}
li:nth-child(even){
margin-left: 30px !important;
margin-left: 30px;
}
li:nth-child(3), li:nth-child(4){
margin-left: 0px !important;
margin-left: 0px;
width: 100%;
}
li:nth-child(3) {
margin-bottom: 0px !important;
margin-bottom: 0px;
textarea {
min-height: 100px;
}
}
li:last-child{
margin-bottom: 0px !important;
margin-bottom: 0px;
}
}
form#generate_codes ol.list-input{
......@@ -1095,7 +1095,7 @@ input[name="subject"] {
}
}
li#set-course-mode-modal-field-currency{
margin-left: 0px !important;
margin-left: 0px;
select {
width: 100%;
}
......@@ -1138,7 +1138,7 @@ input[name="subject"] {
list-style: none;
}
.readonly {
background-color: #eee !important;
background-color: #eee;
color: #aaa;
}
.field {
......
......@@ -42,7 +42,7 @@
position: absolute;
right: 20px;
top: 12px;
font-size: 28px !important;
font-size: 28px;
}
#chat-block {
......@@ -52,7 +52,7 @@
height: 0px;
bottom: 0;
right: 0;
margin: 0 !important;
border: none !important;
margin: 0;
border: none;
display: none;
}
footer {
box-shadow: $courseware-footer-shadow;
margin-top: $courseware-footer-margin;
}
\ No newline at end of file
}
......@@ -83,7 +83,7 @@ section.wiki {
.add-article-btn {
@include button(simple, #eee);
margin-left: 25px;
padding: 7px 15px !important;
padding: 7px 15px;
font-size: 0.72em;
font-weight: 600;
......@@ -463,8 +463,8 @@ section.wiki {
font-size: 0.8em;
margin-right: 5px;
line-height: 1.2em;
text-transform: none !important;
letter-spacing: 0 !important;
text-transform: none;
letter-spacing: 0;
&:hover, &:focus {
color: $base-font-color;
......@@ -488,7 +488,7 @@ section.wiki {
}
a.btn {
padding: 7px 18px 8px !important;
padding: 7px 18px 8px;
}
.modal {
......@@ -582,7 +582,7 @@ section.wiki {
}
#previewWindow body {
background: #f00 !important;
background: #f00;
}
#cheatsheetLink {
......@@ -1020,7 +1020,7 @@ section.wiki {
}
.modal-preview .main-article {
width: 100% !important;
width: 100%;
margin-left: 0;
}
......@@ -1061,8 +1061,8 @@ section.wiki {
font-size: 0.8em;
margin-right: 5px;
line-height: 1.2em;
text-transform: none !important;
letter-spacing: 0 !important;
text-transform: none;
letter-spacing: 0;
&:hover, &:focus {
color: $base-font-color;
......
......@@ -654,7 +654,7 @@ body.discussion {
position: relative;
margin: $baseline 0;
padding: $baseline;
background: #f6f6f6 !important;
background: #f6f6f6;
border-radius: 3px;
header {
......
......@@ -4,7 +4,7 @@
// Override global a rules
.forum-nav-browse {
color: $black !important;
color: $black;
}
// Override global label rules
......@@ -14,13 +14,13 @@
// Override global input rules
.forum-nav-search-input {
box-shadow: none !important;
border: 1px solid $gray-l2 !important;
border-radius: 3px !important;
height: auto !important;
padding-left: ($baseline/4) !important;
padding-right: ($baseline/2 + 12px) !important; // Leave room for icon
font-size: 12px !important;
box-shadow: none;
border: 1px solid $gray-l2;
border-radius: 3px;
height: auto;
padding-left: ($baseline/4);
padding-right: ($baseline/2 + 12px); // Leave room for icon
font-size: 12px;
}
// Firefox does not compute the correct containing box for absolute positioning
......@@ -35,7 +35,7 @@
// Override global a rules
.forum-nav-browse-title {
color: inherit !important;
color: inherit;
}
// Override global label rules
......@@ -45,12 +45,12 @@
// Override global input rules
.forum-nav-browse-filter-input {
box-shadow: none !important;
border-radius: 3px !important;
height: auto !important;
padding-left: ($baseline/4) !important;
padding-right: ($baseline/2 + 12px) !important; // Leave room for icon
font-size: 12px !important;
box-shadow: none;
border-radius: 3px;
height: auto;
padding-left: ($baseline/4);
padding-right: ($baseline/2 + 12px); // Leave room for icon
font-size: 12px;
}
// Override global ul rules
......@@ -99,7 +99,7 @@ li[class*=forum-nav-thread-label-] {
// Override clearfix stuff in .sidebar ul li rules
&:before, &:after {
display: none !important;
display: none;
}
}
......
......@@ -41,7 +41,7 @@
// because ie doesn't like :last
.last {
margin-right: 0 !important;
margin-right: 0 ;
}
// make partners not animate
......@@ -156,11 +156,11 @@
}
div.course-wrapper {
display: block !important;
display: block;
section.course-content,
div.course-index {
display: block !important;
display: block;
float: left;
}
......@@ -170,15 +170,15 @@
}
.sidebar {
float: left !important;
display: block !important;
float: left;
display: block;
}
.sequence-nav ol {
display: block !important;
display: block;
li {
float: left !important;
float: left;
width: 50px;
}
}
......@@ -194,6 +194,6 @@
.lte9 {
.ie-banner {
display: block !important;
display: block;
}
}
......@@ -36,7 +36,7 @@
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0 !important;
letter-spacing: 0;
color: $m-gray-d2;
}
......@@ -72,11 +72,11 @@
font-weight: 500;
cursor: pointer;
text-align: center;
border: none !important;
border: none;
text-shadow: none;
letter-spacing: 0;
font-size: 16px;
box-shadow: none !important;
box-shadow: none;
}
%button-secondary {
......@@ -89,11 +89,11 @@
font-weight: 600;
cursor: pointer;
text-align: center;
border: none !important;
border: none;
text-shadow: none;
letter-spacing: 0;
font-size: 16px;
box-shadow: 0 !important;
box-shadow: 0;
}
// layout
......@@ -176,12 +176,12 @@
&:link, &:visited, &:hover, &:active, &:focus {
color: $link-color-d1;
font-weight: 400;
text-decoration: none !important; // needed but nasty
text-decoration: none; // needed but nasty
font-family: $sans-serif;
}
&:hover, &:active, &:focus {
text-decoration: none !important; // needed but nasty
text-decoration: none; // needed but nasty
border-bottom: 1px dotted $link-color-d1;
}
}
......@@ -207,7 +207,7 @@
float: left;
p, ol, ul {
font-size: 14px !important;
font-size: 14px;
}
}
......@@ -441,7 +441,7 @@
font-weight: 600;
a {
font-weight: 600 !important;
font-weight: 600;
}
}
......@@ -463,7 +463,7 @@
&:disabled, &.is-disabled {
opacity: 0.3;
cursor: default !important;
cursor: default;
}
}
......@@ -580,7 +580,7 @@
.message-copy {
@extend %body-text;
margin: 0 !important;
margin: 0;
padding: 0;
list-style: none;
......@@ -596,7 +596,7 @@
background: tint($red,95%);
.message-title {
color: shade($red, 10%) !important;
color: shade($red, 10%);
}
.message-copy {
......@@ -686,7 +686,7 @@
.inner-wrapper {
border-radius: 2px;
background: $body-bg;
padding-bottom: 0 !important;
padding-bottom: 0;
}
#password-reset {
......@@ -738,11 +738,11 @@
}
.form-actions {
padding: 0 !important;
padding: 0;
.action-primary {
float: none;
display: block !important;
display: block;
width: 100%;
}
}
......@@ -753,7 +753,7 @@
@extend %body-text;
box-shadow: inset 0 -1px 2px 0 tint($red, 85%);
@include box-sizing(border-box);
margin: $baseline 0 ($baseline/2) 0 !important;
margin: $baseline 0 ($baseline/2) 0;
padding: $baseline;
border: none;
border-bottom: 3px solid shade($red, 10%);
......
......@@ -6,7 +6,7 @@
background: $course-profile-bg;
background-size: cover;
background-image: $homepage-bg-image;
background-position: center top !important;
background-position: center top;
border-bottom: 1px solid $border-color-3;
box-shadow: inset 0 -1px 8px 0 rgba(0,0,0, 0.2), inset 0 1px 12px 0 rgba(0,0,0, 0.3);
height: 430px;
......
......@@ -814,7 +814,7 @@
text-align: center;
&.disabled {
cursor: default !important;
cursor: default;
&:hover, &:focus {
background: #eee;
......@@ -1072,9 +1072,9 @@
.status--verification {
.data {
white-space: normal !important;
text-overflow: no !important;
overflow: visible !important;
white-space: normal;
text-overflow: no;
overflow: visible;
}
.list--nav {
......@@ -1085,7 +1085,7 @@
&.is-denied {
.data {
color: $error-color !important;
color: $error-color;
}
}
}
......
......@@ -17,14 +17,14 @@ $paleYellow: #fffcf1;
@include transition(background-color .15s linear 0s, box-shadow .15s linear 0s);
&.disabled {
border: 1px solid $lightGrey !important;
border-radius: 3px !important;
background: $lightGrey !important;
color: $darkGrey !important;
border: 1px solid $lightGrey;
border-radius: 3px;
background: $lightGrey;
color: $darkGrey;
pointer-events: none;
cursor: none;
&:hover, &:focus {
box-shadow: 0 0 0 0 !important;
box-shadow: 0 0 0 0;
}
}
......
......@@ -131,7 +131,7 @@ $white: rgb(255,255,255);
text-transform: uppercase;
.org-name {
color: $white !important;
color: $white;
font-weight: bold;
text-transform: none;
}
......@@ -191,7 +191,7 @@ $white: rgb(255,255,255);
letter-spacing: 0;
.org-name {
color: $dark-gray !important;
color: $dark-gray;
font-weight: bold;
text-transform: none;
}
......
......@@ -93,7 +93,7 @@
@include clearfix;
hr.horizontal-divider {
margin-top: 40px !important;
margin-top: 40px;
}
.fb-like {
......
......@@ -21,7 +21,7 @@
@include transition(link-color 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s);
border-bottom: none;
color: $link-color;
text-decoration: none !important;
text-decoration: none;
font-family: $sans-serif;
&:hover, &:focus, &:active {
......
......@@ -244,7 +244,7 @@ header.global {
font-size: em(14);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0 !important;
letter-spacing: 0;
&:last-child {
margin-right: 0;
......@@ -640,6 +640,6 @@ header.global-new {
a {
text-decoration: none;
color: $link-color !important;
color: $link-color;
}
}
......@@ -38,11 +38,11 @@
border-bottom: 1px solid #f3f3f3;
}
tr.always-gray{
background: #eee !important;
background: #eee;
border-top: 2px solid #FFFFFF;
}
tr.always-white{
background: #fff !important;
background: #fff;
td{
padding: 30px 0px 10px;
}
......@@ -165,7 +165,7 @@
td {
padding-bottom: 10px;
span.old-price{
text-decoration: line-through !important;
text-decoration: line-through;
}
}
}
......@@ -264,4 +264,4 @@
text-shadow: 0 1px 0 #00A1E5;
font-size: 24px;
}
}
\ No newline at end of file
}
......@@ -161,15 +161,15 @@
.action-primary {
@extend %btn-primary-blue;
// needed for override due to .register a:link styling
border: 0 !important;
color: $white !important;
border: 0;
color: $white;
}
.action-confirm {
@extend %btn-verify-primary;
// needed for override due to .register a:link styling
border: 0 !important;
color: $white !important;
border: 0;
color: $white;
}
// ====================
......@@ -1334,7 +1334,7 @@
// extra register options/info
.title-expand {
@extend %t-copy-sub1;
font-weight: 500 !important;
font-weight: 500;
display: inline-block;
margin: 0;
}
......@@ -2433,7 +2433,7 @@
}
.progress-sts-value {
width: 32% !important;
width: 32%;
}
}
......@@ -2443,7 +2443,7 @@
.register.is-upgrading {
.form-register-choose {
margin-top: ($baseline*2) !important;
margin-top: ($baseline*2);
}
}
......@@ -2482,7 +2482,7 @@
}
.progress-sts-value {
width: 0% !important;
width: 0%;
}
}
......@@ -2521,7 +2521,7 @@
}
.progress-sts-value {
width: 40% !important;
width: 40%;
}
}
......@@ -2560,7 +2560,7 @@
}
.progress-sts-value {
width: 70% !important;
width: 70%;
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment