ractive-ez-accordion/themes/theme.less

Ractive Ez UI Accordion

.ez-accordion {
    & > .ez-accordionitem {
        & > .ez-accordionlink {
            background: @vColorMain;
            color: @vColorFront;
            padding: @vSpacingSmall @vSpacingMedium;
            cursor: default;

            &.ez-active {
                background: lighten(@vColorMain, @vModSmall);
            }

            &.ez-disabled {
                background: @vColorLight;
                color: @vColorFront;
            }

            &:not(.ez-active):not(.ez-disabled):hover {
                background: lighten(@vColorMain, @vModMedium);
                cursor: pointer;
            }
        }

        & > .ez-accordionpane {
            padding: @vSpacingMedium;
            border: 1px solid @vColorLight;
            background: @vColorFront;
        }

        &:not(:last-child) {
            margin-bottom: @vSpacingSmall;
        }
    }
}