diff options
| author | Valentin Popov <info@valentineus.link> | 2018-04-18 02:47:11 +0300 | 
|---|---|---|
| committer | Valentin Popov <info@valentineus.link> | 2018-04-18 02:47:11 +0300 | 
| commit | 2f21fb975dcffd15113995a7d36122d17823f649 (patch) | |
| tree | 57b5bc43d7b448ed5dcf73bdf4747908e85e6857 /_scss/_main.scss | |
| parent | ce5db590cac665abf73d32dfcd47da006e9920d0 (diff) | |
| download | popov.link-2f21fb975dcffd15113995a7d36122d17823f649.tar.xz popov.link-2f21fb975dcffd15113995a7d36122d17823f649.zip | |
Removing irrelevant spare parts
Diffstat (limited to '_scss/_main.scss')
| -rw-r--r-- | _scss/_main.scss | 344 | 
1 files changed, 0 insertions, 344 deletions
| diff --git a/_scss/_main.scss b/_scss/_main.scss deleted file mode 100644 index 4ca62e9..0000000 --- a/_scss/_main.scss +++ /dev/null @@ -1,344 +0,0 @@ -@import 'flexbox'; -@import 'tools'; - -$monospaced-font: 'PT Mono', monospace; -$sans-serif-font: 'PT Sans', sans-serif; - -$darker-bg-color: #f8f8f8; -$darker-fg-color: #000; -$bg-color: #fefefe; -$fg-color: #323232; - -*, -*::after, -*::before { -  @include borderbox(border-box); -} - -html { -  font-size: 70%; -} - -body { -  @include flexbox(); - -  background-color: $bg-color; -  color: $fg-color; -  font-family: $sans-serif-font; -  font-size: 1.6em; -  font-weight: 400; - -  @include mobile-screen() { -    font-size: 1.4em; -    line-height: 1.6em; -  } -} - -a { -  color: $fg-color; -  text-decoration: none; - -  &:focus, -  &:hover { -    text-decoration: underline; -  } -} - -blockquote { -  border-left: 2px solid $darker-bg-color; -  font-style: italic; -  padding-left: 1.6rem; -} - -code { -  background-color: $darker-bg-color; -  font-family: $monospaced-font; -  padding: .4rem .8rem; -} - -h1, -h2, -h3, -h4, -h5, -h6 { -  color: $darker-fg-color; -  font-family: $monospaced-font; -  letter-spacing: .0625em; -  margin: 3.2rem 0 1.6rem; -  text-transform: uppercase; -} - -// Setting the size of headers -@for $i from 1 through 6 { -  h#{7 - $i} { -    font-size: get-font-size-for-pc($i); -    line-height: get-font-size-for-pc($i); - -    @include mobile-screen() { -      font-size: get-font-size-for-phone($i); -      line-height: get-font-size-for-phone($i); -    } -  } -} - -img { -  max-width: 100%; -} - -ol, -ul { -  margin-top: 1.6rem; -  padding-left: 3.2rem; -} - -p { -  margin: 1.6rem 0; -} - -pre { -  margin: 1.6rem 0 1rem; -  overflow-x: auto; -  padding: 1.6rem; -} - -table { -  width: 100%; -} - -.wrapper { -  @include flexbox(); -  @include flex-direction(column); - -  min-height: 100vh; -  width: 100%; -} - -.container { -  margin: 0 auto; -  max-width: 120rem; -  padding-left: 2rem; -  padding-right: 2rem; -  width: 100%; -} - -.navigation { -  font-family: $monospaced-font; -  font-weight: 700; -  height: 6rem; -  width: 100%; - -  a { -    display: inline; -    font-size: 1.6rem; -    letter-spacing: .1rem; -    line-height: 6rem; -    text-transform: uppercase; - -    @include mobile-screen() { -      font-size: 1.4rem; -    } -  } - -  ul { -    list-style: none; -    margin-bottom: 0; -    margin-top: 0; - -    li { -      float: left; -      margin: 0; -      position: relative; - -      a { -        margin-left: 1rem; -        margin-right: 1rem; -      } -    } -  } -} - -.content { -  @include flex(1); - -  margin-bottom: 3.2rem; -  margin-top: 1.6rem; - -  article { -    header { -      margin-bottom: 3.2rem; -      margin-top: 3.2rem; - -      h1, -      h2 { -        margin: 0; -      } - -      h2 { -        color: $fg-color; -        font-size: 1.8rem; -        margin-top: 1rem; - -        @include mobile-screen() { -          font-size: 1.6rem; -        } -      } -    } -  } -} - -.list { -  ul { -    list-style: none; -    margin: 3.2rem 0; -    padding: 0; - -    li { -      font-size: 1.6rem; - -      @include mobile-screen() { -        font-size: 1.4rem; -        margin: 1.6rem 0; -      } - -      span { -        display: inline-block; -        margin-right: 3rem; -        text-align: right; -        width: 20rem; - -        @include mobile-screen() { -          display: block; -          text-align: left; -        } -      } - -      a { -        font-weight: 700; -        text-transform: uppercase; -      } -    } -  } -} - -.pagination { -  margin-top: 6rem; -  text-align: center; - -  li { -    display: inline; -    text-align: center; - -    span { -      margin: 0; -      text-align: center; -      width: 3.2rem; -    } - -    a { -      span { -        margin: 0; -        text-align: center; -        width: 3.2rem; -      } -    } -  } -} - -.centered { -  @include flexbox(); -  @include align-items(center); -  @include justify-content(center); - -  height: 100%; - -  .about { -    font-family: $monospaced-font; -    font-weight: 700; -    text-align: center; - -    h1 { -      margin-bottom: .5rem; -      margin-top: 2rem; -    } - -    h2 { -      font-size: 2.4rem; -      margin-bottom: .5rem; -      margin-top: 1rem; - -      @include mobile-screen() { -        font-size: 2rem; -      } -    } - -    ul { -      list-style: none; -      margin: 3rem 0 1rem; -      padding: 0; - -      li { -        display: inline; -        position: relative; - -        a { -          font-size: 1.6rem; -          margin-left: 1rem; -          margin-right: 1rem; -          text-transform: uppercase; - -          @include mobile-screen() { -            font-size: 1.4rem; -          } -        } -      } -    } -  } - -  .error { -    text-align: center; - -    h1 { -      font-size: 4.6rem; -      margin-bottom: .5rem; -      margin-top: 2rem; - -      @include mobile-screen() { -        font-size: 3.2rem; -      } -    } - -    h2 { -      font-size: 3.2rem; -      margin-bottom: 3.2rem; -      margin-top: 2rem; - -      @include mobile-screen() { -        font-size: 2.8rem; -      } -    } -  } -} - -.comments { -  margin-top: 1.6rem; -} - -.highlight { -  margin: 0; -} - -.footer { -  height: 6rem; -  line-height: 6rem; -  text-align: center; -  width: 100%; -} - -.float-right { -  float: right; -} - -.float-left { -  float: left; -} | 
