Contents

@import "../sadui";

.bullet-menu {
    @include user-select(none);
}

.bullet-menu-horizontal {
    .bullet-item {
        @include inline-block;
    }
}

.bullet-menu-vertical {
    .bullet-item {
        display: block;
        clear: both;
    }
}

.bullet-item {
    cursor: pointer;
    position: relative;

    &:hover {
        .bullet {
            background-color: darken($colorInactive, 20);
        }
    }

    &.is-selected,
    &.is-selected:hover {
        .bullet {
            background-color: $colorActive;
        }
    }

    input[type="radio"] {
        visibility: hidden;
        position: absolute;
        width: $bulletSize;
        height: $bulletSize;
    }
}

.bullet-item-label {
    @include inline-block;
}

.bullet {
    @include inline-block;
    width: $bulletSize;
    height: $bulletSize;
    @include border-radius($bulletSize*2);
    background-color: darken($colorInactive, 10);
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
sadui-0.0.4	scss/sadui/components/_bullet.scss