sass.n2o.components.List.scss Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of n2o-react
The newest version!
.n2o-region-list {
    .n2o-region-list__header {
        font-weight: bold;

        h6 {
            margin: 0;
            padding-right: 0.5em;
            font-weight: bold;
            vertical-align: top;
            padding-left: 1em;
            position: relative;
            display: flex;
            align-items: center;

            &:hover,
            &:focus {
                color: $link-hover-color;
            }

            span {
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -webkit-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
                -webkit-transition: -webkit-transform 0.2s ease-in 0s;
                -ms-transition: -ms-transform 0.2s ease-in 0s;
                -moz-transition: -moz-transform 0.2s ease-in 0s;
                -o-transition: -o-transform 0.2s ease-in 0s;
                transition: transform 0.2s ease-in 0s;
                position: absolute;
                left: 0;
            }
        }

        &.active h6 {
            span {
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
            }
        }

        a {
            color: #333;

            &:hover {
                text-decoration: none;
            }
        }

        &.disabled a {
            color: #999;
        }
    }

    .n2o-region-list__body {
        display: none;
        padding: 0.5em 1em;
    }

    .active {
        display: block;
    }
}