/**
 * Set theme-wide values for SCSS variables, manifest other SCSS files.
 *
 * Widths, margins, padding, alignment.
 *
 * @package WordPress
 * @subpackage anchorage
 * @since anchorage 1.0
 */

/**
 * Media Query Widths
 */
$large_device: 740px;
$medium_device: 580px;
$small_device: 320px;

/**
 * Colors
 */
$text_color: #000;
$bg_color: #eee;
$accent_bg_color: #fff;
$accent_text_color: #333;

$transparent_text_color: transparentize( $text_color, 0.75 );
$transparent_bg_color: transparentize( $bg_color, 0.75 );

$x_transparent_text_color: transparentize( $text_color, 0.875 );
$x_transparent_bg_color: transparentize( $bg_color, 0.875 );

/**
 * Border Radius
 */
$small_border_radius: 3px;
$medium_border_radius: 13px;
$large_border_radius: 23px;

/**
 * Padding
 */
$small_padding: 3px;
$medium_padding: 10px;
$large_padding: 23px;
$x_large_padding: 40px;

/**
 * Margin
 */
$small_margin: 5px;
$medium_margin: 10px;
$large_margin: 23px;
$x_large_margin: 40px;

/**
 * Transitions
 */
$transition: 0.3s ease-in-out;

/**
 * Keyframes
 */
/* Fades */
@-webkit-keyframes FADEIN {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

@-moz-keyframes FADEIN {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

@-o-keyframes FADEIN {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes FADEIN {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

/**
	when I find something to fade in, give it this:
	-webkit-animation: FADEIN 2.5s 1;
 	-moz-animation:    FADEIN 3.5s 1;
	-o-animation:      FADEIN 2.5s 1;
	animation:         FADEIN 2.5s 1;
*/

@import 'sass/_base.scss';
@import 'sass/_layout.scss';
@import 'sass/_theme.scss';
@import 'sass/_modules.scss';
@import 'sass/_state.scss';