github.com/replicatedhq/ship@v0.55.0/web/init/src/scss/utilities/forms.scss (about)

     1  @import "../components/forms/input.scss";
     2  @import "../components/forms/textarea.scss";
     3  @import "../components/forms/select.scss";
     4  
     5  .Form-label {
     6    font-size: 14px;
     7    font-weight: 700;
     8    color: #323232;
     9    margin-bottom: 12px;
    10  }
    11  .Form-label-subtext {
    12    font-size: 12px;
    13    line-height: 18px;
    14    color: #9B9B9B;
    15    font-weight: 400;
    16  }
    17  
    18  .BoxedCheckbox-wrapper {
    19    margin: 0 6px;
    20    &:first-child {
    21      margin-left: 0;
    22    }
    23    &:last-child {
    24      margin-right: 0;
    25    }
    26  }
    27  
    28  .BoxedCheckbox {
    29    border: 1px solid #C4C7CA;
    30    border-radius: 4px;
    31    padding: 12px;
    32    background-color: #ffffff;
    33    cursor: pointer;
    34    
    35    &.is-active {
    36      border-color: #73A3CD;
    37      background-color: #F5F8FC;
    38    }
    39  
    40    &.is-disabled {
    41      opacity: .5;
    42      cursor: not-allowed;
    43  
    44      > * {
    45        cursor: not-allowed;
    46      }
    47    }
    48  }
    49  
    50  .config-errblock {
    51    display: none;
    52    font-size: 14px;
    53    color: #BC4752;
    54    font-weight: 500;
    55    line-height: 20px;
    56  
    57    &.visible {
    58      display: inline-block;
    59    }
    60  }
    61  
    62  .field-label {
    63    font-size: 12px;
    64    line-height: 12px;
    65    padding: 2px 4px 3px;
    66    border-radius: 2px;
    67  
    68    &.required {
    69      background-color: #FFEFD4;
    70      color: #DB9016;
    71    }
    72    &.recommended {
    73      background-color: #EAFFF0;
    74      color: #44BB66;
    75    }
    76  }
    77  
    78  input[type="file"] {
    79    display: none;
    80  }
    81  
    82  .custom-file-upload {
    83    border: 1px dashed #C4C7CA;
    84    display: inline-block;
    85    padding: 15px 17px;
    86    cursor: pointer;
    87    border-radius: 4px;
    88  }
    89  
    90  .file-uploaded {
    91    border: 1px solid #9B9B9B;
    92    display: inline-block;
    93    padding: 15px 17px;
    94    cursor: pointer;
    95    border-radius: 4px;
    96    color: #323232;
    97  }