@v4fire/client/src/base/b-sidebar/b-sidebar.styl

V4Fire client core library

/*!
 * V4Fire Client Core
 * https://github.com/V4Fire/Client
 *
 * Released under the MIT license
 * https://github.com/V4Fire/Client/blob/master/LICENSE
 */

@import "super/i-data/i-data.styl"
@import "traits/i-visible/i-visible.styl"

$p = {
	sidebarTransition: EASING_DURATION linear
	visibleHelpers: true
}

b-sidebar extends i-data
	// @stlint-disable
	i-visible({helpers: $p.visibleHelpers})
	// @stlint-enable

	fixed top 0 left 0
	zIndex(modal)

	&
	&__root-wrapper
		size 100%

	&
	&__content-wrapper
		transform translateX(-100%)

	&__content-wrapper
		display inline-block

	if $p.sidebarTransition
		transition transform 0s $p.sidebarTransition

		&__content-wrapper
			transition transform $p.sidebarTransition

		&_opened_true
			transition none

	&__over-wrapper
		display block
		opacity 0

	&_opened_true &__over-wrapper
		opacity 1

	&_opened_true
	&_opened_true &__content-wrapper
		transform translateX(0)