lectures.alex.balgavy.eu

Lecture notes from university.
git clone git://git.alex.balgavy.eu/lectures.alex.balgavy.eu.git
Log | Files | Refs | Submodules

light.scss (969B)

      1 @import "base";
      2 $textcolor: #727272;
      3 $bgcolor: #e5e5e5;
      4 $linkcolor: #267CB9;
      5 
      6 body {
      7   background-color: white;
      8   color: $textcolor;
      9 }
     10 strong {
     11   color: darken($textcolor, 20%);
     12 }
     13 h1 {
     14   color: darken($textcolor, 30%);
     15 }
     16 h2 {
     17   color: darken($textcolor, 20%);
     18 }
     19 
     20 h3, h4, h5, h6 {
     21   color: darken($textcolor, 10%);
     22 }
     23 
     24 hr {
     25   background: $bgcolor;
     26 }
     27 
     28 a {
     29   color: $linkcolor;
     30 
     31   &:hover {
     32     color: adjust-color($linkcolor, $hue: 10%, $saturation: 50, $lightness: -5%);
     33   }
     34 }
     35 pre {
     36   border: 1px solid $bgcolor;
     37   code {
     38     background: inherit;
     39   }
     40 }
     41 blockquote {
     42   border-left: 1px solid $bgcolor;
     43 }
     44 
     45 code {
     46   background: darken(white, 10%);
     47 }
     48 
     49 details {
     50   border-color: $bgcolor;
     51   background: lighten($bgcolor, 5%);
     52 }
     53 
     54 :target {
     55   background-clip: border-box;
     56   animation-name: anchor-jump;
     57   animation-duration: 2s;
     58   animation-timing-function: ease-out;
     59 }
     60 @keyframes anchor-jump {
     61   from {background-color: darken($bgcolor, 5%);}
     62   to {background-color: white;}
     63 }