{"version":3,"file":"composite-heading/composite-heading.css","sources":["composite-heading/composite-heading.scss","../global/_global.scss","../global/_variables.scss","../global/_breakpoints.scss","../global/_mixins.scss"],"sourcesContent":["@import './global/global';\n\n.cu-composite-heading {\n  display: flex;\n  gap: var(--cu-vr0);\n  flex-direction: column;\n  align-items: var(--cu-composite-heading-align, center);\n  text-align: var(--cu-composite-heading-text-align, center);\n\n  .cu-icon {\n    order: 1;\n    margin: 0;\n  }\n\n  &__heading {\n    --cu-font-size: var(--cu-ms5);\n    order: 3;\n    margin: 0;\n  }\n\n  &__eyebrow-heading {\n    --cu-font-size: 12px !important;\n    --cu-font-weight: 700;\n    --cu-line-height: 1 !important;\n    opacity: .75;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    order: 2;\n    margin: 0;\n    // This effectively narrows the flex row gap below this item.\n    margin-bottom: calc(var(--cu-vr-1) * -1);\n  }\n\n  &__body {\n    order: 4;\n    margin: 0;\n\n    p:last-of-type {\n      margin: 0;\n    }\n  }\n\n  &__link {\n    font-weight: bold;\n    font-size: var(--cu-ms-1);\n    order: 5;\n    margin: 0 !important;\n  }\n\n  &::after {\n    content: '';\n    display: var(--cu-composite-heading-accent-display, block);\n    width: 100px;\n    height: 8px;\n    background: var(--cu-colorscheme-accent);\n    order: 6;\n    margin: 0;\n  }\n\n  &--minimal::after {\n    display: none;\n  }\n\n  // Variations\n  &--left {\n    --cu-composite-heading-align: flex-start;\n    --cu-composite-heading-text-align: left;\n\n    &::after {\n      order: 3;\n      margin: 0;\n    }\n  }\n\n  &--bold {\n    .cu-composite-heading__heading {\n      --cu-font-family: 'futura-pt';\n      --cu-font-size: var(--cu-ms4);\n      text-transform: uppercase;\n      word-wrap: anywhere;\n\n      @include breakpoint(sm) {\n        --cu-font-size: var(--cu-ms6);\n        word-wrap: normal;\n      }\n\n      @include breakpoint(md) {\n        --cu-font-size: var(--cu-ms7);\n      }\n    }\n  }\n}\n","@import 'variables';\n@import 'breakpoints';\n@import 'mixins';\n","// Variables\n\n// Colors\n$black: #222; // ILR Brand black\n$white: #fff;\n$cornell-red: #b31b1b;\n$gray-light: #efefef;\n$gray-medium: #757575;\n$gray-medium-new: #6c6c6c;\n$gray-dark: #464646;\n\n// Color usage\n$color-text: $black;\n$color-light: $white;\n$color-brand: $cornell-red;\n$color-bg-body: $white;\n$color-alert: $cornell-red;\n$color-border: #ccc;\n$color-bg-card--default: transparent;\n$color-bg-card--light: $white;\n$color-bg-card--medium: $gray-light;\n$color-bg-card--dark: $gray-dark;\n$color-bg--dark: #222;\n$color-bg--lightest: #F5F5F5;\n$color-text--light: $white;\n$color-text--medium: $gray-medium;\n\n// Color status indictors\n$color-info: #5bc0de !default;\n$color-info--dark: darken($color-info, 30%) !default;\n$color-info--light: lighten($color-info, 30%) !default;\n$color-status: #5cb85c !default;\n$color-status--dark: darken($color-status, 20%) !default;\n$color-status--light: lighten($color-status, 38%) !default;\n$color-warning: #ffc107 !default;\n$color-warning--dark: darken($color-warning, 20%) !default;\n$color-warning--light: lighten($color-warning, 40%) !default;\n$color-error: #d9534f !default;\n$color-error--dark: darken($color-error, 20%) !default;\n$color-error--light: lighten($color-error, 33%) !default;\n\n// Fonts and typography\n$base-font-size-percentage: 100% !default;\n$base-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n$base-font-size: 1rem !default;\n$base-font-weight: 300 !default;\n$base-line-height: 1.5 !default;\n$reduced-line-height: 1.2 !default;\n$base-heading-line-height: 1.2 !default;\n$base-heading-font-family: $base-font-family !default;\n$base-heading-font-weight: 300 !default;\n$ps-base: 1em !default;\n$vr-base: $base-font-size !default;\n\n$dt-font-weight: 700;\n$font-weight-bolder: 800;\n\n// Spacing\n$headings-margin-bottom: 0.5rem;\n$paragraph-margin-bottom: 1rem;\n$max-width-section: 1060px;\n\n// Links\n$color-link: $cornell-red;\n$link-decoration: none;\n$color-link-hover: lighten($cornell-red, 0.1);\n$link-hover-decoration: underline;\n\n// Tables\n$table-cell-padding: 0.75rem;\n$color-table-caption: $black;\n$label-margin-bottom: 0.5rem;\n","$breakpoints: (xs: 30rem, // ~480px\n  sm: 37.5rem, // ~600px\n  md: 61rem, // ~976px\n  lg: 80rem, // ~1280px\n  xl: 90rem // ~1440px\n);\n\n@mixin breakpoint($breakpoint, $logic: false) {\n  @if($logic) {\n    @media #{$logic} and (min-width: map-get($map: $breakpoints, $key: $breakpoint)) {\n      @content;\n    }\n  }\n\n  @else {\n    @media (min-width: map-get($map: $breakpoints, $key: $breakpoint)) {\n      @content;\n    }\n  }\n}\n","// Global mixins - distinct from component mixins\n\n//*----------------------------------*\\\n//  #TOOLS - VISUALLY HIDDEN\n//\\*----------------------------------*/\n\n/// Visually hidden - Make an element visually hidden, but accessible to screen readers, etc.\n/// @author John Albin\n/// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility\n/// @link https://github.com/JohnAlbin/zen-style-guide/blob/gh-pages/sass/init/visually-hidden/_visually-hidden.scss\n/// @group Tools\n/// @example scss - basic usage\n///   .centered {\n///     @include visually-hidden();\n///   }\n/// @output Output from the example\n///   .centered {\n///     position: absolute !important;\n///     height: 1px;\n///     width: 1px;\n///     overflow: hidden;\n///     clip: rect(1px, 1px, 1px, 1px);\n///     word-wrap: normal;\n///   }\n\n@mixin visually-hidden {\n  position: absolute !important;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip: rect(1px, 1px, 1px, 1px);\n  word-wrap: normal;\n}\n\n@mixin overlay($color: #000, $opacity: 0.5, $z-index: 2, $gradient: null) {\n  position: relative;\n  pointer-events: none;\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba($color, $opacity);\n    background: rgba($color, var(--cu-overlay-opacity, #{$opacity}));\n    z-index: $z-index;\n\n    // Initial boolean implementation for portrait gradients.\n    // The gradient implementation will be extended to include variations here.\n    @if $gradient {\n      background: transparent;\n      background-image: linear-gradient(to bottom, transparent 25%, rgba($color, $opacity) 100%);\n\n      @include breakpoint(md) {\n        background-image: linear-gradient(to bottom, transparent 50%, rgba($color, $opacity) 100%);\n      }\n    }\n  }\n}\n"],"names":[],"mappings":"AAEA,AAAA,qBAAqB,CAAC;EACpB,OAAO,EAAE,IAAI;EACb,GAAG,EAAE,aAAa;EAClB,cAAc,EAAE,MAAM;EACtB,WAAW,EAAE,yCAAyC;EACtD,UAAU,EAAE,8CAA8C,GAoF3D;EAzFD,AAOE,qBAPmB,CAOnB,QAAQ,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC,GACV;EAEA,AAAD,8BAAU,CAAC;IACT,cAAc,CAAA,cAAC;IACf,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC,GACV;EAEA,AAAD,sCAAkB,CAAC;IACjB,cAAc,CAAA,gBAAC;IACf,gBAAgB,CAAA,IAAC;IACjB,gBAAgB,CAAA,aAAC;IACjB,OAAO,EAAE,GAAG;IACZ,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,KAAK;IACrB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IAET,aAAa,EAAE,yBAAyB,GACzC;EAEA,AAAD,2BAAO,CAAC;IACN,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC,GAKV;IAPA,AAIC,2BAJK,CAIL,CAAC,AAAA,aAAa,CAAC;MACb,MAAM,EAAE,CAAC,GACV;EAGF,AAAD,2BAAO,CAAC;IACN,WAAW,EAAE,IAAI;IACjB,SAAS,EAAE,cAAc;IACzB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,YAAY,GACrB;EA7CH,AA+CE,qBA/CmB,AA+ClB,OAAO,CAAC;IACP,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,iDAAiD;IAC1D,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,GAAG;IACX,UAAU,EAAE,4BAA4B;IACxC,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC,GACV;EAEA,AAAD,8BAAU,AAAA,OAAO,CAAC;IAChB,OAAO,EAAE,IAAI,GACd;EAGA,AAAD,2BAAO,CAAC;IACN,4BAA4B,CAAA,WAAC;IAC7B,iCAAiC,CAAA,KAAC,GAMnC;IARA,AAIC,2BAJK,AAIJ,OAAO,CAAC;MACP,KAAK,EAAE,CAAC;MACR,MAAM,EAAE,CAAC,GACV;EAGF,AACC,2BADK,CACL,8BAA8B,CAAC;IAC7B,gBAAgB,CAAA,YAAC;IACjB,cAAc,CAAA,cAAC;IACf,cAAc,EAAE,SAAS;IACzB,SAAS,EAAE,QAAQ,GAUpB;IG1ED,MAAM,EAAE,SAAS,EAAE,OAAO;MH2D3B,AACC,2BADK,CACL,8BAA8B,CAAC;QAO3B,cAAc,CAAA,cAAC;QACf,SAAS,EAAE,MAAM,GAMpB;IG1ED,MAAM,EAAE,SAAS,EAAE,KAAK;MH2DzB,AACC,2BADK,CACL,8BAA8B,CAAC;QAY3B,cAAc,CAAA,cAAC,GAElB"}