/*typography css*/

// Font size
//
$font-size-list: 8 9 10 11 12 13 14 15 16 17 18 19 20 22 24 25 26 28 30 35 40 45 50 60 70 80 90;
@each $value in $font-size-list {
  .fs-#{$value} {
    font-size: #{$value}px !important;

    @if $value > 29 {
      line-height:1.2;
    }
  }
}

//-----------------------------------------------------------------
// Font weight
//
$font-weight-list: 100 200 300 400 500 600 700 800 900;
@each $value in $font-weight-list {
  .fw-#{$value} {
    font-weight: #{$value} !important;
  }
}

//-----------------------------------------------------------------
// Line height
//
.lh-0  { line-height: 0  ; }
.lh-1  { line-height: 1  ; }
.lh-11 { line-height: 1.1; }
.lh-12 { line-height: 1.2; }
.lh-13 { line-height: 1.3; }
.lh-14 { line-height: 1.4; }
.lh-15 { line-height: 1.5; }
.lh-16 { line-height: 1.6; }
.lh-17 { line-height: 1.7; }
.lh-18 { line-height: 1.8; }
.lh-19 { line-height: 1.9; }
.lh-2  { line-height: 2  ; }
.lh-22 { line-height: 2.2; }
.lh-24 { line-height: 2.4; }
.lh-25 { line-height: 2.5; }
.lh-26 { line-height: 2.6; }
.lh-28 { line-height: 2.8; }
.lh-3  { line-height: 3  ; }
.lh-35 { line-height: 3.5; }
.lh-4  { line-height: 4  ; }
.lh-45 { line-height: 4.5; }
.lh-5  { line-height: 5  ; }


//typography css
.card-set .card
{
  box-shadow: none;
  margin-bottom: 0;
}
.typography a
{
  color:#50a1ff;
}
.code-preview {
  border: 1px solid #ebebeb;
  border-bottom: none;
  padding: 20px 0 0;
  background-color: #fff;
}
.ul-tag
{
  list-style: circle;
}
.table-borderless td
{
  padding-bottom: 0;
}
