app/scss/custom.scss

   1 @import "components.scss";
   2 @import "packages.scss";
   3 @import "packagegrid.scss";
   4 @import "comments.scss";
   5
   6 h1 {
   7         font-size: 2em;
   8         font-weight: bold;
   9         margin: 0 0 0.5em;
  10         letter-spacing: .05em
  11 }
  12
  13 h2 {
  14         font-size: 1.8em;
  15         font-weight: bold;
  16         color: white;
  17         margin: 1.5em 0 1em;
  18         letter-spacing: .05em;
  19         padding: 0 0 0.5em 0;
  20         border-bottom: 1px solid #444;
  21 }
  22
  23 h3 {
  24         font-size: 1.3em;
  25         font-weight: bold;
  26         color: white;
  27         margin: 1.5em 0 1em;
  28         letter-spacing: .05em
  29 }
  30
  31 .badge-notify {
  32         background:yellow; /* #00bc8c;*/
  33         color: black;
  34         position:relative;
  35         top: -12px;
  36         left: -10px;
  37         margin-right: -10px;
  38         font-size:10px;
  39 }
  40
  41 a:hover .badge-notify {
  42         color: black;
  43 }
  44
  45 p, .content li {
  46         -moz-osx-font-smoothing: grayscale;
  47         -webkit-font-smoothing: antialiased !important;
  48         -moz-font-smoothing: antialiased !important;
  49         text-rendering: optimizelegibility !important;
  50         letter-spacing: .03em;
  51         line-height: 1.6em;
  52 }
  53
  54 pre code {
  55         display: block;
  56         border: 1px solid rgba(255, 255, 255, 0.1);
  57         background: rgba(255, 255, 255, 0.03);
  58         padding: 0.75rem 1.25rem;
  59         border-radius: 0.25rem;
  60 }
  61
  62 .dropdown-menu {
  63         margin-top: 0;
  64 }
  65
  66 .dropdown:hover .dropdown-menu {
  67         display: block;
  68 }
  69
  70 .nav-link > img {
  71         max-height: 1em;
  72 }
  73
  74 #alerts {
  75         display: block;
  76         list-style: none;
  77         position: fixed;
  78         bottom: 0;
  79         left:0;
  80         right:0;
  81         margin: 0;
  82         padding:0;
  83         z-index: 1000;
  84 }
  85
  86 #alerts li {
  87         list-style: none;
  88 }
  89
  90 .jumbotron {
  91         background-size: cover;
  92         background-repeat: no-repeat;
  93         background-position: center;
  94
  95         .btn-outline-secondary {
  96                 color: rgba(255, 255, 255, 0.8);
  97                 border-color: rgba(0, 0, 0, 0.6);
  98                 background: rgba(0, 0, 0, 0.3);
  99         }
 100
 101         .btn-outline-secondary:hover {
 102                 color: #fff;
 103                 border-color: rgba(0, 0, 0, 0.8);
 104                 background: rgba(0, 0, 0, 0.6);
 105         }
 106
 107         .text-secondary {
 108                 color: rgba(255, 255, 255, 0.8) !important;
 109         }
 110 }
 111
 112 .alert .btn {
 113         text-decoration: none;
 114 }
 115
 116 .card {
 117         .card-header {
 118                 margin: 0;
 119                 font-size: 100%;
 120                 font-weight: normal;
 121         }
 122         .table {
 123                 margin-bottom: 0;
 124         }
 125 }
 126
 127 .btn-download {
 128         color: #fff;
 129         background-color: #00b05c;
 130         border-color: #00b05c;
 131 }
 132
 133 .btn-download:focus, .btn-download.focus {
 134         -webkit-box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.5);
 135         box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.5);
 136 }
 137
 138 .ranks-table tr {
 139         th, td {
 140                 text-align: center;
 141         }
 142
 143         td:first-child, th:first-child {
 144                 text-align: left;
 145         }
 146 }