cetirizine

An experimental matrix client written in reactjs utilizing tailwind and storybook
git clone git://archive.git.mtrnord.blog/MTRNord/cetirizine.git
Log | Files | Refs | README | LICENSE

button.scss (917B)

      1 .button {
      2     display: block;
      3     text-transform: uppercase;
      4     margin-left: auto;
      5     margin-right: auto;
      6     box-shadow: var(--box-shadow);
      7     color: black;
      8     font-size: 0.694rem;
      9     padding-top: 0.75rem;
     10     padding-bottom: 0.75rem;
     11     padding-left: 2.5rem;
     12     padding-right: 2.5rem;
     13     border-radius: var(--base-rounding);
     14     font-weight: var(--medium-font);
     15     transition-duration: 150ms;
     16     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     17 
     18     &:disabled {
     19         cursor: not-allowed;
     20         background-color: var(--slate-200);
     21     }
     22 }
     23 
     24 .secondary {
     25     background-color: var(--orange-400);
     26 
     27     &:hover {
     28         background-color: var(--orange-500);
     29     }
     30 }
     31 
     32 .abort {
     33     background-color: var(--red-400);
     34 
     35     &:hover {
     36         background-color: var(--red-500);
     37     }
     38 }
     39 
     40 .primary {
     41     background-color: var(--green-400);
     42 
     43     &:hover {
     44         background-color: var(--green-500);
     45     }
     46 }