diff --git a/dist/blocks-rtl.css b/dist/blocks-rtl.css index ddce77ce..6844ee82 100644 --- a/dist/blocks-rtl.css +++ b/dist/blocks-rtl.css @@ -941,6 +941,90 @@ figure.wp-block-editorial-relatedstories-article-image { max-width: 100%; border: 1px solid var(--wp-admin-theme-color); } +/*!*********************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/slideshow/editor.scss ***! + \*********************************************************************************************************************************************************************************************************************************************************/ +/** + * #.# Editor Styles + * + * CSS for just Backend enqueued after style.scss + * which makes it higher in priority. + */ +.wp-block-editorial-slideshow .wp-block-editorial-slideshow-edit-slide-image { + position: relative; +} +.wp-block-editorial-slideshow .wp-block-editorial-slideshow-edit-slide-image:not(.has-image) { + display: block; + margin: 0; +} +.wp-block-editorial-slideshow .wp-block-editorial-slideshow-edit-slide-image:not(.has-image):before, .wp-block-editorial-slideshow .wp-block-editorial-slideshow-edit-slide-image:not(.has-image):after { + content: none; +} +.wp-block-editorial-slideshow .wp-block-editorial-slideshow-edit-slide-image .bu-blocks-slideshow-media { + float: none; + width: 100%; +} +.wp-block-editorial-slideshow .wp-block-editorial-slideshow-edit-slide-image .wp-block-editorial-slideshow-edit-slide-image-controls { + display: flex; + right: 50%; + position: absolute; + top: 0; + transform: translateX(50%); + z-index: 1; +} +.wp-block-editorial-slideshow .wp-block-editorial-slideshow-edit-slide-image .wp-block-editorial-slideshow-edit-slide-image-controls__focus { + text-align: left; +} +.wp-block-editorial-slideshow .wp-block-editorial-slideshow-edit-slide-image .wp-block-editorial-slideshow-edit-slide-image-controls__focus .components-base-control__label { + display: inline; +} +.wp-block-editorial-slideshow .wp-block-editorial-slideshow-edit-slide-image .wp-block-editorial-slideshow-edit-slide-image-controls__focus .components-select-control__input { + width: auto; +} +.wp-block-editorial-slideshow .bu-blocks-slideshow-caption { + list-style: none; +} +.wp-block-editorial-slideshow::after { + clear: both; + content: " "; + display: table; +} + +.bu-block-editorial-slideshow-aspect-ratio-options .components-base-control__field { + display: flex; + flex-wrap: wrap; + margin-bottom: 1.5em; +} +.bu-block-editorial-slideshow-aspect-ratio-options .components-base-control__field .components-base-control__label { + padding-bottom: 1em; + width: 100%; +} +.bu-block-editorial-slideshow-aspect-ratio-options .components-base-control__field input { + display: none; +} +.bu-block-editorial-slideshow-aspect-ratio-options .components-base-control__field .components-radio-control__option label { + background-color: #fff; + border: 1px solid #e2e4e7; + padding: 8px 10px; +} +.bu-block-editorial-slideshow-aspect-ratio-options .components-base-control__field .components-radio-control__option input:checked + label { + color: #fff; + background-color: #1e8cbe; + border-color: #1e8cbe; +} +.bu-block-editorial-slideshow-aspect-ratio-options .components-base-control__field > div:first-of-type label { + border-radius: 0 5px 5px 0; +} +.bu-block-editorial-slideshow-aspect-ratio-options .components-base-control__field > div:last-of-type label { + border-radius: 5px 0 0 5px; +} +.bu-block-editorial-slideshow-aspect-ratio-options .components-base-control__field > div:not(:last-of-type) label { + border-left: 0; +} + +.block-editor__container .bu-blocks-slideshow-media-actual { + height: 100%; +} /*!****************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/stat/editor.scss ***! \****************************************************************************************************************************************************************************************************************************************************/ diff --git a/dist/blocks.asset.php b/dist/blocks.asset.php index 55c9cdb8..4221dcf7 100644 --- a/dist/blocks.asset.php +++ b/dist/blocks.asset.php @@ -1 +1 @@ - array('react'), 'version' => '44f9dcda4cfcbf76e6c5'); + array('react'), 'version' => '791e67c608132af72ac8'); diff --git a/dist/blocks.css b/dist/blocks.css index 2dea13a8..0e951884 100644 --- a/dist/blocks.css +++ b/dist/blocks.css @@ -941,6 +941,90 @@ figure.wp-block-editorial-relatedstories-article-image { max-width: 100%; border: 1px solid var(--wp-admin-theme-color); } +/*!*********************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/slideshow/editor.scss ***! + \*********************************************************************************************************************************************************************************************************************************************************/ +/** + * #.# Editor Styles + * + * CSS for just Backend enqueued after style.scss + * which makes it higher in priority. + */ +.wp-block-editorial-slideshow .wp-block-editorial-slideshow-edit-slide-image { + position: relative; +} +.wp-block-editorial-slideshow .wp-block-editorial-slideshow-edit-slide-image:not(.has-image) { + display: block; + margin: 0; +} +.wp-block-editorial-slideshow .wp-block-editorial-slideshow-edit-slide-image:not(.has-image):before, .wp-block-editorial-slideshow .wp-block-editorial-slideshow-edit-slide-image:not(.has-image):after { + content: none; +} +.wp-block-editorial-slideshow .wp-block-editorial-slideshow-edit-slide-image .bu-blocks-slideshow-media { + float: none; + width: 100%; +} +.wp-block-editorial-slideshow .wp-block-editorial-slideshow-edit-slide-image .wp-block-editorial-slideshow-edit-slide-image-controls { + display: flex; + left: 50%; + position: absolute; + top: 0; + transform: translateX(-50%); + z-index: 1; +} +.wp-block-editorial-slideshow .wp-block-editorial-slideshow-edit-slide-image .wp-block-editorial-slideshow-edit-slide-image-controls__focus { + text-align: right; +} +.wp-block-editorial-slideshow .wp-block-editorial-slideshow-edit-slide-image .wp-block-editorial-slideshow-edit-slide-image-controls__focus .components-base-control__label { + display: inline; +} +.wp-block-editorial-slideshow .wp-block-editorial-slideshow-edit-slide-image .wp-block-editorial-slideshow-edit-slide-image-controls__focus .components-select-control__input { + width: auto; +} +.wp-block-editorial-slideshow .bu-blocks-slideshow-caption { + list-style: none; +} +.wp-block-editorial-slideshow::after { + clear: both; + content: " "; + display: table; +} + +.bu-block-editorial-slideshow-aspect-ratio-options .components-base-control__field { + display: flex; + flex-wrap: wrap; + margin-bottom: 1.5em; +} +.bu-block-editorial-slideshow-aspect-ratio-options .components-base-control__field .components-base-control__label { + padding-bottom: 1em; + width: 100%; +} +.bu-block-editorial-slideshow-aspect-ratio-options .components-base-control__field input { + display: none; +} +.bu-block-editorial-slideshow-aspect-ratio-options .components-base-control__field .components-radio-control__option label { + background-color: #fff; + border: 1px solid #e2e4e7; + padding: 8px 10px; +} +.bu-block-editorial-slideshow-aspect-ratio-options .components-base-control__field .components-radio-control__option input:checked + label { + color: #fff; + background-color: #1e8cbe; + border-color: #1e8cbe; +} +.bu-block-editorial-slideshow-aspect-ratio-options .components-base-control__field > div:first-of-type label { + border-radius: 5px 0 0 5px; +} +.bu-block-editorial-slideshow-aspect-ratio-options .components-base-control__field > div:last-of-type label { + border-radius: 0 5px 5px 0; +} +.bu-block-editorial-slideshow-aspect-ratio-options .components-base-control__field > div:not(:last-of-type) label { + border-right: 0; +} + +.block-editor__container .bu-blocks-slideshow-media-actual { + height: 100%; +} /*!****************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/stat/editor.scss ***! \****************************************************************************************************************************************************************************************************************************************************/ diff --git a/dist/blocks.css.map b/dist/blocks.css.map index 33c4db88..7b34864a 100644 --- a/dist/blocks.css.map +++ b/dist/blocks.css.map @@ -1 +1 @@ -{"version":3,"file":"blocks.css","mappings":";;;AAAA;;;;;EAAA;ACAA;;;;;;CAAA;ADSA;;;EAAA;AAIA;EACC;AAKD;;AADA;EACC;AAID;;AACC;;EACC;AAGF;;AAEC;EACC;AACF;;AAIC;EACC;AADF;;AAwBC;EACC,WEw4ByC;AF75B3C,C;;;;AGxCA;;;;;EAAA;AAOA;EACC;EACA;EACA;AAAD;AAEC;EACC;EACA;AAAF;AAGC;EACC;AADF;AAIC;EACC;EACA;EACA;AAFF;AAKC;EACC;EACA;EACA;AAHF;AAMC;EACC;AAJF;AAOC;EACC;AALF;AAQC;EACC;AANF;;AAWC;EACC;AARF;AAWC;EACC;EACA;AATF;;AAaA;EACC;EACA;EACA;AAVD;AAYC;EACC;AAVF;AAYE;EACC;EACA;EACA;AAVH;AAcE;EACC;AAZH;AAgBC;;EAEC;AAdF;AAiBC;EACC;AAfF;;AAmBA;;EAEC;AAhBD;;AAmBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhBD;AAkBC;EACC;EACA;EACA;EACA;EACA;AAhBF;AAmBC;EACC;EACA;AAjBF;AAoBC;EACC;EACA;EACA;EACA;EACA;EACA;AAlBF;;AAuBC;;EAEC;AApBF;AAuBC;EACC;EACA;AArBF;;AAyBA;;;EAAA;AAIA;EACC;AAtBD;;AA2BA;EACC;AAxBD;AA0BC;EACC;AAxBF;;AAgCC;;EACC;AA5BF,C;;;;ACvIA;;;;;EAAA;AAOC;EACA;AAAD;;AAIC;EACC;EACA;EACA;AADF;AAGC;EACC;AADF;AAGE;EACC;AADH;AAKC;EACC;EACA;AAHF;;AAQC;EACC;EACA;AALF,C;;;;AC7BA;;;;;EAAA;AAQA;;;EAAA;AAIA;EACC;EACA;EACA;AADD;;AAIA;EACC;AADD;AAGC;EACC;EACA;EACA;AADF;;AAQE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALH;AAQE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AANH;;AAcC;EACC;AAXF;AAYE;EACC;AAVH;AAaE;EACC;AAXH,C;;;;ACzDA;;;;;EAAA;AASC;EACC;AAFF,C;;;;ACRA;;;;;EAAA;ANAA;;;;;;CAAA;AMUA;EACC;EACA;EACA;EACA;EACA;AAID;AACA;EACC;AACD;;AAMC;;EACC;EACA;EACA;EACA;EACA;AAFF;AAIE;;EACC;AADH;AAKC;;EACC;AAFF;AAKC;;EACC;AAFF;AAKC;;EACC;EACA;AAFF;AAKC;;EACC;AAFF;AAKC;;EACC;AAFF;AAKC;;EACC;AAFF;;AAQC;EACC;AALF;AAYC;EACC;EACA;EACA,mBL6b0C;AKvc5C;AAaE;EACC;AAXH;AAcE;EACC;EACA;EACA;EACA;EACA;AAZH;AAcG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAZJ,C;;;;ANxFA;;;;;;CAAA;AOEA;EACC;EACA;EACA;EACA,8DC6D2C;ED5D3C;EACA;AAMD,C;;;;AEdA;;;;;EAAA;AAUC;EACC;EAEA;AAJF;;AASC;;EAEC;AANF;AASC;EACC;EACA;AAPF;AASE;EACC;AAPH;;AAeC;EAEC;AAbF;;AAuBE;;EACC;EACA;EACA;EACA;AAnBH;AA4CE;;EACC;AAzCH;AA2CG;;EAEC;AAzCJ;AA6CE;;EACC;AA1CH;;AA+DG;EACC;EACA;AA5DJ;;AAuEE;EACC;EACA;AApEH;;AAiFG;EACC;EACA;AA9EJ;;AAyFE;EACC;EACA;AAtFH,C;;;;AC/DC;;EAEC;AADF;;AAKA;EACC;EACA;EACA;AAFD;AAIC;EAEC;EACA;AAHF;;AAOA;EACC;AAJD;AAMC;EACC;AAJF;AAOC;EACC;EACA;EACA;EACA;EACA;EACA;AALF,C;;;;AC5BA;;;;;EAAA;AAOA;EACC;AAAD;;AAIE;EACC;AADH,C;;;;ACZA;;;;;EAAA;AAQE;EACA;EACA;EACA;EACA;EACA;AADF;AAOE;EACC;AALH,C;;;;ACfA;;;;;EAAA;AAQA;;EAEC;AADD;AAGC;;EACC;EACA;EACA;EACA;EACA;AAAF;;AAMC;EACC;EACA;AAHF,C;;;;ACtBA;;;;;EAAA;AAQE;EACC;AADH;AAIE;EACC;EACA;EACA;EACA;EACA;AAFH;AASI;EACC;EACA;AAPL;AAcE;EACC;EACA;AAZH;AAcE;EACC;AAZH;AAeG;EACC;AAbJ;AAkBE;EACC;EACA;AAhBH;AAmBE;EACC;AAjBH,C;;;;ACpCA;;;;;EAAA;AAOA;;;EAAA;AAIA;EACC;AAAD;;AAMC;;EACC;AAFF;;AAQA;EACC;EACA;AALD;;AASA;EACC;AAND;;AASA;;EAEC;AAND;;AASA;;EAEC;AAND;;AASA;EACC;EACA;AAND;;AASA;EACC;AAND;AAQC;EACC;AANF;;AAUA;EACC;AAPD,C;;;;ACpDA;;;;;EAAA;AhBAA;;;;;;CAAA;AgBWA;EAGC;EACA;EAUA;;;;;IAAA;AAHD;AAFC;EACC;AAIF;AAQE;EACC;AANH;AAWE;EACC;AATH;AAcE;EACC;AAZH;AAiBE;EACC;AAfH;AAoBE;EACC;AAlBH;AAuBE;EACC;AArBH;ACymCE;EDrlCA;IAGE;EAnBF;AACF;AAwBE;EACC;AAtBH;AA0BC;EACC;AAxBF;AA0BE;EACC;AAxBH;AA8BC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5BF;AAgCC;EACC;EACA;AA9BF;AAmCE;EACC;AAjCH;AAsCC;;;;;EAKC;AApCF;;AA2CA;;;;CAAA;AAQC;EACC;AA3CF;AA6CE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3CH;AA6CG;EACC;AA3CJ;AA+CE;EACC;AA7CH;;AAkDA;EACC;AA/CD;;AAkDA;EACC;AA/CD;;AAkDA;EACC;AA/CD;;AAkDA;EACC;AA/CD;;AAkDA;EACC;AA/CD;;AAkDA;EACC;AA/CD;;AAkDA;EACC;AA/CD;;AAkDA;EACC;AA/CD;;AAkDA;EACC;AA/CD;;AAsDA;EACC;AAnDD;;AAsDA;EACC;AAnDD;;AAsDA;EACC;AAnDD;;AAsDA;EACC;AAnDD;;AAsDA;EACC;AAnDD;;AAsDA;EACC;AAnDD;;AAsDA;EACC;AAnDD;;AAsDA;EACC;AAnDD;;AAsDA;EACC;AAnDD;;AAsDA;EACC;AAnDD;;AAsDA;EACC;AAnDD;;AAsDA;EACC;AAnDD;;AAsDA;EACC;AAnDD;;AAsDA;EACC;AAnDD;;AAsDA;EACC;AAnDD;;AAsDA;EACC;AAnDD;;AAsDA;EACC;AAnDD,C;;;;AEvNA;;;;;EAAA;AAOA;EACC;EACA;EACA;EACA;AAAD;AAEC;EACC;AAAF,C;;;;ACdA;;;;;EAAA;AAUC;EACC;AAHF;AAKE;EACC;EACA;EACA;AAHH;AAOC;EACC;AALF;;AAUA;EACC;AAPD;;AAUA;EACC;AAPD;;AAWC;;EAEC;AARF;AAWC;;EAEC;EACA;AATF;AAYC;EACC;EACA;AAVF;AAaC;EACC;AAXF;AAaE;EACC;EACA;AAXH,C;;;;AC7CA;;;;;EAAA;AAOA;;;EAAA;AAIA;EACC;AAAD;;AAGA;EACC;AAAD;AACC;;EAEC;AACF;AAKE;;EACC;AAFH;AASE;;;;EAEC;EACA;AALH;AAUE;;EAEC;AARH;AAaE;;EAEC;AAXH;AAeC;EACC;EACA;AAbF;AAiBC;EACC;AAfF;AAcC;EACC;AAfF;;AAqBC;;EACC;EACA;AAjBF;AAmBE;;;;EAEC;AAfH;AAiBG;;;;;;;;EAEC;EACA;AATJ;AAYG;EACC;AAPJ;AAMG;;;;EACC;AAPJ,C","sources":["webpack://bu-blocks/./src/blocks/aside/editor.scss","webpack://bu-blocks/./node_modules/object-fit-images/preprocessors/mixin.scss","webpack://bu-blocks/./node_modules/responsive-foundation/css-dev/burf-base/_config.scss","webpack://bu-blocks/./src/blocks/buniverse/editor.scss","webpack://bu-blocks/./src/blocks/button/editor.scss","webpack://bu-blocks/./src/blocks/clicktotweet/editor.scss","webpack://bu-blocks/./src/blocks/collapsible-control/editor.scss","webpack://bu-blocks/./src/blocks/collapsible/editor.scss","webpack://bu-blocks/./src/blocks/custom-html/editor.scss","webpack://bu-blocks/./node_modules/responsive-foundation/css-dev/burf-base/_typography-variables.scss","webpack://bu-blocks/./src/blocks/drawer/editor.scss","webpack://bu-blocks/./src/components/background/editor.scss","webpack://bu-blocks/./src/blocks/headline/editor.scss","webpack://bu-blocks/./src/blocks/introparagraph/editor.scss","webpack://bu-blocks/./src/blocks/leadin/editor.scss","webpack://bu-blocks/./src/blocks/listicle/editor.scss","webpack://bu-blocks/./src/blocks/modal/editor.scss","webpack://bu-blocks/./src/blocks/photoessay/editor.scss","webpack://bu-blocks/./node_modules/responsive-foundation/css-dev/burf-base/_mixins.scss","webpack://bu-blocks/./src/blocks/pullquote/editor.scss","webpack://bu-blocks/./src/blocks/relatedstories/editor.scss","webpack://bu-blocks/./src/blocks/stat/editor.scss"],"sourcesContent":["/**\n * #.# Editor Styles\n *\n * CSS for just Backend enqueued after style.scss\n * which makes it higher in priority.\n */\n\n@import '../../tools';\n\n/**\n* Define CSS variables to allow child themes\n* to alter these values easily if needed.\n**/\n:root {\n\t--bu_blocks-block-bu-aside-editor-floated-width: calc(100% / 3);\n}\n\n// Remove default float left on Aside from frontend styles.\naside[data-type=\"editorial/aside\"].wp-block-editorial-aside {\n\tfloat: none;\n}\n\n[data-align=\"right\"],\n[data-align=\"left\"] {\n\t> [data-type=\"editorial/aside\"].wp-block-editorial-aside {\n\t\twidth: var(--bu_blocks-block-bu-aside-editor-floated-width);\n\t}\n}\n\n[data-align=\"right\"] {\n\t> [data-type=\"editorial/aside\"].wp-block-editorial-aside {\n\t\tfloat: right;\n\t}\n}\n\n[data-align=\"left\"] {\n\t> [data-type=\"editorial/aside\"].wp-block-editorial-aside {\n\t\tfloat: left;\n\t}\n}\n\n\n// .editor-block-list__block[data-align=\"right\"] .wp-block-editorial-aside .editor-block-list__block-edit,\n// .editor-block-list__block[data-align=\"left\"] .wp-block-editorial-aside .editor-block-list__block-edit,\n// .block-editor-block-list__block[data-align=\"right\"] .wp-block-editorial-aside .block-editor-block-list__block-edit,\n// .block-editor-block-list__block[data-align=\"left\"] .wp-block-editorial-aside .block-editor-block-list__block-edit {\n// \tfloat: none;\n// \tmargin-left: 0;\n// \tmargin-right: 0;\n// }\n\n// .editor-block-list__block[data-align=\"left\"] .wp-block-editorial-aside .editor-block-list__block,\n// .editor-block-list__block[data-align=\"right\"] .wp-block-editorial-aside .editor-block-list__block,\n// .block-editor-block-list__block[data-align=\"left\"] .wp-block-editorial-aside .block-editor-block-list__block,\n// .block-editor-block-list__block[data-align=\"right\"] .wp-block-editorial-aside .block-editor-block-list__block {\n// \tpadding-left: 16px;\n// \tpadding-right: 16px;\n// }\n\n.wp-block-editorial-aside.has-dark-background {\n\t.wp-block-heading h2 {\n\t\tcolor: $color-grayscale-f;\n\t}\n}\n","/*\n This mixin can be used to set the object-fit:\n @include object-fit(contain);\n\n or object-fit and object-position:\n @include object-fit(cover, top);\n*/\n@mixin object-fit($fit: fill, $position: null){\n -o-object-fit: $fit;\n object-fit: $fit;\n @if $position {\n\t -o-object-position: $position;\n\t object-position: $position;\n \tfont-family: 'object-fit: #{$fit}; object-position: #{$position}';\n } @else {\n \tfont-family: 'object-fit: #{$fit}';\n }\n}\n\n;@import \"sass-embedded-legacy-load-done:3805\";","// =================================================================\n// Variables\n// =================================================================\n\n// BURF Extras\n//\n// Turns a number of extra classes on or off. This is really only\n// for the tools partial - you shouldn't use it in a custom theme\n// unless you're VERY sure you will never need it. Placeholders will\n// still work when this is set to false. Affects friendly grid classes,\n// utility classes, and icon classes.\n//\n// Author: Ashley Kolodziej\n//\n// Styleguide Configuration.Optimization.BURF Extras\n//\n// Access: Public\n//\n// Since: 3.2.0\n\n$burf-extras: true !default;\n\n// Enable media queries\n//\n// Choose whether or not to enable media queries in your stylesheet.\n// If you set this to false, it will print media queries in the\n// order they are declared so that desktop styles will always\n// override mobile styles, regardless of screen size.\n// This is mostly useful for browsers which do not support media queries.\n// By default, an older IE stylesheet is generated using this variable.\n//\n// Styleguide Configuration.Media Queries.Enable media queries\n//\n// Access: Public\n//\n// Since: 0.1.0\n\n$mqs: true !default;\n\n// Extra small breakpoint\n//\n// The window width at which extra small styles will begin.\n// By default, this is set to target most large phones.\n//\n// Deprecated versions of this variable include `$XS`.\n//\n// Styleguide Configuration.Media Queries.$xs\n//\n// Access: Public\n//\n// Since: 0.1.0\n\n$xs: 500px !default;\n\n// Small breakpoint\n//\n// The window width at which small styles will begin.\n// By default, this is set to target most small tablets\n// and iPads in vertical orientation.\n//\n// Deprecated versions of this variable include `$S`, `$SM`.\n//\n// Styleguide Configuration.Media Queries.$sm\n//\n// Access: Public\n//\n// Since: 0.1.0\n\n$sm: 768px !default;\n\n// Medium breakpoint\n//\n// The window width at which medium styles will begin.\n// By default, this is set to target older desktops\n// and iPads in horizontal orientation.\n//\n// Deprecated versions of this variable include `$M`. `$MD`.\n//\n// Styleguide Configuration.Media Queries.$md\n//\n// Access: Public\n//\n// Since: 0.1.0\n\n$md: 992px !default;\n\n// Large breakpoint\n//\n// The window width at which large styles will begin.\n// By default, this is set to target most laptops.\n//\n// Deprecated versions of this variable include `$L`, `$LG`.\n//\n// Styleguide Configuration.Media Queries.$lg\n//\n// Access: Public\n//\n// Since: 0.1.0\n\n$lg: 1200px !default;\n\n// Extra Large breakpoint\n//\n// The window width at which extra large styles will begin.\n// By default, this is set to target most modern desktops.\n//\n// Styleguide Configuration.Media Queries.f: $xl\n//\n// Access: Public\n//\n// Since: 2.0.0\n\n$xl: 1500px !default;\n\n// IE8 Target Width\n//\n// The window width to target for IE8 and below.\n// Because older versions of IE don't support media queries,\n// we use this width to target the most likely browser width\n// an older IE user will be viewing the site in.\n//\n// Styleguide Configuration.Media Queries.g: IE8 Target Width\n//\n// Access: Public\n//\n// Since: 2.0.0\n\n$lte-ie8-target-width: $lg !default;\n\n\n/// @group 08-layout\n/// @access public\n/// @since 1.2.0\n\n// Small Container Width\n//\n// The container width for the small (sm) breakpoint.\n//\n// Deprecated versions of this variable include `$container_S`, `$container-SM`.\n//\n// Styleguide Configuration.Containers.Small Container Width\n//\n// Access: Public\n//\n// Since: 0.1.0\n\n$container-sm: 750px !default;\n\n// Medium Container Width\n//\n// The container width for the medium (md) breakpoint.\n//\n// Deprecated versions of this variable include `$container_M`, `$container-MD`.\n//\n// Styleguide Configuration.Containers.Medium Container Width\n//\n// Access: Public\n//\n// Since: 0.1.0\n\n$container-md: 970px !default;\n\n// Large Container Width\n//\n// The container width for the large (lg) breakpoint.\n//\n// Deprecated versions of this variable include `$container_L`, `$container-LG`.\n//\n// Styleguide Configuration.Containers.Large Container Width\n//\n// Access: Public\n//\n// Since: 0.1.0\n\n$container-lg: 1170px !default;\n\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n// z-index\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n\n// Z-Index 1\n//\n// The lowest priority z-index possible.\n// Used for content by default.\n// Based on Medium's z-index scale.\n//\n// Deprecated versions of this variable include `$zIndex-1`.\n//\n// Styleguide Configuration.Z-Index.$z-index-1\n//\n// Access: Private\n//\n// Since: 1.0.0\n\n$z-index-1: 100;\n\n// Z-Index 2\n//\n// A low priority z-index for use in themes.\n// Can be used for items that should overlap content\n// but still sit below stated content.\n// Based on Medium's z-index scale.\n//\n// Deprecated versions of this variable include `$zIndex-2`.\n//\n// Styleguide Configuration.Z-Index.$z-index-2\n//\n// Access: Private\n//\n// Since: 1.0.0\n\n$z-index-2: 200;\n\n// Z-Index 3\n//\n// A low priority z-index for use in themes.\n// Used for content with multiple states by default.\n// Based on Medium's z-index scale.\n//\n// Deprecated versions of this variable include `$zIndex-3`.\n//\n// Styleguide Configuration.Z-Index.$z-index-3\n//\n// Access: Private\n//\n// Since: 1.0.0\n\n$z-index-3: 300;\n\n// Z-Index 4\n//\n// A medium priority z-index for use in themes.\n// Can be used for items that should sit above\n// stated content but below panel-like content.\n// Based on Medium's z-index scale.\n//\n// Deprecated versions of this variable include `$zIndex-4`.\n//\n// Styleguide Configuration.Z-Index.$z-index-4\n//\n// Access: Private\n//\n// Since: 1.0.0\n\n$z-index-4: 400;\n\n// Z-Index 5\n//\n// A medium priority z-index for use in themes.\n// Used for panel-like content by default.\n// Based on Medium's z-index scale.\n//\n// Deprecated versions of this variable include `$zIndex-5`.\n//\n// Styleguide Configuration.Z-Index.$z-index-5\n//\n// Access: Private\n//\n// Since: 1.0.0\n\n$z-index-5: 500;\n\n// Z-Index 6\n//\n// A medium priority z-index for use in themes.\n// Can be used for items that should sit above\n// panel-like content but below the primary navigation.\n// Based on Medium's z-index scale.\n//\n// Deprecated versions of this variable include `$zIndex-6`.\n//\n// Styleguide Configuration.Z-Index.$z-index-6\n//\n// Access: Private\n//\n// Since: 1.0.0\n\n$z-index-6: 600;\n\n// Z-Index 7\n//\n// A high priority z-index for use in themes.\n// Used for the primary navigation by default.\n// Based on Medium's z-index scale.\n//\n// Deprecated versions of this variable include `$zIndex-7`.\n//\n// Styleguide Configuration.Z-Index.$z-index-7\n//\n// Access: Private\n//\n// Since: 1.0.0\n\n$z-index-7: 700;\n\n// Z-Index 8\n//\n// A high priority z-index for use in themes.\n// Can be used for items that should sit above\n// primary navigation but below overlays.\n// Based on Medium's z-index scale.\n//\n// Deprecated versions of this variable include `$zIndex-8`.\n//\n// Styleguide Configuration.Z-Index.$z-index-8\n//\n// Access: Private\n//\n// Since: 1.0.0\n\n$z-index-8: 800;\n\n// Z-Index 9\n//\n// The highest priority z-index for use in themes.\n// Used for overlays and lightboxes by default.\n// Based on Medium's z-index scale.\n//\n// Deprecated versions of this variable include `$zIndex-9`.\n//\n// Styleguide Configuration.Z-Index.$z-index-9\n//\n// Access: Private\n//\n// Since: 1.0.0\n\n$z-index-9: 900;\n\n// Z-Index 10\n//\n// A z-index which overrides all other z-indexes.\n// Strictly for development and debugging.\n// Based on Medium's z-index scale.\n//\n// Deprecated versions of this variable include `$zIndex-10`.\n//\n// Styleguide Configuration.Z-Index.$z-index-10\n//\n// Access: Private\n//\n// Since: 1.0.0\n\n$z-index-10: 1000;\n\n// Z-Index - Content\n//\n// A base z-index to use for interactive content in the\n// content area that isn't an overlay. Some examples are\n// callouts that scale up on hover, or tooltip definitions.\n// Use this variable for your default state.\n//\n// Use `+` or `-` with this variable to set z-index relative\n// to the default state - plus for above, minus for below.\n// Change this variable to change the stacking order for\n// all states in the site.\n//\n// #### Examples\n//\n// ##### Ensure callouts that expand on hover show over others.\n// \t\t\t.callout:hover {\n//\t\t\t\ttransform: scale(1.25);\n//\t\t\t\tz-index: $z-index-content;\n//\t\t\t}\n//\n// Styleguide Configuration.Z-Index.$z-index-content\n//\n// Access: Public\n//\n// Since: 2.0.0\n\n$z-index-content: $z-index-1 !default;\n\n// Z-Index - States\n//\n// A base z-index to use for content with multiple states.\n// A good example of this content might be a form with\n// multiple states stacked on one another that you animate.\n// Use this variable for your default state.\n//\n// Use `+` or `-` with this variable to set z-index relative\n// to the default state - plus for above, minus for below.\n// Change this variable to change the stacking order for\n// all states in the site.\n//\n// #### Examples\n//\n// ##### Set z-index on a stacked form with states.\n// \t\t\t.form-state-start,\n//\t\t\t.form-state-active {\n//\t\t\t\tz-index: $z-index-states;\n//\t\t\t}\n//\n//\t\t\t.form-state-getinfo {\n//\t\t\t\tz-index: $z-index-states - 1;\n//\t\t\t}\n//\n//\t\t\t.form-state-end {\n//\t\t\t\tz-index: $z-index-states - 2;\n//\t\t\t}\n//\n// Styleguide Configuration.Z-Index.$z-index-states\n//\n// Access: Public\n//\n// Since: 2.0.0\n\n$z-index-states: $z-index-3 !default;\n\n// Z-Index - Panels\n//\n// A base z-index to use for panel-like content.\n// Panel-like content can include panels that open\n// and close, such as horizontal secondary navigation\n// menus or filters, which push aside or overlap other content.\n//\n// Use this variable alone to set a default z-index which\n// will play nicely with other types of interactive content\n// on your site. Use `+` or `-` with it to set a z-index relative\n// to all panels. Change this variable to change the\n// default z-index for all panel-like content.\n//\n// #### Examples\n//\n// ##### Ensure two stacked filters on a degree page overlap correctly.\n//\t\t\t.degree-filter {\n//\t\t\t\tz-index: $z-index-panels;\n//\t\t\t}\n//\n//\t\t\t.degree-subfilter {\n//\t\t\t\tz-index: $z-index-panels - 1;\n//\t\t\t}\n//\n// Styleguide Configuration.Z-Index.$z-index-panels\n//\n// Access: Public\n//\n// Since: 2.0.0\n\n$z-index-panels: $z-index-5 !default;\n\n// Z-Index - Primary Navigation\n//\n// A base z-index to use for the primary navigation.\n// By default, this sets a z-index which will put dropdown\n// menus above content, but below overlays.\n//\n// Use this variable alone to set a default z-index which\n// will play nicely with other types of interactive content\n// on your site. Use `+` or `-` with it to set a z-index relative\n// to the primary navigation. Change this variable to change the\n// stacking order of the primary navigation.\n//\n// Styleguide Configuration.Z-Index.$z-index-primarynav\n//\n// Access: Public\n//\n// Since: 2.0.0\n\n$z-index-primarynav: $z-index-7 !default;\n\n// Z-Index - Overlays\n//\n// A base z-index to use for overlays and lightboxes.\n// This z-index will always be on top unless you are using `$z-index-dev`.\n// Use this variable alone to set a default z-index which\n// will play nicely with other types of interactive content\n// on your site. Use `+` or `-` with it to set a z-index relative\n// to the default overlay. Change this variable to change the\n// stacking order of all overlays. (You may want to do this if you\n// have a fixed sticky navigation so that the sticky navigation isn't\n// always on top, even with lightboxes.)\n//\n// Styleguide Configuration.Z-Index.$z-index-overlays\n//\n// Access: Public\n//\n// Since: 2.0.0\n\n$z-index-overlays: $z-index-9 !default;\n\n// Z-Index - Development / Debugging\n//\n// A z-index that will override all other z-indexes for development\n// and debugging purposes only. Avoid where possible and do not commit\n// to production code.\n//\n// Styleguide Configuration.Z-Index.$z-index-dev\n//\n// Access: Public\n//\n// Since: 2.0.0\n\n$z-index-dev: $z-index-10 !default;\n\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n// Spacing\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n\n// Margin\n//\n// The base margin to use sitewide.\n// All margins are based on this number. Larger margins\n// will be a multiple of this, smaller margins will be a\n// fraction of this, except in cases of UI or typography\n// where margin should be related to font size.\n//\n// Styleguide Configuration.Spacing.$margin\n//\n// Access: Public\n//\n// Since: 2.0.0\n\n$margin: 30px !default;\n\n// Margin - Small\n//\n// The base margin to use for content sitewide.\n// This affects floated content in the WordPress editor,\n// and would be good for any sort of floated content you\n// may add in a custom theme, like a floated callout.\n//\n// Styleguide Configuration.Spacing.$margin-small\n//\n// Access: Public\n//\n// Since: 2.0.0\n\n$margin-small: $margin / 2 !default;\n\n// Margin - Large\n//\n// The base margin to use for large spacing sitewide.\n// This affects elements like the banner, section tags,\n// and any other larger elements.\n//\n// Styleguide Configuration.Spacing.$margin-large\n//\n// Access: Public\n//\n// Since: 2.0.0\n\n$margin-large: $margin * 2 !default;\n\n// Padding\n//\n// The base padding to use sitewide.\n// All padding is based on this number. Larger padding\n// will be a multiple of this, smaller padding will be a\n// fraction of this.\n//\n// Styleguide Configuration.Spacing.$padding\n//\n// Access: Public\n//\n// Since: 2.0.0\n\n$padding: 30px !default;\n\n// Padding - Small\n//\n// A padding variable for situations where you need a\n// smaller amount of padding.\n//\n// Styleguide Configuration.Spacing.$padding-small\n//\n// Access: Public\n//\n// Since: 2.0.0\n\n$padding-small: $padding / 2 !default;\n\n// Padding - Large\n//\n// A padding variable for situations where you need a\n// larger amount of padding.\n//\n// Styleguide Configuration.Spacing.$padding-large\n//\n// Access: Public\n//\n// Since: 2.0.0\n\n$padding-large: $padding * 2 !default;\n\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n// Colors\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n\n// Tint Hue\n//\n// A color to tint your grays with.\n// Affects grayscale variables. Try cool colors, like blues.\n// Accepts any valid color.\n//\n// Styleguide Configuration.Styling.Grayscale Tint Hue\n//\n// Access: Public\n//\n// Since: 2.0.0\n\n$tint-hue: none !default;\n\n// Tint Saturation\n//\n// The amount to tint your grays, from 0-100%.\n// This will affect the maximum saturation of your tint.\n//\n// Styleguide Configuration.Styling.Grayscale Tint Saturation\n//\n// Access: Public\n//\n// Since: 2.0.0\n\n$tint-saturation: 15% !default;\n\n// Tint Color Function\n//\n// A tinting helper function for grayscale variables.\n// If you're adding your own grays and want to take advantage\n// of tinting, you can use this function to tint your grays.\n//\n// The actual tint is dependent on two variables: `$tint-hue`,\n// which is the color to use as a tint, and `$tint-saturation`,\n// which is the maximum saturation of that tint. More saturation\n// happens with dark colors, less or none with very light colors.\n//\n// Styleguide Configuration.Styling.Tint Color Function\n//\n// Access: Public\n//\n// Since: 2.0.0\n\n@function tint-gray( $color ) {\n\t@if ( $tint-hue == \"none\" ) {\n\t\t@return $color;\n\t} @else {\n\t\t$_amt: $tint-saturation - ( lightness( $color ) / $tint-saturation );\n\n\t\t@if ( $_amt <= 0 ) {\n\t\t\t@return $color;\n\t\t}\n\n\t\t$newgray: adjust-hue( $color, hue( $tint-hue ) );\n\n\t\t@return saturate( $newgray, $_amt );\n\t}\n}\n\n// Grayscale Variables\n//\n// Grayscale variables that takes advantage of the tint system.\n// Overriding these variables is not supported.\n//\n// Colors:\n// $color-grayscale-0: #000\n// $color-grayscale-1: #111\n// $color-grayscale-2: #222\n// $color-grayscale-3: #333\n// $color-grayscale-4: #444\n// $color-grayscale-5: #555\n// $color-grayscale-6: #666\n// $color-grayscale-7: #777\n// $color-grayscale-8: #888\n// $color-grayscale-9: #999\n// $color-grayscale-a: #aaa\n// $color-grayscale-b: #bbb\n// $color-grayscale-c: #ccc\n// $color-grayscale-d: #ddd\n// $color-grayscale-e: #eee\n// $color-grayscale-f0: #f0f0f0\n// $color-grayscale-f5: #f5f5f5\n// $color-grayscale-f: #fff\n//\n// Styleguide Configuration.Styling.Grayscale Variables\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n// A grayscale variable that takes advantage of the tint system.\n// Produces a very dark gray suitable for text.\n// Overriding this variable is not supported.\n//\n// Colors:\n// $color-grayscale-0: #000\n//\n// Styleguide Utilities.Colors.$color-grayscale-0\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$color-grayscale-0: tint-gray( #000 );\n\n// A grayscale variable that takes advantage of the tint system.\n// Produces a very dark gray suitable for text.\n// Overriding this variable is not supported.\n//\n// Colors:\n// $color-grayscale-1: #111\n//\n// Styleguide Utilities.Colors.$color-grayscale-1\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$color-grayscale-1: tint-gray( #111 );\n\n// A grayscale variable that takes advantage of the tint system.\n// Produces a dark gray suitable for text or backgrounds.\n// Overriding this variable is not supported.\n//\n// Colors:\n// $color-grayscale-2: #222\n//\n// Styleguide Utilities.Colors.$color-grayscale-2\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$color-grayscale-2: tint-gray( #222 );\n\n// A grayscale variable that takes advantage of the tint system.\n// Produces a dark gray suitable for text or backgrounds.\n// Overriding this variable is not supported.\n//\n// Colors:\n// $color-grayscale-3: #333\n//\n// Styleguide Utilities.Colors.$color-grayscale-3\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$color-grayscale-3: tint-gray( #333 );\n\n// A grayscale variable that takes advantage of the tint system.\n// Produces a dark gray suitable for backgrounds or metadata.\n// Overriding this variable is not supported.\n//\n// Colors:\n// $color-grayscale-4: #444\n//\n// Styleguide Utilities.Colors.$color-grayscale-4\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$color-grayscale-4: tint-gray( #444 );\n\n// A grayscale variable that takes advantage of the tint system.\n// Produces a dark gray suitable for backgrounds.\n// Overriding this variable is not supported.\n//\n// Colors:\n// $color-grayscale-5: #555\n//\n// Styleguide Utilities.Colors.$color-grayscale-5\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$color-grayscale-5: tint-gray( #555 );\n\n// A grayscale variable that takes advantage of the tint system.\n// Produces a middle gray suitable for backgrounds or large typography.\n// Overriding this variable is not supported.\n//\n// Colors:\n// $color-grayscale-6: #666\n//\n// Styleguide Utilities.Colors.$color-grayscale-6\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$color-grayscale-6: tint-gray( #666 );\n\n// A grayscale variable that takes advantage of the tint system.\n// Produces a middle gray suitable for backgrounds or large typography.\n// Overriding this variable is not supported.\n//\n// Colors:\n// $color-grayscale-7: #777\n//\n// Styleguide Utilities.Colors.$color-grayscale-7\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$color-grayscale-7: tint-gray( #777 );\n\n// A grayscale variable that takes advantage of the tint system.\n// Produces a middle gray suitable for backgrounds or large typography.\n// Overriding this variable is not supported.\n//\n// Colors:\n// $color-grayscale-8: #888\n//\n// Styleguide Utilities.Colors.$color-grayscale-8\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$color-grayscale-8: tint-gray( #888 );\n\n// A grayscale variable that takes advantage of the tint system.\n// Produces a middle gray suitable for backgrounds or large typography.\n// Overriding this variable is not supported.\n//\n// Colors:\n// $color-grayscale-9: #999\n//\n// Styleguide Utilities.Colors.$color-grayscale-9\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$color-grayscale-9: tint-gray( #999 );\n\n// A grayscale variable that takes advantage of the tint system.\n// Produces a middle gray suitable for backgrounds.\n// Overriding this variable is not supported.\n//\n// Colors:\n// $color-grayscale-a: #a\n//\n// Styleguide Utilities.Colors.$color-grayscale-a\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$color-grayscale-a: tint-gray( #aaa );\n\n// A grayscale variable that takes advantage of the tint system.\n// Produces a light gray suitable for backgrounds.\n// Overriding this variable is not supported.\n//\n// Colors:\n// $color-grayscale-b: #bbb\n//\n// Styleguide Utilities.Colors.$color-grayscale-b\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$color-grayscale-b: tint-gray( #bbb );\n\n// A grayscale variable that takes advantage of the tint system.\n// Produces a light gray suitable for backgrounds, borders, and metadata.\n// Overriding this variable is not supported.\n//\n// Colors:\n// $color-grayscale-c: #ccc\n//\n// Styleguide Utilities.Colors.$color-grayscale-c\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$color-grayscale-c: tint-gray( #ccc );\n\n// A grayscale variable that takes advantage of the tint system.\n// Produces a light gray suitable for backgrounds.\n// Overriding this variable is not supported.\n//\n// Colors:\n// $color-grayscale-d: #ddd\n//\n// Styleguide Utilities.Colors.$color-grayscale-d\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$color-grayscale-d: tint-gray( #ddd );\n\n// A grayscale variable that takes advantage of the tint system.\n// Produces a light gray suitable for backgrounds.\n// Overriding this variable is not supported.\n//\n// Colors:\n// $color-grayscale-e: #eee\n//\n// Styleguide Utilities.Colors.$color-grayscale-e\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$color-grayscale-e: tint-gray( #eee );\n\n// A grayscale variable that takes advantage of the tint system.\n// Produces a near-white gray suitable for backgrounds.\n// Overriding this variable is not supported.\n//\n// Colors:\n// $color-grayscale-f0: #f0f0f0\n//\n// Styleguide Utilities.Colors.$color-grayscale-f0\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$color-grayscale-f0: tint-gray( #f0f0f0 );\n\n// A grayscale variable that takes advantage of the tint system.\n// Produces a near-white gray suitable for backgrounds.\n// Overriding this variable is not supported.\n//\n// Colors:\n// $color-grayscale-f5: #f5f5f5\n//\n// Styleguide Utilities.Colors.$color-grayscale-f5\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$color-grayscale-f5: tint-gray( #f5f5f5 );\n\n// A grayscale variable that takes advantage of the tint system.\n// Produces a plain white.\n// Overriding this variable is not supported.\n//\n// Colors:\n// $color-grayscale-f: #fff\n//\n// Styleguide Utilities.Colors.$color-grayscale-f\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$color-grayscale-f: tint-gray( #fff );\n\n// Color Hub\n//\n// A grayscale variable for hover state of the BU Hub webfont. Not intended for editing.\n//\n// Colors:\n// $color-hub: #767676\n//\n// Styleguide Utilities.Colors.$color-hub\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$color-hub: \t\t\t #767676;\n\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n// Content\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n// -----------------------------------------------------------------\n\n// Borders\n// -----------------------------------------------------------------\n\n// Change the Default Border\n//\n// The default border style.\n//\n// Styleguide Configuration.Styling.Change the Default Border\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n// $border\n//\n// A variable that applies the default border style.\n//\n// Styleguide Utilities.Styling.$border\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$border:\t\t\t\t\t\t\t\t\t\t\t\t1px solid $color-grayscale-d !default;\n\n;@import \"sass-embedded-legacy-load-done:3472\";","/**\n * #.# Editor Styles\n *\n * CSS for just Backend enqueued after style.scss\n * which makes it higher in priority.\n */\n\n.buniverse-aspect-ratio-options .components-base-control__field {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin-bottom: 1.5em;\n\n\t.components-base-control__label {\n\t\tpadding-bottom: 1em;\n\t\twidth: 100%;\n\t}\n\n\tinput {\n\t\tdisplay: none;\n\t}\n\n\t.components-radio-control__option label {\n\t\tbackground-color: #fff;\n\t\tborder: 1px solid #e2e4e7;\n\t\tpadding: 8px 10px;\n\t}\n\n\t.components-radio-control__option input:checked + label {\n\t\tcolor: #fff;\n\t\tbackground-color: #1e8cbe;\n\t\tborder-color: #1e8cbe;\n\t}\n\n\t> div:first-of-type label {\n\t\tborder-radius: 5px 0 0 5px;\n\t}\n\n\t> div:last-of-type label {\n\t\tborder-radius: 0 5px 5px 0;\n\t}\n\n\t> div:not(:last-of-type) label {\n\t\tborder-right: 0;\n\t}\n}\n\n.buniverse-parameter-toggles {\n\t.components-base-control__field {\n\t\tjustify-content: space-between;\n\t}\n\n\t.components-toggle-control .components-base-control__field .components-form-toggle {\n\t\tmargin-right: 0;\n\t\torder: 1;\n\t}\n}\n\n.buniverse-start-time {\n\talign-items: center;\n\tdisplay: flex;\n\tmargin: 24px 0;\n\n\t> div:first-of-type {\n\t\tflex: 1 0 auto;\n\n\t\t.components-base-control__field {\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: space-between;\n\t\t}\n\n\n\t\tinput {\n\t\t\twidth: 6ch;\n\t\t}\n\t}\n\n\t.components-base-control,\n\t.components-base-control:last-child {\n\t\tmargin-bottom: 0;\n\t}\n\n\t> div:last-of-type {\n\t\twidth: 6ch;\n\t}\n}\n\n.edit-post-settings-sidebar__panel-block .components-panel__body .buniverse-start-time .components-base-control,\n.buniverse-start-time .components-base-control .components-base-control__field {\n\tmargin-bottom: 0;\n}\n\n.wp-block-global-buinverse-placeholder {\n\talign-items: center;\n\tbackground: #f3f3f3;\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\tjustify-content: center;\n\tmin-height: 250px;\n\tposition: absolute;\n\ttop: 0;\n\twidth: 100%;\n\tz-index: 3;\n\n\t.buniverse-logo {\n\t\tbackground: center no-repeat url('./../../../images/buniverse/buniverse-logo.png');\n\t\tbackground-size: 100%;\n\t\tdisplay: block;\n\t\theight: 20px;\n\t\twidth: 100px;\n\t}\n\n\t.components-base-control {\n\t\tmargin: 20px 0;\n\t\twidth: 210px;\n\t}\n\n\t.buniverse-video-id-screenshot {\n\t\tbackground: center no-repeat url('./../../../images/buniverse/video-id-screenshot.png');\n\t\tbackground-size: 100%;\n\t\tdisplay: block;\n\t\theight: 140px;\n\t\tmax-width: 400px;\n\t\twidth: 100%;\n\t}\n}\n\n.buniverse-set-video-id {\n\t.components-base-control__label,\n\t.components-text-control__input {\n\t\tdisplay: inline-block;\n\t}\n\n\t.components-text-control__input {\n\t\tmargin-left: 1ch;\n\t\twidth: 100px;\n\t}\n}\n\n/**\n* Define CSS variables to allow child themes\n* to alter these values easily if needed.\n**/\n:root {\n\t--bu_blocks-block-bu-buniverse-editor-floated-width: 50%;\n}\n\n// Remove default margin on figure.\n// Disable interactions on video iframe.\n.wp-block-global-buniverse {\n\tmargin: 0;\n\n\tiframe {\n\t\tpointer-events: none;\n\t}\n}\n\n// Buniverse block has no width by default when floated\n// as it's content is absolutley positioned in order to scale intrinsicially.\n.wp-block[data-align=right],\n.wp-block[data-align=left] {\n\t>.wp-block-bu-buniverse {\n\t\twidth: var(--bu_blocks-block-bu-buniverse-editor-floated-width);\n\t}\n}\n\n","/**\n * #.# Editor Styles\n *\n * CSS for just Backend enqueued after style.scss\n * which makes it higher in priority.\n */\n\n .wp-block-bu-button-container {\n\tposition: relative;\n}\n\n[data-type=\"bu/button\"] {\n\t&.wp-block-bu-button {\n\t\tdisplay:inline-block;\n\t\tmargin-top: 0;\n\t\tmargin-bottom: 0;\n\t}\n\t&.wp-block-button.wp-block-bu-button {\n\t\tcolor: inherit;\n\n\t\t[data-rich-text-placeholder]:after {\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\n\t.components-autocomplete {\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t}\n}\n\n.bu-blocks-button-block-url-input {\n\tinput[type=text] {\n\t\tmax-width: 100%;\n\t\tborder: 1px solid var(--wp-admin-theme-color);\n\t}\n}\n","/**\n * #.# Editor Styles\n *\n * CSS for just Backend enqueued after style.scss\n * which makes it higher in priority.\n */\n\n\n/**\n* Define CSS variables to allow child themes\n* to alter these values easily if needed.\n**/\n:root {\n\t--bu_blocks-block-click-tweet-color-highlight: #def0f6;\n\t--bu_blocks-block-click-tweet-color-icon: #0587B8;\n\t--bu_blocks-block-click-tweet-color-button: #0587B8;\n}\n\n[data-type=\"core/paragraph\"].wp-block-bu-clicktotweet.has-format-highlight .wp-block-bu-clicktotweet-highlight {\n\tbackground: var(--bu_blocks-block-click-tweet-color-highlight);\n\n\t&::after {\n\t\tcolor: var(--bu_blocks-block-click-tweet-color-icon);\n\t\tcontent: \"\\f301\";\n\t\tfont-family: \"dashicons\";\n\t}\n}\n\n[data-type=\"core/paragraph\"]:not(.is-selected).wp-block-bu-clicktotweet:not(.has-format-highlight) {\n\n\t.wp-block-bu-clicktotweet-content {\n\t\t&::before {\n\t\t\tcontent: '';\n\t\t\tborder: 1px dashed gray;\n\t\t\tborder-color: var(--bu_blocks-block-click-tweet-color-button);\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tleft: -15px;\n\t\t\ttop: -15px;\n\t\t\tbottom: -15px;\n\t\t\tright: -15px;\n\t\t}\n\n\t\t&::after {\n\t\t\tbackground: var(--bu_blocks-block-click-tweet-color-button);\n\t\t\tbottom: -15px;\n\t\t\tcolor: #fff;\n\t\t\tcontent: \"tweet this\";\n\t\t\tdisplay: block;\n\t\t\tfont-family: sans-serif;\n\t\t\tfont-size: 13px;\n\t\t\tpadding: 5px;\n\t\t\tposition: absolute;\n\t\t\tright: -15px;\n\t\t}\n\t}\n\n}\n\n[data-type=\"core/paragraph\"].is-selected.wp-block-bu-clicktotweet:not(.has-format-highlight) {\n\n\t.wp-block-bu-clicktotweet-content {\n\t\tpointer-events: none;\n\t\t&::before {\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t&::after {\n\t\t\tpointer-events:none;\n\t\t}\n\t}\n\n}\n","/**\n * #.# Editor Styles\n *\n * CSS for just Backend enqueued after style.scss\n * which makes it higher in priority.\n */\n\n\n[data-align=\"center\"] {\n\t> .wp-block-bu-collapsible-control {\n\t\ttext-align: center;\n\t}\n}\n","/**\n * #.# Editor Styles\n *\n * CSS for just Backend enqueued after style.scss\n * which makes it higher in priority.\n */\n\n@import '../../tools';\n\n// Add missing icon in admin.\n@font-face {\n\tfont-family: \"bu-default-icons\";\n\tsrc: url(\"//www.bu.edu/cdn/fonts/icons/bu-default-icons/bu-default-icons.eot?\") format(\"embedded-opentype\");\n\tsrc: url(\"//www.bu.edu/cdn/fonts/icons/bu-default-icons/bu-default-icons.woff\") format(\"woff\"), url(\"//www.bu.edu/cdn/fonts/icons/bu-default-icons/bu-default-icons.ttf\") format(\"truetype\"), url(\"//www.bu.edu/cdn/fonts/icons/bu-default-icons/bu-default-icons.svg#bu-default-icons\") format(\"svg\");\n\tfont-weight: normal;\n\tfont-style: normal;\n}\n\n// Sidebar custom Icon Style Panel. Load BU icons\n// so buttons are styled with correct icons.\n.bu-collapsible-icon-style-button button {\n\tfont-family: \"bu-default-icons\";\n}\n\n// Open state, when block is selected or has a child block selected\n.wp-block-bu-collapsible.is-selected,\n.wp-block-bu-collapsible.has-child-selected {\n\n\t& > .bu-block-collapsible-content {\n\t\tdisplay: block;\n\t\tpadding: 5px 20px;\n\t\theight: auto; //Override is-style-preview value.\n\t\toverflow: auto; //Override is-style-preview value.\n\t\tposition: static; //Override is-style-preview value.\n\n\t\t&:after {\n\t\t\tdisplay: none; //Override is-style-preview value.\n\t\t}\n\t}\n\n\t& > .bu-collapsible-heading::after {\n\t\tcontent: '\\002D';\n\t}\n\n\t&.icon-style-arrows > .bu-collapsible-heading::after {\n\t\tcontent: '\\F500';\n\t}\n\n\t& > .bu-collapsible-heading {\n\t\tdisplay: block;\n\t\tborder-bottom: 1px solid #ccc;\n\t}\n\n\t&.is-style-preview .bu-collapsible-heading {\n\t\tborder-bottom: 0;\n\t}\n\n\t& > .bu-collapsible-heading::after {\n\t\tcontent: '\\002D';\n\t}\n\n\t&.icon-style-arrows > .bu-collapsible-heading::after {\n\t\tcontent: '\\F500'\n\t}\n}\n\n.wp-block-bu-collapsible {\n\n\t.bu-collapsible-heading {\n\t\tmargin: 0;\n\t}\n\n\t.bu-block-collapsible-content {\n\n\t}\n\n\t&.is-style-preview {\n\t\tborder: none;\n\t\tposition: relative;\n\t\tmargin-bottom: $margin;\n\n\t\t// Don't show any icons to open/collapse.\n\t\t> .bu-collapsible-heading::after {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.bu-block-collapsible-content {\n\t\t\tpadding: 0;\n\t\t\tdisplay: block;\n\t\t\theight: 100px;\n\t\t\toverflow: hidden;\n\t\t\tposition: relative;\n\n\t\t\t&:after {\n\t\t\t\tcontent:'';\n\t\t\t\theight: 50%;\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom:0;\n\t\t\t\tleft: 0;\n\t\t\t\tright: 0;\n\t\t\t\tbackground-image: linear-gradient(to bottom, transparent, #fff);\n\t\t\t}\n\t\t}\n\t}\n}\n","@import '../../tools';\n\n.wp-block-editorial-custom-html {\n\tborder-radius: 4px;\n\tborder: 1px solid #e2e4e7;\n\tcolor: #23282d;\n\tfont-family: $font-family-monospace;\n\tfont-size: 13px;\n\tpadding: .8em 1em;\n}\n","// =================================================================\n// Typography Settings\n// =================================================================\n\n// Base Font Size\n//\n// Controls the default font size used across the site.\n// Affects body text and anything else that isn't\n// specifically overridden.\n//\n// Styleguide Configuration.Typography.Base Font Size\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$font-size-base: 18px !default;\n\n// Base Line Height\n//\n// Controls the default line height used across the site.\n// Affects body text and anything else that isn't\n// specifically overridden.\n//\n// Styleguide Configuration.Typography.Base Line Height\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$line-height-base: 1.6 !default;\n\n// Serif Font\n//\n// A serif font to use. This variable is not used by default.\n//\n// Styleguide Configuration.Typography.Serif Font\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$font-family-serif: \"TiemposText\", Georgia, serif !default;\n\n// Sans-serif Font\n// A sans-serif font to use sitewide.\n// By default, this affects the site footer and label text in profiles.\n//\n// Styleguide Configuration.Typography.Sans Serif Font\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$font-family-sans-serif: \"Benton-Sans\", \"Helvetica\", sans-serif !default;\n\n// Monospace Font\n//\n// A monospace font to use sitewide.\n// By default, this affects the `` and `
` elements.\n//\n// Styleguide Configuration.Typography.Monospace Font\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$font-family-monospace:                     \"Consolas\", \"Liberation Mono\", Courier, monospace !default;\n\n// Body Copy Font\n//\n// The default font for body copy.\n//\n// Styleguide Configuration.Typography.Body Copy Font\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$font-family-base:                          $font-family-sans-serif !default;\n\n// Heading Font\n//\n// A font to use for headings.\n// Affects `
`, `
`, etc.\n//\n// Styleguide Configuration.Headings.Heading Font\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$font-family-heading:                       $font-family-sans-serif !default;\n\n// Heading Color\n//\n// A color to use for headings.\n// Affects `
`, `
`, etc.\n//\n// Styleguide Configuration.Headings.Heading Color\n//\n// Access: Public\n//\n// Since: 1.0.0\n//\n// Accessibility: AA\n\n$color-heading:                             $color-grayscale-0 !default;\n\n// Heading Small Color\n//\n// A font to use for small tags within headings.\n//\n// Styleguide Configuration.Typography.Heading Small Color\n//\n// Access: Public\n//\n// Since: 1.0.0\n//\n// Accessibility: AA\n\n$color-heading-small:                       $color-grayscale-6 !default;\n\n// Paragraph Margin\n//\n// Base margin for HTML tags. Primarily affects `
`.\n//\n// Styleguide Configuration.Typography.Paragraph Margin\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$font-margin-base:                          0 0 1.5em 0 !default;\n\n// Link Color\n//\n// Base color for links.\n//\n// Styleguide Configuration.Typography.Link Color\n//\n// Access: Public\n//\n// Since: 1.0.0\n//\n// Accessibility: AA\n\n$color-link:                                #0f69d7 !default;\n\n// Link Color - Visited\n//\n// Base color for visited links.\n// Must be different from `$color-link` for accessibility\n// reasons.\n//\n// Styleguide Configuration.Typography.Link Color Visited\n//\n// Access: Public\n//\n// Since: 1.0.0\n//\n// Accessibility: AA\n\n$color-link-visited:                        #7337af !default;\n\n// Link Color - Active\n//\n// Base color for active links.\n// Must be different from `$color-link` for accessibility\n// reasons.\n//\n// Styleguide Configuration.Typography.Link Color Active\n//\n// Access: Public\n//\n// Since: 1.0.0\n//\n// Accessibility: AA\n\n$color-link-active:                         $color-grayscale-0 !default;\n\n// Code Padding\n//\n// Base padding for the `` tag.\n//\n// Styleguide Content.Code.Padding\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$font-padding-code:                         0.2em 0.4em !default;\n\n// Code Margin\n//\n// Base margin for the `` tag.\n//\n// Styleguide Content.Code.Margin\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$font-margin-code:                          $margin 0 !default;\n\n// Code Color\n//\n// Text color to use for the `` tag.\n//\n// Styleguide Content.Code.Color\n//\n// Access: Public\n//\n// Since: 1.0.0\n//\n// Accessibility: AA\n\n$color-code:                                $color-grayscale-6 !default;\n\n// Code Background Color\n//\n// Background color to use for the `` tag.\n//\n// Styleguide Content.Code.Background Color\n//\n// Access: Public\n//\n// Since: 1.0.0\n//\n// Accessibility: AA\n\n$color-code-bg:                             $color-grayscale-f5 !default;\n\n// Code Border\n//\n// Base border for the `` tag.\n//\n// Styleguide Content.Code.Border\n//\n// Access: Public\n//\n// Since: 2.0.0\n\n$border-code:                               $border !default;\n\n// Blockquote Margin\n//\n// Base margin for the `
` tag.\n//\n// Styleguide Content.Blockquotes.Margin\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$font-margin-blockquote:                    1em $margin-large !default;\n\n// List Margin\n//\n// Base margin for `
    ` and `
      ` tags.\n//\n// Styleguide Content.Lists.Margin\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$font-margin-list:                          $font-margin-base !default;\n\n// List Padding\n//\n// Base padding for `
        ` and `
          ` tags.\n//\n// Styleguide Content.Lists.Padding\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$font-padding-list:                         0 0 0 40px !default;\n\n// Definition List Padding\n//\n// Base margin for `
          ` tags.\n//\n// Styleguide Content.Lists.Definition List Padding\n//\n// Access: Public\n//\n// Since: 1.0.0\n\n$font-margin-dd:                            0 0 0 $margin !default;\n\n;@import \"sass-embedded-legacy-load-done:3734\";","/**\n * #.# Editor Styles\n *\n * CSS for just Backend enqueued after style.scss\n * which makes it higher in priority.\n */\n\n // Mimic the 'show-drawer' class behavior when the block or its inner blocks are selected.\n[data-selected-drawer=\"true\"] {\n\n\t.wp-block-editorial-drawer-content {\n\t\tdisplay: block !important;\n\t\t//float: none !important;\n\t\topacity: 1 !important;\n\t}\n}\n\n.wp-block-editorial-drawer {\n\t.wp-block-editorial-drawer-teaser,\n\t.wp-block-editorial-drawer-content {\n\t\tfloat: none;\n\t}\n\n\t.wp-block-editorial-drawer-open-wrapper {\n\t\tdisplay: inline-block;\n\t\tmargin-top: 1.2em;\n\n\t\tp[role=\"textbox\"]:not(:only-child) {\n\t\t\theight: 28px;\n\t\t}\n\t}\n}\n\n// Set a default width when floated in the editor.\n// ToDo: this needs to be improved and rethought.\n.wp-block-editorial-drawer-teaser {\n\t[data-align=\"left\"] &,\n\t[data-align=\"right\"] & {\n\t\twidth: 50%;\n\t}\n}\n\n[data-align=\"left\"],\n[data-align=\"right\"] {\n\n\n\t>[data-type=\"editorial/drawer\"] {\n\n\t\t&.wp-block-editorial-drawer {\n\t\t\tfloat: none;\n\t\t\tmargin-left: 0;\n\t\t\tmargin-right: 0;\n\t\t\toverflow: unset;\n\n\t\t\t&.is-size-narrow,\n\t\t\t&.is-size-small,\n\t\t\t&.is-size-medium,\n\t\t\t&.is-size-wide {\n\n\t\t\t\t.wp-block-editorial-drawer-teaser {\n\t\t\t\t\t//width: 100%;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// .wp-block-editorial-drawer-teaser {\n\n\t\t// \t&::before,\n\t\t// \t&::after {\n\t\t// \t\tdisplay: none;\n\t\t// \t}\n\t\t// }\n\n\t\t// Float the content left so it fills the content column like it does\n\t\t// on the frontend when a floated Drawer block's content area is opened.\n\t\t// The content area should be the width of the unfloated blocks on the page, not the narrower\n\t\t// width of the floated teaser part of the block.\n\t\t.wp-block-editorial-drawer-content {\n\t\t\tfloat:left;\n\n\t\t\t.editor-block-list__block-edit\n\t\t\t.block-editor-block-list__block-edit {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\t.wp-block-editorial-drawer-clearfix {\n\t\t\tclear:both;\n\t\t}\n\t}\n}\n\n\n// Float the Teaser left and right instead of the\n//