components/dist/index.css

2 lines
18 KiB
CSS
Raw Normal View History

2020-05-11 18:35:30 +02:00
:root{--color-primary: #257761;--color-primary-alt: #e4f4ef;--color-primary-alt-2: #4b8576;--color-secondary: #295284;--color-secondary-alt: #d9eaff;--color-tertiary: #552470;--color-tertiary-alt: #f7e8ff;--color-danger: #9b2023;--color-danger-alt: #fccdce;--color-warning: #fff58c;--color-cost: #ffd580;--color-focus: #93cff2;--color-border: #ddd;--color-black: #111;--color-white: #fdfdfd;--color-white-alt: #fafafa;--color-gray-1: #eff1f4;--color-gray-2: #d8dde1;--color-gray-3: #ced4da;--color-gray-4: #abb1b7;--color-gray-5: #666a6d;--color-text: var(--color-black);--color-text-subtitle: var(--color-gray-5);--color-text-inverse: #fdfdfd;--color-button-primary-bg: var(--color-primary);--color-button-primary-text: var(--color-primary-alt);--color-button-primary-bg-hover: var(--color-primary-alt-2);--color-button-primary-hover-text: var(--color-primary-alt);--color-button-secondary-bg: var(--color-secondary-alt);--color-button-secondary-text: var(--color-secondary);--color-button-secondary-bg-hover: #b9d0e9;--color-button-alt-bg: var(--color-gray-1);--color-button-alt-text: var(--color-text);--color-button-alt-bg-hover: var(--color-gray-2);--color-link: var(--color-primary);--color-link-hover: var(--color-black);--color-input-color: #111111;--color-input-label: var(--color-gray-5);--color-input-placeholder: #212529;--color-input-bg: #f2f2f2;--color-input-bg-copyable: #434b53;--color-input-border: var(--color-border);--color-input-border-active: var(--color-secondary);--color-input-toggle: var(--color-secondary);--color-input-toggle-bg: var(--color-gray-1);--color-input-toggle-bg-hover: var(--color-secondary-alt);--color-table-highlight: var(--color-white-alt);--color-tag: var(--color-gray-5);--color-tag-bg: #f9fafb;--color-tag-hover: var(--color-white);--color-tag-bg-hover: var(--color-primary-alt-2)}:root{--border-radius: 5px;--height-input: 2.5rem;--height-button: 2.5rem;--height-checkbox: 24px;--height-radio: 24px;--height-badge: 24px;--spacing-xxs: 0.2rem;--spacing-xs: 0.4rem;--spacing-s: 0.8rem;--spacing-m: 1.6rem;--spacing-l: 2.4rem;--spacing-xl: 3.2rem;--spacing-xxl: 6.4rem;--aspect-ratio-bluray: 41.6666666667%;--aspect-ratio-panavision: 36.3636363636%;--aspect-ratio-sd: 75%;--aspect-ratio-standard: 56.25%;--font-mono: "Fira Code";--font-sans: Inter;--font-serif: Georgia;--font-weight-base: 400;--font-weight-light: 300;--font-weight-bold: 700;--font-base: 14px;--font-body: 1rem;--font-xsmall: 0.7344rem;--font-small: 0.8571rem;--font-large: 1.3rem;--font-title: 1.71rem;--font-heading: 2.94rem}html{box-sizing:border-box;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}*,*::before,*::after{margin:0;padding:0;border:none;box-sizing:inherit;outline:0}[disabled]{pointer-events:none;resize:none}[readonly]{cursor:not-allowed}[for],[role=button],[type=button],[type=checkbox],[type=file],[type=radio],[type=select],[type=submit]{cursor:pointer}a,area,button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}button,input,select,textarea{background-color:transparent;border-radius:0;font-family:inherit;font-size:inherit;font-weight:inherit;-moz-appearance:none;-webkit-appearance:none}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:default}h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:1em}ol,ul{list-style-position:inside}ol>li,ul>li{list-style-position:inside}table{border-spacing:0}dd{width:80%;float:left}dl{width:100%;overflow-x:scroll;overflow-y:hidden}dt{width:20%;float:left}img{width:auto;max-width:100%;height:auto;max-height:100%;vertical-align:middle}a{text-decoration:none}button{background-color:transparent;line-height:inherit}button:not(:disabled){cursor:pointer}button:disabled{opacity:.3}hr{width:100%;height:1px;background-color:var(--color-gray-1)}input{background-color:transparent;color:inherit}input::placeholder{color:inherit;opacity:.2}input::-webkit-search-cancel-button{-webkit-appearance:none}select{outline:none}textarea{width:100%;min-height:var(--spacing-xxl);padding:var(--spacing-s);border:1px solid}textarea:not