github.com/resonatecoop/id@v1.1.0-43/frontend/index.css (about)

     1  @import '@resonate/tachyons';
     2  @import './src/components/progress-bar/index.css';
     3  @import './src/components/image-upload/index.css';
     4  @import './src/components/autocomplete-typeahead/index.css';
     5  @import './src/components/notifications/index.css';
     6  @import './src/components/header/index.css';
     7  @import '@resonate/search-component/index.css';
     8  @import './src/components/footer/index.css';
     9  
    10  /**
    11   * <input> styling for radio + checkbox
    12   */
    13  
    14  input[type="radio"] {
    15    opacity: 0;
    16    width: 0;
    17    height: 0;
    18  }
    19  
    20  input[type="radio"]:active ~ label {
    21    opacity: 1;
    22  }
    23  
    24  input[type="radio"]:checked ~ label {
    25    opacity: 1;
    26  }
    27  
    28  input[type="radio"]:checked ~ label .icon {
    29    fill: var(--black);
    30  }
    31  
    32  input[type="checkbox"] ~ label .icon {
    33    fill: transparent;
    34  }
    35  
    36  input[type="checkbox"]:checked ~ label .icon {
    37    fill: var(--black);
    38  }
    39  
    40  /**
    41   * Offset margin
    42   */
    43  
    44  .ml-3 {
    45    margin-left: -1rem;
    46  }
    47  
    48  .mr-3 {
    49    margin-right: -1rem;
    50  }
    51  
    52  /**
    53   * Custom html <select> styling
    54   */
    55  
    56  select {
    57    -webkit-appearance: none;
    58    -moz-appearance: none;
    59    background: transparent;
    60    background-image: url("data:image/svg+xml;utf8,<svg fill='white' width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    61    background-repeat: no-repeat;
    62    background-position-x: 95%;
    63    background-position-y: 50%;
    64  }