// =================================================================
// Stat Block Base Styles
// TODO: Should this be in Responsive Foundation?
// =================================================================

@import 'src/global/bu-blocks-config';
@import 'src/blocks/stat/bu-blocks-block-stat-base';
@import 'src/blocks/stat/bu-blocks-block-stat-themeable';


// Default styles which apply to all instances of
// this block, regardless of where it shows up,
// go here. Stat CSS for guidance purposes only,
// do not use in production.

// Stat Block
//
// The Stats Block allows you to add a group of 1 to 4 stats. EAch stat by default is presented as a number and a circle. A basic example would have a "75%" with an encompassing circle that would be filled three forth  of its  circumference.
// 
// ## Stats Block (parent)
// The Stats Block is composed of a parent block `.wp-block-stats` and 1 to 4 child blocks `.wp-block-stat`.
// 
// ### Options
// - ***Number of Stats:*** 1 to 4 stats only 1 if set to `.alignleft` or `.alignright`; (1 by default).
// 
// - ***Aligment options***
//   - None
//   - Align Left
//   - Align Right
//   - Align Wide
// 
// 
// ## Stat Block (child)
// That Stat Block is composed of 3 potential lines of text ( text-pre, number, text-post), as well as 2 circle graphs that fill clockwise.
// 
// ### Fields
// - ***pre/post text:*** These two are optional fields that sit above and below the number. They should be limited a word or two.
// - ***Number:*** This field sits at the center of the Stat, if left unfilled it would show the percentage value of the second circle with a percentage mark (i.e. "75%"). Technically anything can go in this feld, its not locked to numeric values or percentages. That way the author can have more atypical stats (i.e. "no.1", 1/2", "254!", "1 in 3". in any case the value should only be a handful of characters long, since the space in the circle is limited.
// 
// ### Options
// - ***Number Size:*** the class`.has-number-size-1`-`4` controls the text size for the number field. 1 being the largest, 4 being the smallest; 2 would be the default.
// - ***Circle 1 Fill:*** A percentage value that adjust the fill amount of the first circle. By default this is set to 100.
// - ***Circle 2 Fill:***A percentage value that adjust the fill amount of the first circle. By default this is set to 0.
// - ***Circle 1 and 2 Color:*** Both Circles can be assigned a color independently, (i.e. `.has-circle1-color-primary` and `.has-circle2-color-tertiary`.)
//
// Status: In-Progress
//
// Markup: bu-blocks-block-stat.hbs
//
// Styleguide Blocks.Global.Stat