{"version":3,"file":"section-heading/section-heading.css","sources":["section-heading/section-heading.scss","../global/_global.scss","../global/_variables.scss","../global/_breakpoints.scss","../global/_mixins.scss"],"sourcesContent":["@import './global/global';\n\n.cu-section-heading {\n  margin: var(--cu-component-margin-top, var(--cu-vr2)) auto var(--cu-component-margin-bottom, var(--cu-vr1));\n  max-width: var(--cu-max-width-section, #{$max-width-section});\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  @include breakpoint(md) {\n    margin: var(--cu-component-margin-top, var(--cu-vr3)) auto var(--cu-component-margin-bottom, var(--cu-vr1));\n  }\n\n  .cu-composite-heading .cu-composite-heading__heading {\n    --cu-font-size: var(--cu-ms6);\n    margin-top: 0;\n  }\n\n  .cu-composite-heading .cu-composite-heading__link {\n    --cu-text-color: #{$cornell-red};\n    --cu-font-weight: 400;\n    --cu-font-size: var(--cu-ms-2);\n  }\n\n  /*=============================================\n  =            Variations            =\n  =============================================*/\n\n  /*----------  Framed  ----------*/\n  &--framed {\n    $frame-thickness: 10px;\n    $frame-width: 120px;\n    $frame-height: 50px;\n\n    position: relative;\n    padding-top: calc(#{$frame-thickness} + #{$frame-height});\n\n    &::before,\n    &::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      background: $black;\n    }\n\n    &::before {\n      width: $frame-width;\n      height: $frame-thickness;\n    }\n\n    &::after {\n      width: $frame-thickness;\n      height: $frame-height;\n    }\n\n    /*----------  Framed right  ----------*/\n    &.cu-section-heading--framed-right {\n      &::before {\n        left: calc(100% - #{$frame-width} - #{$frame-thickness});\n      }\n\n      &::after {\n        left: calc(100% - #{$frame-thickness});\n      }\n    }\n  }\n  /*=====  End of Variations  ======*/\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,mBAAmB,CAAC;EAClB,MAAM,EAAE,6CAA6C,CAAC,IAAI,CAAC,gDAAgD;EAC3G,SAAS,EAAE,mCAAkD;EAC7D,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,WAAW,EAAE,MAAM;EAiBnB;;iDAE+C;EAE/C,kCAAkC;EAuClC,oCAAoC,EACrC;EGrDG,MAAM,EAAE,SAAS,EAAE,KAAK;IHb5B,AAAA,mBAAmB,CAAC;MAQhB,MAAM,EAAE,6CAA6C,CAAC,IAAI,CAAC,gDAAgD,GA0D9G;EAlED,AAWE,mBAXiB,CAWjB,qBAAqB,CAAC,8BAA8B,CAAC;IACnD,cAAc,CAAA,cAAC;IACf,UAAU,EAAE,CAAC,GACd;EAdH,AAgBE,mBAhBiB,CAgBjB,qBAAqB,CAAC,2BAA2B,CAAC;IAChD,eAAe,CAAA,QAAC;IAChB,gBAAgB,CAAA,IAAC;IACjB,cAAc,CAAA,eAAC,GAChB;EAOA,AAAD,2BAAS,CAAC;IAKR,QAAQ,EAAE,QAAQ;IAClB,WAAW,EAAE,iBAA4C;IAqBzD,wCAAwC,EAUzC;IArCA,AAQC,2BARO,AAQN,QAAQ,EARV,2BAAQ,AASN,OAAO,CAAC;MACP,OAAO,EAAE,EAAE;MACX,QAAQ,EAAE,QAAQ;MAClB,GAAG,EAAE,CAAC;MACN,IAAI,EAAE,CAAC;MACP,UAAU,EExCR,IAAI,GFyCP;IAfF,AAiBC,2BAjBO,AAiBN,QAAQ,CAAC;MACR,KAAK,EAhBO,KAAK;MAiBjB,MAAM,EAlBU,IAAI,GAmBrB;IApBF,AAsBC,2BAtBO,AAsBN,OAAO,CAAC;MACP,KAAK,EAtBW,IAAI;MAuBpB,MAAM,EArBO,IAAI,GAsBlB;IAzBF,AA6BG,2BA7BK,AA4BN,iCAAiC,AAC/B,QAAQ,CAAC;MACR,IAAI,EAAE,yBAAkD,GACzD;IA/BJ,AAiCG,2BAjCK,AA4BN,iCAAiC,AAK/B,OAAO,CAAC;MACP,IAAI,EAAE,iBAAgC,GACvC"}