github.com/tilt-dev/tilt@v0.33.15-0.20240515162809-0a22ed45d8a0/web/src/ButtonMixin.ts (about)

     1  import { css } from "styled-components"
     2  import { AnimDuration, Color, Font, FontSize } from "./style-helpers"
     3  
     4  export const ButtonMixin = css`
     5    display: inline-block;
     6    font-family: ${Font.monospace};
     7    font-size: ${FontSize.default};
     8    text-decoration: none;
     9    background-color: ${Color.blue};
    10    color: ${Color.gray30};
    11    border-radius: 4px;
    12    padding: 4px 8px;
    13    line-height: 21px;
    14    cursor: pointer;
    15    transition: background-color ${AnimDuration.default} ease,
    16      color ${AnimDuration.default} ease;
    17  
    18    &:hover {
    19      background-color: ${Color.blueLight};
    20      color: ${Color.gray40};
    21    }
    22  `