/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/

// Colors.
$black: rgb(41, 41, 41);
$white: #f4f4f4;
$gray: #dedede;
$green: #bada55;
$red: orangered;
$blue: #0084bc;

// Fade in
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Fade in from left */
@keyframes fadeInLeft {
  0%    {opacity: 0; margin-left: -10px}
  100%  {opacity: 1; margin-left: 0px}
}


/* Label */
.eb-option-label{
  margin-bottom: 10px;
}


// Font Size
.editor-styles-wrapper .mce-content-body,
.eb-text{
	&.eb-font-size{
		&-12{
		   font-size: 12px;
		   line-height: 1.5;
		}

		&-13{
		   font-size: 13px;
		   line-height: 1.4;
		}

		&-14{
		   font-size: 14px;
		   line-height: 1.5;
		}

		&-15{
		   font-size: 15px;
		   line-height: 1.3;
		}

		&-16{
		   font-size: 16px;
		   line-height: 1.5;
		}

		&-17{
		   font-size: 17px;
		   line-height: 1.4;
		}

		&-18{
		   font-size: 18px;
		   line-height: 1.4;
		}

		&-19{
		   font-size: 19px;
		   line-height: 1.3;
		}

		&-20{
		   font-size: 20px;
		   line-height: 1.3;
		}

		&-21{
		   font-size: 21px;
		   line-height: 1.2;
		}

		&-22{
		   font-size: 22px;
		   line-height: 1.2;
		}

		&-23{
		   font-size: 23px;
		   line-height: 1.2;
		}

		&-24{
		    font-size: 24px;
		    line-height: 1.2;
		}
	}
}