.dijit {
    &Splitter {
        background: $color-palette-black-op-20;

        &Hover {
            background: $color-palette-black-op-50;

            .dijitSplitterThumb {
                background: $color-palette-gray-700;
            }
        }

        &Active {
            background-color: $color-palette-black-op-20;

            .dijitSplitterThumb {
                background: $color-palette-gray-700;
            }
        }
    }

    &SplitterThumb {
        background-color: $color-palette-gray-400;
    }

    &SplitterV {
        width: 6px;

        .dijitSplitterThumb {
            left: 50%;
            top: 50%;
            position: absolute;
            width: 2px;
            height: 20px;
            margin: -10px 0 0 -1px;
        }
    }

    &SplitterH {
        height: 6px;

        .dijitSplitterThumb {
            left: 50%;
            top: 50%;
            position: absolute;
            width: 20px;
            height: 2px;
            margin-left: -10px;
        }
    }
}
