File "redux-spinner.scss"

Full Path: /home/siazco/grocery.siazco.se/wp-content/plugins/kapee-extensions/inc/admin/redux-core/inc/fields/spinner/redux-spinner.scss
File size: 4.32 KB
MIME-type: text/plain
Charset: utf-8

.redux-container-spinner {
    .spinner-wrpr {
        position: relative;
        display: block;
        height: 30px;
        overflow: hidden;

        .spinner-input {
            position: relative !important;
            z-index: 1;
            width: 75px !important;
            height: 30px !important;
            background: #eee !important;
            border: 1px solid #bfbfbf !important;
            border-right: 0 !important;
            border-left: 0 !important;
            -webkit-border-radius: 0 !important;
            -moz-border-radius: 0 !important;
            border-radius: 0 !important;
        }
    }

    .ui-spinner {
        position: static;
        display: inline;
    }


    .ui-spinner-buttons {
        position: absolute;
        padding: 0;
    }

    .ui-widget .ui-spinner-button {
        color: #fff;
        position: absolute;
        top: 0;
        padding: 0 0 30px;
        overflow: hidden;
        cursor: pointer;
        background: -moz-linear-gradient(#fff, #f3f3f3);
        background: -o-linear-gradient(#fff, #f3f3f3);
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
        background: linear-gradient(#fff, #f3f3f3);
        background-color: #fff;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .ui-spinner-button:hover,
    .ui-state-hover {
        background: -moz-linear-gradient(#f3f3f3, #fff);
        background: -o-linear-gradient(#f3f3f3, #fff);
        background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#fff));
        background: linear-gradient(#f3f3f3, #fff);
        background-color: #f3f3f3;
    }

    .ui-corner-tr,
    .ui-spinner-button .ui-icon-triangle-1-n {
        -webkit-border-radius: 0 5px 5px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

    .ui-corner-br,
    .ui-spinner-button .ui-icon-triangle-1-s {
        -webkit-border-radius: 5px 0 0 5px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }

    .ui-spinner-button {
        .ui-icon {
            top: 0;
            display: block;
            width: 28px;
            height: 28px;
            margin: 0;
            border: 1px solid #b7b7b7;
            background-image: initial;
            text-indent: 0;
            text-align: center;
            font-size: 18px;
            line-height: 26px;
        }

        .ui-icon-triangle-1-n {
            // background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxJREFUeNpsjwsKADAIQu3u3tsRY6M5gz7w0AqSQFLdZ3ZRgmf44JQ/EOZ9oYOsiDviVemP2oYoWCwBBgDpO6VXVo3RyQAAAABJRU5ErkJggg==) 10px 10px no-repeat!important;
        }

        .ui-icon-triangle-1-s {
            // background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi+P//PwM6bmlpwS4IorEKokggC8Il0AVhEv9x6sAmiaz9P05XIUsygmVRAUiAESDAAFHcpVdWtdj/AAAAAElFTkSuQmCC) 10px 10px no-repeat!important;
        }
    }
}

.dp-numberPicker,
.dp-numberPicker-add,
.dp-numberPicker-sub,
.dp-numberPicker-input {
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    vertical-align: top;
    height: 30px;
}

.dp-numberPicker {
    border-radius: 3px;
}

.redux-container .redux-container-spinner .dp-numberPicker-add,
.redux-container .redux-container-spinner .dp-numberPicker-sub {
    width: 30px;
    font-size: 21px;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    background-color: #33b5e5;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    height: 29px !important;

    &.disabled {
        background-color: #2c6a81;
    }
}

.dp-numberPicker-add {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.dp-numberPicker-sub {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.dp-numberPicker-input {
    width: 70px;
    background-color: #eee;
    border: 0;
    margin: 0 !important;
    box-shadow:
        inset 0px 1px 1px rgba(255, 255, 255, 0.5),
        inset 0px -1px 1px rgba(0, 0, 0, 0.5);

    &:disabled {
        background-color: #eee;
    }
}