@alaskaairux/auro-interruption/dist/style-fixed-css.js

Auro custom auro-interruption element

import {css} from 'lit-element';
export default css`:host([fixed]) .heading{margin:28px 0}:host([fixed]) .heading--display{font-size:44px;line-height:54px}@media screen and (min-width: 1024px){:host([fixed]) .heading--display{font-size:48px;line-height:60px}}@media screen and (min-width: 1232px){:host([fixed]) .heading--display{font-size:56px;line-height:68px}}:host([fixed]) .heading--800{font-size:32px;line-height:38px}@media screen and (min-width: 1024px){:host([fixed]) .heading--800{font-size:36px;line-height:42px}}@media screen and (min-width: 1232px){:host([fixed]) .heading--800{font-size:40px;line-height:48px}}:host([fixed]) .heading--700{font-size:28px;line-height:34px}@media screen and (min-width: 1024px){:host([fixed]) .heading--700{font-size:32px;line-height:38px}}@media screen and (min-width: 1232px){:host([fixed]) .heading--700{font-size:36px;line-height:44px}}:host([fixed]) .heading--600{margin:16px 0;font-size:26px;line-height:30px}@media screen and (min-width: 1024px){:host([fixed]) .heading--600{font-size:28px;line-height:34px}}@media screen and (min-width: 1232px){:host([fixed]) .heading--600{font-size:28px;line-height:36px}}:host([fixed]) .heading--500{margin:16px 0;font-size:22px;line-height:26px}@media screen and (min-width: 1024px){:host([fixed]) .heading--500{font-size:24px;line-height:30px}}@media screen and (min-width: 1232px){:host([fixed]) .heading--500{font-size:24px;line-height:32px}}:host([fixed]) .heading--400{margin:12px 0;font-size:20px;line-height:26px}:host([fixed]) .heading--300{margin:12px 0;font-size:18px;line-height:26px}:host([fixed]) .dialog-footer{padding-top:32px}:host([fixed]) .dialog-header{padding-top:64px}:host([fixed]) .dialog-header--action{border-radius:6px}:host([fixed]) :host([unformatted]) .dialog-header--action{top:32px;right:32px}@media screen and (min-width: 1024px){:host([fixed]) :host([unformatted]) .dialog-header--action{top:64px;right:64px}}`;