@import 'variables', 'mixin';

/**
 * Table of Contents:

 * 1.0 - global
 * 2.0 - ul | ol
 * 3.0 - svg-icon
 */

@include font-local('gilroy-regular', 'font/gilroy-regular');
@include font-local('gilroy-light', 'font/gilroy-light');


/* 1.0 - global */
body,
.p {
      font-family: $body-font-family;
      font-size: $body-font-size;
      line-height: $body-font-line-height;
      color: $body-color;
      font-weight: $body-font-weight;
      letter-spacing: $body-letter-spacing;
      text-transform: none;
}

p,
.p,
ol,
ul {
      margin: $paragraph-margin;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h {
      font-family: $header-font-family;
      font-size: $header-font-size;
      line-height: $header-font-line-height;
      color: $header-color;
      font-weight: $header-font-weight;
      letter-spacing: $header-letter-spacing;
      text-transform: $header-text-transform;
      margin: $header-margin;
      margin-top: 0;

      @include media-max(md) {
            font-size: $header-mobile-font-size;
            letter-spacing: $header-mobile-letter-spacing;
            margin: $header-mobile-margin;
      }
}

a {
      color: $primary-color;
      text-decoration: none;
      @include css3(transition, color $transition-time);

      &:hover {
            color: $secondary-color;
            text-decoration: none;
      }
}


/* 2.0 - ul | ol */
.std-list,
.page-content,
.post-content {

      ul,
      ol {
            list-style: none;
            padding: 0;
            margin-top: $std-list-margin-top;

            li {
                  padding-left: $std-list-padding-left;
                  position: relative;

                  &:before {
                        position: absolute;
                        content: '';
                        left: $std-list-before-position-left;
                  }
            }
      }

      ul {
            >li:before {
                  top: 4px;
                  width: 16px;
                  height: 16px;
            }
      }

      ol {
            counter-reset: item;

            >li {
                  counter-increment: item;

                  &:before {
                        top: auto;
                        background: none !important;
                        color: $primary-color;
                        content: counter(item) '. ';

                        /*
				01     | content: counter(item, decimal-leading-zero) '. ';
				1.2.3. | content: counters(item, '.') '. ';
				*/
                  }
            }

            &[type="a"] {
                  li {
                        counter-increment: chapter;

                        &:before {
                              content: counter(chapter, lower-alpha) '. ';
                        }
                  }
            }
      }
}


/* 3.0 - svg-icon */
.svg-icon {
      width: 20px;
      stroke-width: 0px;
      stroke-linejoin: round;
      stroke-linecap: round;

      &__path {
            fill: currentColor;
      }

      &[width] {
            width: auto;
      }
}