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

     1  .icon {
     2    background-image: url("../assets/images/main_spritesheet.svg");
     3    background-repeat: no-repeat;
     4    background-size: initial;
     5    display: inline-block;
     6    cursor: default;
     7    position: relative;
     8  }
     9  .icon.clickable {
    10    cursor: pointer;
    11  }
    12  
    13  .hidden {
    14    display: none;
    15  }
    16  
    17  .actions-wrapper {
    18    padding-top: 12px;
    19    padding-bottom: 12px;
    20    background: #fff;
    21    border-top: solid 1px #DFDFDF;
    22    z-index: 10;
    23  }
    24  
    25  a {
    26    text-decoration: none;
    27    outline: none;
    28    font-weight: 500;
    29    color: $link-color;
    30  
    31    &:hover {
    32      cursor: pointer;
    33      text-decoration: underline;
    34    }
    35  }
    36  
    37  .field-section-header {
    38    font-size: 16px;
    39    line-height: 20px;
    40    font-weight: 600;
    41  }
    42  .field-section-sub-header {
    43    font-size: 14px;
    44    line-height: 18px;
    45    font-weight: 500;
    46    white-space: pre-line;
    47  }
    48  .field.hidden {
    49    display: none;
    50  }
    51  .header-color {
    52    color: $header-color;
    53  }
    54  .sub-header-color {
    55    color: $sub-header-color;
    56  }
    57  
    58  .container {
    59    padding-right: 20px;
    60    padding-left: 20px;
    61    margin: 0 auto;
    62    width: 100%;
    63    box-sizing: border-box;
    64  }
    65  
    66  /* don't let that chrome autofill yellow ruin the aesthetic of your site */
    67  input:-webkit-autofill {
    68    background-color: #ffffff;
    69  }
    70  
    71  .layout-footer-actions {
    72    box-shadow: 0 -1px 3px rgba(0,0,0,0.16);
    73    padding: 12px 30px 11px;
    74    background-color: #ffffff;
    75    z-index: 110;
    76  
    77    &.less-padding {
    78      padding: 12px 20px 11px;
    79    }
    80  }
    81  
    82  .spinningLoaderPath {
    83    fill: $loader-color
    84  }
    85  
    86  .AceEditor--wrapper {
    87    position: relative;
    88    box-sizing: border-box;
    89    
    90    .error-highlight {
    91      background:#FBEDEB;
    92      position: absolute;
    93    }
    94  
    95    .disabled-ace-editor {
    96      opacity: .5;
    97    }
    98  
    99    .ace_search {
   100      left: 0;
   101      right: auto;
   102    }
   103  }
   104  
   105  /* ≥ 768px */
   106  @media screen and (min-width: 48em) {
   107    .container {
   108      padding-right: 30px;
   109      padding-left: 30px;
   110      box-sizing: border-box;
   111    }
   112  }