github.com/pyroscope-io/pyroscope@v0.37.3-0.20230725203016-5f6947968bd0/webapp/javascript/ui/Form/TextField/index.module.scss (about)

     1  @use '../../../../sass/mixins/outline' as *;
     2  
     3  .input {
     4    @include outline;
     5    display: inline-block;
     6    position: relative;
     7    border-radius: 4px;
     8    padding: 0.25em 0.375em;
     9    border: 1px solid var(--ps-ui-border);
    10    width: 100%;
    11  
    12    &[type='search'] {
    13      -webkit-appearance: textfield;
    14      outline-offset: -2px;
    15    }
    16  }
    17  
    18  .light {
    19    background: var(--ps-immutable-off-white);
    20    color: var(--ps-immutable-placeholder-text);
    21  }
    22  
    23  .wrapper {
    24    margin-bottom: 8px;
    25  
    26    /* so that each has its own line */
    27    label,
    28    input {
    29      display: block;
    30    }
    31  }