Contents

/*

Close buttons

Markup:
<a href="#" class="close">&times;</a>
<button type="button" class="close">&times;</button>

Styleguide 6

*/

@if $close {

    .close {
        float: right;
        font-size: 1em;
        font-weight: bold;
        color: $black;
        @include opacity(20);
        &:hover,
        &:focus {
            color: $black;
            text-decoration: none;
            cursor: pointer;
            @include opacity(40);
        }
    }

    button.close {
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
    }

}

Version data entries

11 entries across 11 versions & 1 rubygems

Version	Path
rapido-css-0.2.2	stylesheets/components/_close.scss
rapido-css-0.2.1	stylesheets/components/_close.scss
rapido-css-0.2.0	stylesheets/components/_close.scss
rapido-css-0.1.9	stylesheets/components/_close.scss
rapido-css-0.1.8	stylesheets/components/_close.scss
rapido-css-0.1.7	stylesheets/components/_close.scss
rapido-css-0.1.6	stylesheets/components/_close.scss
rapido-css-0.1.5	stylesheets/components/_close.scss
rapido-css-0.1.4	stylesheets/components/_close.scss
rapido-css-0.1.3	stylesheets/components/_close.scss
rapido-css-0.1.2	stylesheets/components/_close.scss