Contents

/* Button */

input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button {
    @include vendor('transition', ('background-color 0.35s ease-in-out', 'color 0.35s ease-in-out'));
    -webkit-appearance: none;
    position: relative;
    display: inline-block;
    border: 0;
    background: #35b88f;
    color: #fff;
    text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25);
    cursor: pointer;
    text-decoration: none;
    outline: 0;
    padding: 1em 3em 1em 3em;
    text-align: center;
    border-radius: 3em;
    font-weight: 400;

    &:hover {
        background: #45c89f;
    }

    &.style2 {
        color: #3a3939;
        background: #fff;
        box-shadow: inset 0 0 0 1px #fff;

        &:hover {
            background: rgba(255, 255, 255, 0.1);
            color: #fff !important;
            text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25) !important;
        }
    }

    &.style3 {
        background: none;
        color: #3a3939;
        box-shadow: inset 0 0 0 1px #dad9d9;

        &:hover {
            background: rgba(58, 57, 57, 0.025);
        }
    }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
jekyll-theme-drop-0.1.1	_sass/components/_button.scss
jekyll-theme-drop-0.1.0	_sass/components/_button.scss