// Copyright (c) 2017-2025, CKSource Holding sp. z o.o. All rights reserved.
// For licensing, see LICENSE.md.

@use 'helpers/color';

.toggler {
	&--collapsed,
	&--expanded {
		&::before {
			content: "";
			width: 0;
			height: 0;
			display: inline-block;
			border-style: solid;
		}
	}

	&--collapsed {
		&::before {
			margin-left: 1px;
			border-width: 4px 0 4px 6px;
			border-color: transparent transparent transparent color.u-color( 'toggler' );

		}

		&:hover {
			&::before {
				border-color: transparent transparent transparent color.u-color( 'toggler', -8% );
			}
		}
	}

	&--expanded {
		&::before {
			margin-top: 1px;
			border-width: 6px 4px 0 4px;
			border-color: color.u-color( 'toggler' ) transparent transparent transparent;
		}

		&:hover {
			&::before {
				border-color: color.u-color( 'toggler', -8% ) transparent transparent transparent;
			}
		}
	}
}
