@boligmappa/web-component-search/lib/helpers/css-modules/buttonStyles.js

Web component for interacting with the Boligmappa APIs

import { css, unsafeCSS } from "lit";
import { darkGreen } from "./colors";
export const radioButtonStyles = css `
  .square-radio {
    border: 2px solid ${unsafeCSS(darkGreen)};
    margin: 2px;
    margin-right: 16px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    background: white;
  }
  .square-radio:hover {
    background: #e3e3e3;
  }
  .square-radio--clicked .square-radio--content {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background-color: ${unsafeCSS(darkGreen)};
    width: 12px;
    height: 12px;
  }
  td.radio-button-container {
    vertical-align: inherit;
    padding: 0;
  }
`;
export const checkBoxStyles = css `
  .square-checkbox {
    border: 2px solid ${unsafeCSS(darkGreen)};
    margin: 2px;
    margin-right: 16px;
    width: 20px;
    height: 20px;
    border-radius: 5%;
    position: relative;
    cursor: pointer;
    background: white;
  }
  .square-checkbox:hover {
    background: #e3e3e3;
  }
  .square-checkbox--clicked .square-checkbox--content {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 5%;
    transform: translate(-50%, -50%);
    background-color: ${unsafeCSS(darkGreen)};
    width: 12px;
    height: 12px;
  }
  td.checkbox-button-container {
    vertical-align: inherit;
    padding: 0;
  }
`;
//# sourceMappingURL=buttonStyles.js.map