github.com/sl1pm4t/consul@v1.4.5-0.20190325224627-74c31c540f9c/ui/styles/base.scss (about)

     1  @import "mixins";
     2  @import "variables";
     3  @import "type";
     4  @import "panels";
     5  @import "nav";
     6  @import "buttons";
     7  @import "lists";
     8  @import "forms";
     9  @import "notifications";
    10  @import "v2-notification";
    11  
    12  html, body {
    13    height: 100%;
    14  }
    15  
    16  .wrapper {
    17    min-height: 100%;
    18    height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
    19    height: 100%;
    20    margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
    21  }
    22  
    23  .footer, .push {
    24    height: 60px; /* .push must be the same height as .footer */
    25  }
    26  
    27  @media (min-width: 1120px) { // + 30
    28    .container {
    29      width: 1100px;
    30    }
    31  }
    32  
    33  @media (min-width: 1200px) { // + 30
    34    .container {
    35      width: 1200px;
    36    }
    37  }
    38  
    39  @media (min-width: 1438px) { // + 38
    40    .container {
    41      width: 1400px;
    42    }
    43  }
    44  
    45  a {
    46      button:active {
    47          outline: none;
    48      }
    49  }
    50  
    51  .buffer-small {
    52    height: 50px;
    53  }
    54  
    55  @media (min-width: 991px) {
    56    .border-left {
    57      border-left: 1px $gray-background solid;
    58      .padded-border{
    59        padding-left: 30px;
    60      }
    61    }
    62  }
    63  .padded-right-middle {
    64    padding-right: 30px;
    65  }
    66  
    67  .no-margin {
    68      margin: 0;
    69  }
    70  
    71  .vertical-center {
    72      margin-top: 200px;
    73  }
    74  
    75  .sticky-scroll {
    76      top: 15px;
    77      position: sticky;
    78      position: -webkit-sticky;
    79      overflow: scroll;
    80  }
    81  
    82  .row {
    83      &.colored {
    84          background-color: $light-pink;
    85      }
    86  }
    87  
    88  .bordered {
    89      border-left: 2px solid $gray-background;
    90  }
    91  
    92  
    93  .bg-pink {
    94      background-color: $pink;
    95  }
    96  
    97  .bg-light-pink {
    98      background-color: $light-pink;
    99  }
   100  
   101  .bg-orange {
   102      background-color: $orange-faded;
   103  }
   104  
   105  .bg-green {
   106      background-color: $green-faded;
   107  }
   108  
   109  .bg-dark-green {
   110      background-color: $green-dark;
   111  }
   112  
   113  .bg-red {
   114      background-color: $red-faded;
   115  }
   116  
   117  .bg-gray {
   118      background-color: $gray-light;
   119  }
   120  
   121  .bg-light-gray {
   122      background-color: $gray-background;
   123  }
   124  
   125  .action-bar {
   126    min-height: 50px;
   127    padding-top: 10px;
   128    padding-bottom: 10px;
   129  }
   130  
   131  .ember-list-view {
   132    overflow: auto;
   133    position: relative;
   134    margin-bottom: 30px;
   135  }
   136  
   137  .ember-list-item-view {
   138    position: absolute;
   139    width: 100%;
   140  }
   141  
   142  .scrollable {
   143    overflow: auto;
   144    height: 800px;
   145    margin-bottom: 30px;
   146  }
   147  
   148  .elip-overflow {
   149    display: block;
   150    overflow: hidden;
   151    white-space: nowrap;
   152    text-overflow: ellipsis;
   153  }
   154  
   155  .do-logo {
   156    opacity: 0.6;
   157    margin-top: -3px;
   158  }
   159  
   160  .tomography .background {
   161      fill: $gray-background;
   162  }
   163  .tomography .axis {
   164      fill: none;
   165      stroke: $gray-light;
   166      stroke-dasharray: 4 4;
   167  }
   168  .tomography .border {
   169      fill: none;
   170      stroke: $gray-darker;
   171  }
   172  .tomography .point {
   173      stroke: $gray-darker;
   174      fill: $green-faded;
   175  }
   176  .tomography .lines line {
   177      stroke: $red;
   178  }
   179  .tomography .lines line:hover {
   180      stroke: $gray-darker;
   181      stroke-width: 2px;
   182  }
   183  .tomography .tick line {
   184      stroke: $gray-light;
   185  }
   186  .tomography .tick text {
   187      font-size: 14px;
   188      text-anchor: start;
   189  }