@import 'variables';
@import 'mixins';

#thelayer-editor-wrapper .slide_layer, // Inside Revolution Slider Editor
#wpb_visual_composer,                  // Inside Visual Composer Editor
#tinymce.mce-content-body {            // Inside TinyMCE Visual Editor
	// Buttons
	@import 'buttons';

	.btn {
		// Reset box-sizing
		box-sizing: border-box;
	}

	// Text utitlities
	.text-justify       { text-align: justify; }
	.text-nowrap        { white-space: nowrap; }
	.text-left          { text-align: left; }
	.text-right         { text-align: right; }
	.text-center        { text-align: center; }
	.text-lowercase     { text-transform: lowercase; }
	.text-uppercase     { text-transform: uppercase; }
	.text-capitalize    { text-transform: capitalize; }

	.font-weight-normal { font-weight: normal; }
	.font-weight-bold   { font-weight: bold; }
	.font-italic        { font-style: italic; }

	.text-primary       { color: $color-1; }
	.text-secondary     { color: $color-2; }
	.bg-primary         { background-color: $color-1; }
	.bg-secondary       { background-color: $color-2; }
}

#thelayer-editor-wrapper .slide_layer,
#wpb_visual_composer {
	.btn {
		// Disable button interaction inside Revolution Slider Editor and Visual Composer Editor
		pointer-events: none;
	}
}

#tinymce.mce-content-body {
	a.btn {
		// Allow user-select when inside TinyMCE Visual Editor for links with button style
		@include user-select(auto);
	}
}
