cv-website

Personal website and CV
git clone https://git.in0rdr.ch/cv-website.git
Log | Files | Refs | Pull requests |Archive | README | LICENSE

_typography.scss (2089B)

      1 body {
      2   color: $base-font-color;
      3   font-family: $base-font-family;
      4   //font-feature-settings: "kern", "liga", "pnum";
      5   font-size: $base-font-size;
      6   line-height: $base-line-height;
      7 }
      8 
      9 h1,
     10 h2,
     11 h3,
     12 h4,
     13 h5,
     14 h6 {
     15   font-family: $heading-font-family;
     16   font-size: $base-font-size;
     17   line-height: $heading-line-height;
     18   margin: $small-spacing 0 $small-spacing 0;
     19   font-weight: 700;
     20 }
     21 
     22 h1 {
     23   font-size: rem(30);
     24 }
     25 
     26 h2 {
     27   font-size: rem(26);
     28 }
     29 
     30 h3 {
     31   font-size: rem(24);
     32 }
     33 
     34 h4 {
     35   font-size: rem(20);
     36 }
     37 
     38 h5,
     39 h6 {
     40   font-size: rem(16);
     41 }
     42 
     43 p {
     44   margin: 0 0 $small-spacing;
     45 
     46   &.lead {
     47     font-size: rem(22);
     48     font-weight: 300;
     49   }
     50 }
     51 
     52 a {
     53   color: $action-color;
     54   text-decoration: none;
     55   transition: color $base-duration $base-timing;
     56 
     57   &:active,
     58   &:focus,
     59   &:hover {
     60     color: shade($action-color, 25%);
     61   }
     62 }
     63 
     64 hr {
     65   border-bottom: $base-border;
     66   border-left: 0;
     67   border-right: 0;
     68   border-top: 0;
     69   margin: $base-spacing 0;
     70 }
     71 
     72 img,
     73 picture {
     74   margin: 0;
     75   max-width: 100%;
     76 }
     77 
     78 blockquote {
     79   padding: $base-spacing 0 $base-spacing $base-spacing;
     80   margin: $base-spacing 0;
     81   color: $dark-gray-color;
     82   line-height: 1.8;
     83   border-left: $small-spacing solid $light-gray-color;
     84   background-color: lighten($light-gray-color, 15%);
     85   p {
     86     margin: 0;
     87   }
     88 }
     89 
     90 code {
     91   background: none;
     92   border-radius: 0;
     93   border: none;
     94   font-family: "SFMono-Regular",Menlo,Consolas,"Inconsolata",monospace;
     95   font-size: 1em;
     96   margin: 0;
     97   padding: 0 5px;
     98   background-color: lighten($light-gray-color, 13%);
     99 }
    100 
    101 pre {
    102   -webkit-overflow-scrolling: touch;
    103   font-family: "SFMono-Regular",Menlo,Consolas,"Inconsolata",monospace;
    104   font-size: 1em;
    105   margin: 0;
    106   padding: 5px 10px !important;
    107   overflow: auto;
    108   max-height: 60em;
    109   white-space: pre;
    110   border: 1px solid $light-gray-color;
    111 
    112   code {
    113     line-height: 1.75em;
    114     padding: 0 !important;
    115   }
    116 }
    117 
    118 strong {
    119   font-weight: bold;
    120 }
    121 
    122 em {
    123   font-style: italic;
    124 }
    125 
    126 ul,
    127 ol,
    128 dl {
    129     margin-top: 0;
    130     margin-left: 1.2em;
    131     margin-bottom: 1rem;
    132     list-style-type: square;
    133     list-style-position: outside;
    134     list-style-image: none;
    135 }