src/wolnelektury/static/2021/css/vendors/_typebase.scss

   1 /* ------------------------------
   2     Typebase
   3 ------------------------------ */
   4
   5 /* Setup */
   6 html {
   7   font-weight: $regular;
   8   font-family: $base-font;
   9   font-size: $base-font-size;
  10   -webkit-font-smoothing: antialiased;
  11 }
  12 /* Copy & Lists */
  13 p {
  14   line-height: 1.35;
  15   margin-top: 1.5rem;
  16   font-size: 1.125rem;
  17   margin-bottom: 0;
  18 }
  19 ul,
  20 ol {
  21   margin-top: 1.5rem;
  22   margin-bottom: 1.5rem;
  23 }
  24 ul li,
  25 ol li {
  26   line-height: 30px;
  27 }
  28 ul ul,
  29 ol ul,
  30 ul ol,
  31 ol ol {
  32   margin-top: 0;
  33   margin-bottom: 0;
  34 }
  35 blockquote {
  36   line-height: 1.35;
  37   margin-top: 1.5rem;
  38   margin-bottom: 1.5rem;
  39 }
  40 /* Headings */
  41 h1,
  42 h2,
  43 h3,
  44 h4,
  45 h5,
  46 h6 {
  47   font-family: $base-font;
  48   font-weight: $regular;
  49   margin-top: 1.5rem;
  50   margin-bottom: 0;
  51   line-height: 1.35;
  52 }
  53 h1, .h1 {
  54   @include font-size(72px);
  55   margin-top: 3rem;
  56 }
  57 h2, .h2 {
  58   @include font-size(52px);
  59   font-size: 2.625rem;
  60   margin-top: 3rem;
  61 }
  62 h3, .h3 {
  63
  64   @include font-size(38px);
  65   font-size: 2.000rem;
  66 }
  67 h4, .h4 {
  68   font-size: 1.500rem;
  69 }
  70 h5 {
  71   font-size: 0.4713333333333333rem;
  72 }
  73 h6 {
  74   font-size: 0.3535rem;
  75 }
  76 /* Tables */
  77 table {
  78   margin-top: 1.5rem;
  79   border-spacing: 0;
  80   border-collapse: collapse;
  81 }
  82 table td,
  83 table th {
  84   padding: 0;
  85   line-height: 1.35;
  86 }
  87 /* Code blocks */
  88 code {
  89   vertical-align: bottom;
  90 }
  91 /* Leading paragraph text */
  92 .lead {
  93   font-size: 1.414rem;
  94 }
  95 /* Hug the block above you */
  96 .hug {
  97   margin-top: 0;
  98 }
  99 a {
 100   -webkit-tap-highlight-color: rgba(0,0,0,0);
 101   -webkit-tap-highlight-color: transparent;
 102 }