Your IP : 216.73.216.229

Current Path : /home/jeromecohp/www/plugins/system/yooessentials/modules/core/app/
Upload File :
Current File : /home/jeromecohp/www/plugins/system/yooessentials/modules/core/app/styles.less

@global-muted-color: #a0a0a0;
@global-emphasis-color: #444;
@global-danger-background: #e44e56;
@global-muted-background: #e5e5e5;

// YO core
// ========================================================================

.yo-input-locked {
    cursor: default;
}

// Icons
// ========================================================================

[class*=ye-builder-icon] {
    display: block;
    width: 20px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.ye-builder-icon-add { .svg-fill('img/icon-add.svg', '#444', @global-muted-color); }
.ye-builder-icon-add:hover { .svg-fill('img/icon-add.svg', '#444', @global-emphasis-color); }
.ye-builder-icon-eye { .svg-fill('img/icon-eye.svg', '#444', @global-muted-color); }
.ye-builder-icon-eye:hover { .svg-fill('img/icon-eye.svg', '#444', @global-emphasis-color); }


// Status Icons
// ========================================================================

.ye-builder-icon-error,
.ye-builder-icon-access,
.ye-builder-icon-form,
.ye-builder-icon-form-error {
    width: 18px;
    height: 20px;
}

span.ye-builder-icon-error,
span.ye-builder-icon-access,
span.ye-builder-icon-form,
span.ye-builder-icon-form-error {
    cursor: default;
}

.ye-builder-icon-error { .svg-fill('img/icon-error.svg', '#444', @global-danger-background); }
.ye-builder-icon-access { .svg-fill('img/icon-access.svg', '#444', @global-muted-color); }
.ye-builder-icon-access-denied { .svg-fill('img/icon-access.svg', '#444', @global-danger-background); }
.ye-builder-icon-form { .svg-fill('img/icon-form.svg', '#444', @global-muted-color); }
.ye-builder-icon-form-error { .svg-fill('img/icon-form.svg', '#444', @global-danger-background); }


// Fields
// ========================================================================

.ye-button-plus {
    .svg-fill('img/button-plus.svg', '#444', @global-muted-color) !important;
    background-color: transparent !important;
    border-bottom: 1px solid @global-muted-background !important;
}

.ye-button-plus:hover {
    .svg-fill('img/button-plus.svg', '#444', @global-emphasis-color) !important;
}

.ye-input-iconnav-right { padding-right: 40px !important; }


// UIkit extension
// ========================================================================

.ye-description-list-small>dt:nth-child(n+2) {
    margin-top: 8px!important;
}


// ye-resource-item
// ========================================================================

.uk-nav-default > li.ye-resource-item:focus > a.uk-disabled,
.uk-nav-default > li.ye-resource-item:hover > a.uk-disabled {
    background: inherit !important;
}

// Mixins
// ========================================================================

.svg-fill(@src, @color-default, @color-new, @property: background-image) {

    @escape-color-default: escape(@color-default);
    @escape-color-new: escape("@{color-new}");

    @data-uri: data-uri('image/svg+xml;charset=UTF-8', "@{src}");
    @replace-src: replace("@{data-uri}", "@{escape-color-default}", "@{escape-color-new}", "g");

    @{property}: e(@replace-src);
}