@uva-glass/component-library
Version:
React components UvA
2 lines (1 loc) • 3.28 kB
CSS
._button_wigjh_1{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid transparent;border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-default);gap:.5rem;height:2.75rem;justify-content:center;line-height:inherit;margin:0;padding:.75rem 1rem;transition:var(--transition-colors);white-space:nowrap}._button_wigjh_1[href]{text-decoration:none}._button_wigjh_1:focus-visible{outline:.125rem dotted var(--color-cobalt);outline-offset:.125rem}._button_wigjh_1:hover{background-color:var(--color-lavender);outline:0}._button--blank_wigjh_35,._button--blank-subtle_wigjh_36,._button--blank-icon_wigjh_37{border:0;border-radius:0;gap:0;height:auto;padding:0;text-decoration:underline;vertical-align:middle}._button--blank_wigjh_35,._button--blank-icon_wigjh_37{color:var(--color-uva-black)}._button--blank-subtle_wigjh_36{color:var(--color-grey-500)}._button--blank-icon_wigjh_37{border:1px solid transparent;border-radius:.5rem;height:2.5rem;width:2.5rem}._button--blank_wigjh_35:focus,._button--blank_wigjh_35:not([disabled]):hover{background:none;text-decoration:underline}._button--blank-subtle_wigjh_36:focus,._button--blank-subtle_wigjh_36:not([disabled]):hover{background:none;color:var(--color-uva-black);text-decoration:underline}._button--blank-icon_wigjh_37:focus,._button--blank-icon_wigjh_37:not([disabled]):hover{background-color:var(--color-grey-100);border-color:var(--color-grey-400)}._button--primary_wigjh_82{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white)}._button--primary_wigjh_82:hover{background-color:var(--color-scarpa-flow);border-color:var(--color-scarpa-flow)}._button--primary_wigjh_82[disabled]{background-color:var(--color-black);color:var(--color-white)}._button--secondary_wigjh_98{background-color:transparent;border-color:var(--color-black);color:var(--color-black)}._button--secondary_wigjh_98:hover{background-color:var(--color-black);color:var(--color-white)}._button--secondary_wigjh_98[disabled]{background-color:transparent;color:var(--color-black)}._button--destructive-primary_wigjh_114{background-color:var(--color-uva-red);border-color:var(--color-uva-red);color:var(--color-white)}._button--destructive-primary_wigjh_114:hover{background-color:var(--color-uva-red-dark);border-color:var(--color-uva-red-dark);color:var(--color-white)}._button--destructive-primary_wigjh_114[disabled]{background-color:var(--color-uva-red);border-color:var(--color-uva-red);color:var(--color-white)}._button--destructive-secondary_wigjh_132{background-color:var(--color-white);border-color:var(--color-uva-red);color:var(--color-uva-red)}._button--destructive-secondary_wigjh_132:hover{background-color:var(--color-uva-red);border-color:var(--color-uva-red);color:var(--color-white)}._button--destructive-secondary_wigjh_132[disabled]{background-color:var(--color-white);border-color:var(--color-uva-red);color:var(--color-uva-red)}._button--wide-column_wigjh_150{display:flex;flex-direction:column;font-size:var(--font-size-text-non-essential);gap:.25rem;height:unset;padding:.5rem .25rem;width:100%}._button_wigjh_1[disabled]{cursor:unset;opacity:.4;text-decoration:none;transition-delay:.25s}