github.com/mithrandie/csvq@v1.18.1/docs/_sass/csvq.scss (about)

     1  header, main, footer {
     2    padding-left: 280px;
     3  }
     4  
     5  @media only screen and (max-width : 992px) {
     6    header, main, footer {
     7      padding-left: 0px;
     8    }
     9  }
    10  
    11  
    12  h1, h2, h3, h4, h5, h6 {
    13      color: $secondary-color;
    14  }
    15  
    16  h1 {
    17      font-weight: 300;
    18      font-size: 2.4em;
    19  }
    20  
    21  h2 {
    22      font-weight: 300;
    23      font-size: 2.08em;
    24  }
    25  
    26  h3 {
    27      font-weight: 400;
    28      font-size: 1.73em;
    29  }
    30  
    31  h4 {
    32      font-weight: 500;
    33      font-size: 1.44em;
    34  }
    35  
    36  h5 {
    37      font-weight: 600;
    38      font-size: 1.2em;
    39  }
    40  
    41  h6 {
    42      font-weight: 700;
    43  }
    44  
    45  nav, .card-panel, .card, .toast, .collapsible, .hoverable, .hoverable:hover {
    46      box-shadow: none;
    47  }
    48  
    49  a {
    50      font-weight: 500;
    51  }
    52  
    53  a:hover {
    54      color: $link-color-light;
    55  }
    56  
    57  .btn:hover {
    58    color: lighten($button-raised-color, 4%);
    59  }
    60  
    61  body {
    62      @extend .grey, .lighten-4, .blue-grey-text, .text-darken-3;
    63  }
    64  
    65  header {
    66      .site-title {
    67          font-weight: 400;
    68          font-size: 1em;
    69      }
    70  
    71      .logo {
    72          font-weight: 300;
    73          font-size: 3em;
    74          margin: 0.2em;
    75  
    76          a {
    77            font-weight: 400;
    78            color: $primary-color;
    79            text-decoration: none;
    80          }
    81      }
    82  }
    83  
    84  nav {
    85      @extend .grey, .lighten-4;
    86  
    87      border-bottom: 1px solid $secondary-color-light;
    88  
    89      a.button-collapse {
    90          display: inline;
    91      }
    92      i.material-icons {
    93          font-size: 36px;
    94          color: $primary-color;
    95      }
    96  }
    97  
    98  .side-nav {
    99      @extend .grey, .lighten-4;
   100  
   101      li.map-title {
   102          text-align: center;
   103          color: $primary-color;
   104          font-weight: 300;
   105          font-size: 1.6em;
   106          line-height: 56px;
   107      }
   108  
   109      .folder{
   110          padding: 0 0 0 16px;
   111      }
   112  
   113      li {
   114          @extend .grey, .lighten-4;
   115      }
   116  
   117      li > a {
   118          @extend .blue-grey-text, .text-darken-3;
   119          padding: 0 16px;
   120      }
   121  
   122      li > a > i.material-icons {
   123          float: right;
   124          margin: 0;
   125          font-size: 24px;
   126          color: $primary-color;
   127      }
   128  
   129      li > a > i.low-profile {
   130          color: $secondary-color;
   131      }
   132  
   133      .current-page, .current-page:hover {
   134          @extend .white-text;
   135          background: $primary-color;
   136      }
   137  }
   138  
   139  main {
   140      a {
   141          text-decoration: underline;
   142      }
   143  
   144      ul {
   145          @extend .collection;
   146          margin: 4px;
   147      }
   148  
   149      li {
   150          @extend .collection-item;
   151      }
   152  
   153      table {
   154          @extend .white, .striped, .z-depth-1;
   155          margin: 4px;
   156          width: calc(100% - 8px);
   157      }
   158  
   159      td, th {
   160          padding: 8px 16px;
   161      }
   162  
   163      dt {
   164          font-weight: 700;
   165      }
   166  
   167      dd {
   168         margin-left: 28px;
   169      }
   170  }
   171  
   172  footer {
   173      .maintained-by {
   174          padding: 12px;
   175          text-align: center;
   176          font-weight: 400;
   177          font-size: 0.8em;
   178          color: #455a64;
   179      }
   180  }