quasar 2.1.0

package/src/css/core/dark.sass

@@ -0,0 +1,7 @@
+body.body--dark
+  color: #fff
+  background: var(--q-dark-page)
+
+.q-dark
+  color: #fff
+  background: var(--q-dark)

package/src/css/core/elevation.sass

@@ -0,0 +1,27 @@
+.shadow-transition
+  transition: $shadow-transition !important
+
+@for $z from 1 through 24
+  .shadow-#{$z}
+    box-shadow: nth($shadows, $z)
+  .shadow-up-#{$z}
+    box-shadow: nth($shadows-up, $z)
+
+.no-shadow, .shadow-0
+  box-shadow: none !important
+.inset-shadow
+  box-shadow: $inset-shadow !important
+.inset-shadow-down
+  box-shadow: $inset-shadow-down !important
+
+.z-marginals
+  z-index: $z-marginals
+
+.z-notify
+  z-index: $z-notify
+
+.z-fullscreen
+  z-index: $z-fullscreen
+
+.z-inherit
+  z-index: inherit !important

package/src/css/core/flex.sass

@@ -0,0 +1,158 @@
+@import '../helpers/string.sass'
+
+@mixin fg($name, $size)
+  $noProcNotZero: $size > 0
+
+  @media (min-width: $size)
+    #{str-fe('.col<name>', $name, $noProcNotZero)}
+      &, &-auto, &-grow, &-shrink
+        .row > &, .flex > &
+          width: auto
+          min-width: 0
+          max-width: 100%
+        .column > &, .flex > &
+          height: auto
+          min-height: 0
+          max-height: 100%
+      &
+        flex: 10000 1 0%
+      &-auto
+        flex: 0 0 auto
+      &-grow
+        flex: 1 0 auto
+      &-shrink
+        flex: 0 1 auto
+
+    @for $i from 0 through $flex-cols
+      $ic: quote('' + $i)
+      #{str-fe('.col<name>-<i>', $name, $noProcNotZero, $ic)}
+        @extend .col#{$name}-auto
+      .row
+        #{str-fe('> .col<name>-<i>', $name, $noProcNotZero, $ic)}
+          height: auto
+          width: toFixed(percentage($i / $flex-cols), 10000)
+        @if $i != 0 or $name != ''
+          #{str-fe('> .offset<name>-<i>', $name, $noProcNotZero, $ic)}
+            margin-left: toFixed(percentage($i / $flex-cols), 10000)
+      .column
+        #{str-fe('> .col<name>-<i>', $name, $noProcNotZero, $ic)}
+          height: toFixed(percentage($i / $flex-cols), 10000)
+          width: auto
+      @if $size == 0 and $i == $flex-cols
+        .row > .col-all
+          height: auto
+          flex: 0 0 100%
+
+.row, .column, .flex
+  display: flex
+  flex-wrap: wrap
+  &.inline
+    display: inline-flex
+
+.row.reverse
+  flex-direction: row-reverse
+
+.column
+  flex-direction: column
+  &.reverse
+    flex-direction: column-reverse
+
+.wrap
+  flex-wrap: wrap
+.no-wrap
+  flex-wrap: nowrap
+.reverse-wrap
+  flex-wrap: wrap-reverse
+
+.order-
+  &first
+    order: -10000
+  &last
+    order: 10000
+  &none
+    order: 0
+
+.justify-
+  &start
+    justify-content: flex-start
+  &end
+    justify-content: flex-end
+  &center
+    justify-content: center
+  &between
+    justify-content: space-between
+  &around
+    justify-content: space-around
+  &evenly
+    justify-content: space-evenly
+
+.items-
+  &start
+    align-items: flex-start
+  &end
+    align-items: flex-end
+  &center
+    align-items: center
+  &baseline
+    align-items: baseline
+  &stretch
+    align-items: stretch
+
+.content-
+  &start
+    align-content: flex-start
+  &end
+    align-content: flex-end
+  &center
+    align-content: center
+  &stretch
+    align-content: stretch
+  &between
+    align-content: space-between
+  &around
+    align-content: space-around
+
+.self-
+  &start
+    align-self: flex-start
+  &end
+    align-self: flex-end
+  &center
+    align-self: center
+  &baseline
+    align-self: baseline
+  &stretch
+    align-self: stretch
+
+.flex-center
+  @extend .items-center
+  @extend .justify-center
+
+@each $name, $size in $flex-gutter
+  .q-gutter
+    &-x-#{$name}
+      margin-left: -$size
+      > *
+        margin-left: $size
+    &-y-#{$name}
+      margin-top: -$size
+      > *
+        margin-top: $size
+    &-#{$name}
+      @extend .q-gutter-x-#{$name}
+      @extend .q-gutter-y-#{$name}
+  .q-col-gutter
+    &-x-#{$name}
+      margin-left: -$size
+      > *
+        padding-left: $size
+    &-y-#{$name}
+      margin-top: -$size
+      > *
+        padding-top: $size
+    &-#{$name}
+      @extend .q-col-gutter-x-#{$name}
+      @extend .q-col-gutter-y-#{$name}
+
+@each $name, $size in $sizes
+  @include fg("-" + $name, $size)

package/src/css/core/helpers.sass

@@ -0,0 +1,61 @@
+.rounded-borders
+  border-radius: $generic-border-radius
+.border-radius-inherit
+  border-radius: inherit
+
+.no-transition
+  transition: none !important
+
+.transition-0
+  transition: 0s !important
+
+.glossy
+  background-image: linear-gradient(to bottom, rgba(#fff, .3), rgba(#fff, 0) 50%, rgba(#000, .12) 51%, rgba(#000, .04)) !important
+
+.q-placeholder
+  &::-webkit-input-placeholder
+    color: inherit
+    opacity: .7
+  &::-moz-placeholder
+    color: inherit
+    opacity: .7
+  &:-ms-input-placeholder
+    color: inherit !important
+    opacity: .7 !important
+  &::-ms-input-placeholder
+    color: inherit
+    opacity: .7
+  &::placeholder
+    color: inherit
+    opacity: .7
+
+/* body */
+.q-body--fullscreen-mixin, .q-body--prevent-scroll
+  position: fixed !important
+
+.q-body--force-scrollbar-x
+  overflow-x: scroll
+.q-body--force-scrollbar-y
+  overflow-y: scroll
+
+.q-no-input-spinner
+  -moz-appearance: textfield !important
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button
+    -webkit-appearance: none
+    margin: 0
+
+.q-link
+  outline: 0
+  text-decoration: none
+
+body.electron
+  .q-electron-drag
+    -webkit-user-select: none
+    -webkit-app-region: drag
+  .q-electron-drag .q-btn-item, .q-electron-drag--exception
+    -webkit-app-region: no-drag
+
+img.responsive
+  max-width: 100%
+  height: auto

package/src/css/core/mouse.sass

@@ -0,0 +1,40 @@
+.non-selectable
+  user-select: none !important
+
+.scroll
+  overflow: auto
+.scroll, .scroll-x, .scroll-y
+  -webkit-overflow-scrolling: touch
+  will-change: scroll-position
+.scroll-x
+  overflow-x: auto
+.scroll-y
+  overflow-y: auto
+.no-scroll
+  overflow: hidden !important
+
+.no-pointer-events,
+.no-pointer-events--children,
+.no-pointer-events--children *
+  pointer-events: none !important
+.all-pointer-events
+  pointer-events: all !important
+
+.cursor
+  &-pointer
+    cursor: pointer !important
+  &-not-allowed
+    cursor: not-allowed !important
+  &-inherit
+    cursor: inherit !important
+  &-none
+    cursor: none !important
+
+[aria-busy='true']
+  cursor: progress
+
+[aria-controls]
+  cursor: pointer
+
+[aria-disabled]
+  cursor: default

package/src/css/core/orientation.sass

@@ -0,0 +1,18 @@
+.rotate-45
+  transform: rotate(45deg) #{"/* rtl:ignore */"}
+.rotate-90
+  transform: rotate(90deg) #{"/* rtl:ignore */"}
+.rotate-135
+  transform: rotate(135deg) #{"/* rtl:ignore */"}
+.rotate-180
+  transform: rotate(180deg) #{"/* rtl:ignore */"}
+.rotate-225
+  transform: rotate(225deg) #{"/* rtl:ignore */"}
+.rotate-270
+  transform: rotate(270deg) #{"/* rtl:ignore */"}
+.rotate-315
+  transform: rotate(315deg) #{"/* rtl:ignore */"}
+.flip-horizontal
+  transform: scaleX(-1)
+.flip-vertical
+  transform: scaleY(-1)

package/src/css/core/positioning.sass

@@ -0,0 +1,101 @@
+.float-left
+  float: left
+.float-right
+  float: right
+
+.relative-position
+  position: relative
+
+.fixed,
+.fixed-full,
+.fullscreen,
+.fixed-center,
+.fixed-bottom,
+.fixed-left,
+.fixed-right,
+.fixed-top,
+.fixed-top-left,
+.fixed-top-right,
+.fixed-bottom-left,
+.fixed-bottom-right
+  position: fixed
+
+.absolute,
+.absolute-full,
+.absolute-center,
+.absolute-bottom,
+.absolute-left,
+.absolute-right,
+.absolute-top,
+.absolute-top-left,
+.absolute-top-right,
+.absolute-bottom-left,
+.absolute-bottom-right
+  position: absolute
+
+.fixed-top, .absolute-top
+  top: 0
+  left: 0
+  right: 0
+.fixed-right, .absolute-right
+  top: 0
+  right: 0
+  bottom: 0
+.fixed-bottom, .absolute-bottom
+  right: 0
+  bottom: 0
+  left: 0
+.fixed-left, .absolute-left
+  top: 0
+  bottom: 0
+  left: 0
+
+.fixed-top-left, .absolute-top-left
+  top: 0
+  left: 0
+.fixed-top-right, .absolute-top-right
+  top: 0
+  right: 0
+.fixed-bottom-left, .absolute-bottom-left
+  bottom: 0
+  left: 0
+.fixed-bottom-right, .absolute-bottom-right
+  bottom: 0
+  right: 0
+
+.fullscreen
+  z-index: $z-fullscreen
+  border-radius: 0 !important
+  max-width: 100vw
+  max-height: 100vh
+
+.absolute-full, .fullscreen, .fixed-full
+  top: 0
+  right: 0
+  bottom: 0
+  left: 0
+
+.fixed-center, .absolute-center
+  top: 50%
+  left: 50%
+  transform: translate(-50%, -50%)
+
+.vertical-
+  &top
+    vertical-align: top !important
+  &middle
+    vertical-align: middle !important
+  &bottom
+    vertical-align: bottom !important
+
+.on-left
+  margin-right: 12px
+.on-right
+  margin-left: 12px
+
+/* internal: */
+.q-position-engine
+  margin-top: var(--q-pe-top, 0) !important
+  margin-left: var(--q-pe-left, 0) !important
+  will-change: auto
+  visibility: collapse // needed for animation - is removed on first positioning

package/src/css/core/size.sass

@@ -0,0 +1,75 @@
+\:root
+  @each $name, $size in $sizes
+    #{"--q-size-"}#{$name}: #{$size}
+
+.fit
+  width: 100% !important
+  height: 100% !important
+.full-height
+  height: 100% !important
+.full-width
+  width: 100% !important
+  margin-left: 0 !important
+  margin-right: 0 !important
+
+.window-height
+  margin-top: 0 !important
+  margin-bottom: 0 !important
+  height: 100vh !important
+.window-width
+  margin-left: 0 !important
+  margin-right: 0 !important
+  width: 100vw !important
+
+.block
+  display: block !important
+.inline-block
+  display: inline-block !important
+
+@each $space, $value in $spaces
+
+  .q-pa-#{$space}
+    padding: map-get($value, "y") map-get($value, "x")
+  .q-pl-#{$space}
+    padding-left: map-get($value, "x")
+  .q-pr-#{$space}
+    padding-right: map-get($value, "x")
+  .q-pt-#{$space}
+    padding-top: map-get($value, "y")
+  .q-pb-#{$space}
+    padding-bottom: map-get($value, "y")
+  .q-px-#{$space}
+    padding-left: map-get($value, "x")
+    padding-right: map-get($value, "x")
+  .q-py-#{$space}
+    padding-top: map-get($value, "y")
+    padding-bottom: map-get($value, "y")
+
+  .q-ma-#{$space}
+    margin: map-get($value, "y") map-get($value, "x")
+  .q-ml-#{$space}
+    margin-left: map-get($value, "x")
+  .q-mr-#{$space}
+    margin-right: map-get($value, "x")
+  .q-mt-#{$space}
+    margin-top: map-get($value, "y")
+  .q-mb-#{$space}
+    margin-bottom: map-get($value, "y")
+  .q-mx-#{$space}
+    margin-left: map-get($value, "x")
+    margin-right: map-get($value, "x")
+  .q-my-#{$space}
+    margin-top: map-get($value, "y")
+    margin-bottom: map-get($value, "y")
+
+.q-mt-auto, .q-my-auto
+  margin-top: auto
+.q-ml-auto
+  margin-left: auto
+.q-mb-auto, .q-my-auto
+  margin-bottom: auto
+.q-mr-auto
+  margin-right: auto
+.q-mx-auto
+  margin-left: auto
+  margin-right: auto