www.reboot.components.nf-table-paginate.nf-table-paginate.css Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of iep-reboot Show documentation

iep-reboot

The newest version!

:host {
    display: inline-block;
}

/* TAKEN FROM REBOOT CSS*/
button {
    margin: 5px;
    font-family: inherit;
    font-size: 100%;
    padding: 0.5em 1em;
    color: #333;
    background-color: #fff;
    border: 1px solid #c4c4c4;
    text-decoration: none;
    text-transform: none;
    border-radius: 4px;
    overflow: visible;

    display: inline-block;
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;

    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button:focus {
    outline: 0;
}

button:hover,
button:focus {
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.10));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.10));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.10));
}

button:active {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.20) inset;
}

button[disabled],
.is-disabled,
.is-disabled:hover,
.is-disabled:focus,
.is-disabled:active {
    background-image: none;
    opacity: 0.40;
    cursor: default;
    box-shadow: none;
    pointer-events: none;
}