66abd71fbe
* reducing font-weight on component adding menu * adding in and applying demi-strong font-weight * adding in $color-copy-emphasized variable * correcting stateful xblock settings styling nesting * syncing video player xblock-based controls font-weight STUD-2109
133 lines
2.9 KiB
SCSS
133 lines
2.9 KiB
SCSS
// studio - shame
|
|
// ====================
|
|
// NOTE: use for any bad-form/orphaned scss that knowingly violate edX FED architecture/standards
|
|
// see - http://csswizardry.com/2013/04/shame-css/
|
|
|
|
// view - dashboard
|
|
.view-dashboard {
|
|
|
|
// elements - authorship controls
|
|
.wrapper-authorshiprights {
|
|
|
|
.ui-toggle-control {
|
|
// needed to override general a element transition properties - need to fix.
|
|
transition-duration: 0.25s;
|
|
transition-timing-function: ease-in-out;
|
|
}
|
|
|
|
.icon-remove-sign {
|
|
// needed to override general a element transition properties - need to fix.
|
|
transition-duration: 0.25s;
|
|
transition-timing-function: ease-in-out;
|
|
}
|
|
}
|
|
}
|
|
|
|
// ====================
|
|
|
|
// overriding outline styling for general drag and drop cases
|
|
.outline-section, .outline-subsection {
|
|
|
|
// STATE: is dragging
|
|
&.is-dragging {
|
|
border-color: $gray-d3;
|
|
}
|
|
|
|
// STATE: is dragging + valid drop
|
|
&.valid-drop {
|
|
border-color: $ui-action-primary-color-focus;
|
|
}
|
|
}
|
|
|
|
// ====================
|
|
|
|
// yes we have no boldness today - need to fix the resets
|
|
body strong,
|
|
body b {
|
|
@extend %t-ultrastrong;
|
|
}
|
|
|
|
// ====================
|
|
|
|
// needed display property reinforcement since manual CSS abstraction happened
|
|
#page-prompt {
|
|
|
|
.wrapper-prompt:before {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
.ui-datepicker {
|
|
background: $white !important;
|
|
}
|
|
|
|
/* known things to do (paint the fence, sand the floor, wax on/off):
|
|
|
|
* centralize and move form styling into forms.scss - cms/static/sass/views/_textbooks.scss and cms/static/sass/views/_settings.scss
|
|
* move dialogue styles into cms/static/sass/elements/_modal.scss
|
|
* use the @include placeholder Bourbon mixin (http://bourbon.io/docs/#placeholder) for any placeholder styling
|
|
|
|
*/
|
|
|
|
.modal-content.cheatsheet-is-shown {
|
|
overflow: visible !important;
|
|
|
|
.CodeMirror {
|
|
overflow: visible !important;
|
|
}
|
|
}
|
|
|
|
// ====================
|
|
|
|
// Latex Compiler
|
|
.wrapper-comp-editor.latex-problem {
|
|
margin-top: ($baseline*2.5);
|
|
}
|
|
|
|
.launch-latex-compiler {
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 0;
|
|
background-color: $white;
|
|
padding: $baseline/2 0 $baseline/2 $baseline;
|
|
border-bottom: 1px solid $gray-l2;
|
|
}
|
|
|
|
// hides latex compiler button if settings mode is-active
|
|
div.wrapper-comp-editor.is-inactive ~ div.launch-latex-compiler{
|
|
display: none;
|
|
}
|
|
|
|
// ====================
|
|
|
|
// masthead button hidden states
|
|
.mast.has-actions .nav-actions .button.is-hidden {
|
|
@extend .is-hidden;
|
|
}
|
|
|
|
// ====================
|
|
|
|
// JQuery UI tabs font-weight override
|
|
.ui-tabs-nav {
|
|
|
|
.ui-state-default {
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
|
|
// ====================
|
|
|
|
// xmodule editor tab font-weight override
|
|
.xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .editor-tabs .inner_tab_wrap a.tab {
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
// ====================
|
|
|
|
// TODOs:
|
|
|
|
// * font-weight syncing
|
|
// * divorce display: inline-block from base button definitions/placeholders
|
|
// * canned typography class syncing
|
|
|