$FontPathOpenSans: "npm-font-open-sans/fonts" !default
@import "npm-font-open-sans/open-sans.scss"
@import "typeface-oswald/index.css"
@import "spainter/no-fonts.sass"
@import "@/assets/sass/partials/animation"
@import "@/assets/sass/partials/mixins"
@import "@/assets/sass/partials/fontello"

@import "@/assets/sass/themes/common_lor"
@import "@/assets/sass/themes/common_reg"
@import "@/assets/sass/themes/common_white"

$FontelloPath: "@/assets/font"

@font-face
  font-family: 'fontello'
  src: url('#{$FontelloPath}/fontello.eot')
  src: url('#{$FontelloPath}/fontello.eot') format('embedded-opentype'), url('#{$FontelloPath}/fontello.woff2') format('woff2'), url('#{$FontelloPath}/fontello.woff') format('woff'), url('#{$FontelloPath}/fontello.ttf') format('truetype'), url('#{$FontelloPath}/fontello.svg') format('svg')
  font-weight: normal
  font-style: normal


.icon-spin1
  width: 24px
  height: 24px
// fix height otherwise it will jump while spinning

.spinner-main
  @include spinner(10px, white)

[class^="icon-"]:before, [class*=" icon-"]:before
  font-family: "fontello"
  font-style: normal
  font-weight: normal
  speak: none

  display: inline-block
  text-decoration: inherit
  width: 1em
  text-align: center
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal
  text-transform: none

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em


  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased
  -moz-osx-font-smoothing: grayscale

/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */


a
  text-decoration: none

body
  margin: 0
  font-family: arial, serif

html, body
  height: 100%
  // https://stackoverflow.com/a/42509310/3872976
  overscroll-behavior-y: contain
// disable pull to refresh on android chrome
