ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / vaultchip.com / platform / core / base / resources / assets / sass / base / global / components

/***
Notes
***/

@mixin note-variant($text-color, $background-color, $border-color) {
    background-color: lighten($background-color, 5%);
    border-color: darken($border-color, 20%);
    color: darken($text-color, 50%);

&.note-bordered {
        background-color: darken($background-color, 1%);
        border-color: darken($border-color, 15%);
    }

&.note-shadow {
        background-color: darken($background-color, 0%);
        border-color: darken($border-color, 10%);
        box-shadow: 5px 5px rgba(darken($border-color, 9%), 0.2);
    }
}

.note {
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eeeeee;

@include border-radius(0 $general-border-radius $general-border-radius 0);

h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-top: 0;

.close {
            margin-right: -10px;
        }
    }

p {
        margin: 0;

&:last-child {
            margin-bottom: 0;
        }

font-size: 13px;
    }

code,
    .highlight {
        background-color: #ffffff;
    }

&.note-default {
        @include note-variant($general-panel-font-color, $general-panel-bg-color, $general-panel-bg-color);
    }

&.note-success {
        @include note-variant($state-success-text, $state-success-bg, $state-success-border);
    }

&.note-info {
        @include note-variant($state-info-text, $state-info-bg, $state-info-border);
    }

&.note-warning {
        @include note-variant($state-warning-text, $state-warning-bg, $state-warning-border);
    }

&.note-danger {
        @include note-variant($state-danger-text, $state-danger-bg, $state-danger-border);
    }

}

[-] _overlay.scss [edit]
[-] _popovers.scss [edit]
[-] _tabs.scss [edit]
[-] _labels.scss [edit]
[-] _utils.scss [edit]
[-] _mixins.scss [edit]
[-] _modal.scss [edit]
[-] _other.scss [edit]
[-] _headings.scss [edit]
[-] _md-base.scss [edit]
[-] _inputs.scss [edit]
[+] ..
[-] _md-radios.scss [edit]
[-] _buttons.scss [edit]
[-] _list-groups.scss [edit]
[-] _table.scss [edit]
[-] _md-checkboxes.scss [edit]
[-] _social-icons.scss [edit]
[-] _icon-buttons.scss [edit]
[-] _md.scss [edit]
[-] _portlets.scss [edit]
[-] _progress-bars.scss [edit]
[-] _close.scss [edit]
[-] _input-icons.scss [edit]
[-] _md-inputs.scss [edit]
[-] _typography.scss [edit]
[-] _dropdowns.scss [edit]
[-] _badges.scss [edit]
[-] _panels.scss [edit]
[-] _notes.scss [edit]
[-] _form-layouts.scss [edit]
[-] _colors.scss [edit]
[-] _font-icons.scss [edit]
[-] _loaders.scss [edit]
[-] _grid.scss [edit]
[-] _card.scss [edit]
[-] _widget.scss [edit]
[-] _sidebar.scss [edit]
[-] _reset-general.scss [edit]