/**
 * Core styles.
 */

// Fontello
@import 'fontello.less';

// Import Bootstrap
@import 'bootstrap.less';
@import 'variables.less';

// Import KaTeX
@import (less) 'katex/dist/katex.min.css';

// Navbars
@import 'header.less';
@import 'sidemenu.less';

// Sidebar
@import 'list.less';
@import 'fuzzy.less';

// Editor
@import 'codemirror.less';
@import 'editor.less';

// Core
@import 'layout.less';
@import 'utils.less';
@import 'responsive.less';

// RemoteStorage styles
#remotestorage-widget {
    top    : auto !important;
    right  : 15px !important;
    bottom : 80px !important;

    &.remotestorage-state-connected {
        bottom: 40px !important;
    }
}

.logo-lock {
    width           : 50%;
}

.container--white {
    background-color: #FFF;
    border-radius: 4px;
    color: darken(#FFF, 70%);
    > .row {
        padding: 30px 10px;
    }
    .input--brand {
        color: darken(#FFF, 60%);
        &::placeholder {
            color: darken(#FFF, 40%);
        }
        &:hover {
            border-color: darken(#FFF, 10%);
        }
        &:focus,
        &:active {
            border-color: darken(#FFF, 50%);
        }
    }
}
