# elementor/3.8.0-beta1/app/modules/kit-library/assets/js/components/collapse.scss

Elementor Website Builder – more than just a page builder, version 3.8.0-beta1. 36 lines.

- Page: https://pluginprobe.com/plugins/elementor/3.8.0-beta1/code/app/modules/kit-library/assets/js/components/collapse.scss
- Raw: https://pluginprobe.com/plugins/elementor/3.8.0-beta1/raw/app/modules/kit-library/assets/js/components/collapse.scss
- Modified: 2022-09-19T16:26:20+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/elementor/3.8.0-beta1/code/app/modules/kit-library/assets/js/components/collapse.scss#L10-L20`.

```scss
.eps-collapse {
	&__title {
		cursor: pointer;
		padding: spacing(5) 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		background: transparent;
		border: none;
		color: inherit;

		&:focus {
			outline: none;
		}
	}

	&__icon {
		transition: all 150ms;
		transform: rotate(getValueByDirection( 0deg, 180deg ));
	}

	&__content {
		margin-top: spacing(10);
		display: none;
	}

	&[data-open] &__content {
		display: block;
	}

	&[data-open] &__icon {
		transform: rotate(90deg);
	}
}

```