first commit

This commit is contained in:
Senad Uka
2018-05-07 16:07:00 +02:00
commit 8b4f09f9d5
3368 changed files with 852614 additions and 0 deletions

View File

@@ -0,0 +1,139 @@
@import mixins
// Overlay/content animations
=keyframes-vex-fadein
+vex-keyframes("vex-fadein")
0%
opacity: 0
100%
opacity: 1
=keyframes-vex-fadeout
+vex-keyframes("vex-fadeout")
0%
opacity: 1
100%
opacity: 0
// Content animations
=keyframes-vex-flyin
+vex-keyframes("vex-flyin")
0%
opacity: 0
+vex-transform(translateY(-40px))
100%
opacity: 1
+vex-transform(translateY(0))
=keyframes-vex-flyout
+vex-keyframes("vex-flyout")
0%
opacity: 1
+vex-transform(translateY(0))
100%
opacity: 0
+vex-transform(translateY(-40px))
=keyframes-vex-dropin
+vex-keyframes("vex-dropin")
// We start at 0 first and, while hidden
// move to -800px, where the animation
// really begins. This was necessary because
// otherwise, when starting the animation
// at -800px, the browser scrolls up 800px
// to try to display this object positioned
// above the page.
// https://github.com/HubSpot/vex/issues/21
0%
+vex-transform(translateY(0))
opacity: 0
1%
+vex-transform(translateY(-800px))
opacity: 0
// Real animation begins here
2%
+vex-transform(translateY(-800px))
opacity: 1
100%
+vex-transform(translateY(0))
opacity: 1
=keyframes-vex-dropout
+vex-keyframes("vex-dropout")
0%
+vex-transform(translateY(0))
100%
+vex-transform(translateY(-800px))
=keyframes-vex-slideup
+vex-keyframes("vex-slideup")
// We start at 0 first and, while hidden
// move to -800px, where the animation
// really begins. This was necessary because
// otherwise, when starting the animation
// at -800px, the browser scrolls up 800px
// to try to display this object positioned
// above the page.
// https://github.com/HubSpot/vex/issues/21
0%
+vex-transform(translateY(0))
opacity: 0
1%
+vex-transform(translateY(800px))
opacity: 0
// Real animation begins here
2%
+vex-transform(translateY(800px))
opacity: 1
100%
+vex-transform(translateY(0))
opacity: 1
=keyframes-vex-slidedown
+vex-keyframes("vex-slidedown")
0%
+vex-transform(translateY(0))
100%
+vex-transform(translateY(800px))
=keyframes-vex-flipin-horizontal
+vex-keyframes("vex-flipin-horizontal")
0%
opacity: 0
+vex-transform(rotateY(-90deg))
100%
opacity: 1
+vex-transform(rotateY(0deg))
=keyframes-vex-flipout-horizontal
+vex-keyframes("vex-flipout-horizontal")
0%
opacity: 1
+vex-transform(rotateY(0deg))
100%
opacity: 0
+vex-transform(rotateY(90deg))
// Spinner animations
=keyframes-vex-rotation
+vex-keyframes("vex-rotation")
0%
+vex-transform(rotate(0deg))
100%
+vex-transform(rotate(359deg))
// Button animations
=keyframes-vex-pulse
+vex-keyframes("vex-pulse")
0%
+box-shadow(inset 0 0 0 300px transparent)
70%
+box-shadow(inset 0 0 0 300px rgba(255, 255, 255, .25))
100%
+box-shadow(inset 0 0 0 300px transparent)

100
public/bower_components/vex/sass/_mixins.sass vendored Executable file
View File

@@ -0,0 +1,100 @@
=vex-keyframes($name)
@keyframes #{$name}
@content
@-webkit-keyframes #{$name}
@content
@-moz-keyframes #{$name}
@content
@-ms-keyframes #{$name}
@content
@-o-keyframes #{$name}
@content
=vex-animation($animation)
animation: $animation
-webkit-animation: $animation
-moz-animation: $animation
-ms-animation: $animation
-o-animation: $animation
-webkit-backface-visibility: hidden
=vex-transform($transform)
transform: $transform
-webkit-transform: $transform
-moz-transform: $transform
-ms-transform: $transform
-o-transform: $transform
=vex-preserve-3d
-webkit-transform-style: preserve-3d
-moz-transform-style: preserve-3d
transform-style: preserve-3d
// copied from Compass (https://github.com/Compass/compass) on the 21st of January 2015:
$prefix-context: null
$current-prefix: null
$critical-usage-threshold: 0.01 !default
$default-has-layout-approach: zoom !default
$has-layout-support-threshold: $critical-usage-threshold !default
// full mixin: https://github.com/Compass/compass/blob/stable/core/stylesheets/compass/_support.scss
=box-sizing($box-model)
-moz-box-sizing: $box-model
-webkit-box-sizing: $box-model
box-sizing: $box-model
// full mixin: https://github.com/Compass/compass/blob/stable/core/stylesheets/compass/css3/_box-shadow.scss
=box-shadow($shadow...)
-moz-box-shadow: $shadow
-webkit-box-shadow: $shadow
box-shadow: $shadow
// full mixin: https://github.com/Compass/compass/blob/stable/core/stylesheets/compass/css3/_border-radius.scss
=border-radius($radius)
-moz-border-radius: $radius
-webkit-border-radius: $radius
border-radius: $radius
// full mixin: https://github.com/Compass/compass/blob/stable/core/stylesheets/compass/css3/_transform.scss
=perspective($p)
-moz-perspective: $p
-webkit-perspective: $p
perspective: $p
// full mixin: https://github.com/Compass/compass/blob/stable/core/stylesheets/compass/css3/_transform.scss
=perspective-origin($origin: 50%)
-moz-perspective-origin: $origin
-webkit-perspective-origin: $origin
perspective-origin: $origin
// full mixin: https://github.com/Compass/compass/blob/stable/core/stylesheets/compass/_support.scss
=appearance($appearance)
$appearance: unquote($appearance)
-moz-appearance: $appearance
-webkit-appearance: $appearance
=has-layout($approach: $default-has-layout-approach)
@if support-legacy-browser("ie", "7", $threshold: $has-layout-support-threshold)
@if $approach == zoom
+has-layout-zoom
@else if $approach == block
+has-layout-block
@else
@warn "Unknown has-layout approach: #{$approach}"
+has-layout-zoom
=has-layout-zoom
@if support-legacy-browser("ie", "7", $threshold: $has-layout-support-threshold)
*zoom: 1
=pie-clearfix
&:after
content: ""
display: table
clear: both
+has-layout
// full mixin: https://github.com/Compass/compass/blob/stable/core/stylesheets/compass/_support.scss
@function support-legacy-browser($browser, $min-version, $max-version: null, $threshold: $critical-usage-threshold)
@return true

View File

@@ -0,0 +1,138 @@
@import mixins
@import keyframes
+keyframes-vex-slideup
+keyframes-vex-slidedown
+keyframes-vex-pulse
$blue: #3288e6
.vex.vex-theme-bottom-right-corner
top: auto
bottom: 0
right: 0
overflow: visible
.vex-overlay
display: none
&.vex-closing .vex-content
+vex-animation(vex-slidedown .5s)
.vex-content
+vex-animation(vex-slideup .5s)
.vex-content
+border-radius(5px 0 0 0)
font-family: "Helvetica Neue", sans-serif
background: #f0f0f0
color: #444
padding: 1em
max-width: 100%
width: 450px
font-size: 1.1em
line-height: 1.5em
position: fixed
bottom: 0
right: 0
left: auto
h1, h2, h3, h4, h5, h6, p, ul, li
color: inherit
.vex-close
+border-radius(5px)
position: absolute
top: 0
right: 0
cursor: pointer
&:before
+border-radius(3px)
position: absolute
content: "\00D7"
font-size: 26px
font-weight: normal
line-height: 31px
height: 30px
width: 30px
text-align: center
top: 3px
right: 3px
color: #bbb
background: transparent
&:hover:before, &:active:before
color: #777
background: #e0e0e0
.vex-dialog-form
.vex-dialog-message
margin-bottom: .5em
.vex-dialog-input
margin-bottom: 1em
textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]
+border-radius(3px)
background: #fff
width: 100%
padding: .25em .67em
border: 0
font-family: inherit
font-weight: inherit
font-size: inherit
min-height: 2.5em
margin: 0 0 .25em
&:focus
+box-shadow(inset 0 0 0 2px lighten($blue, 20%))
outline: none
.vex-dialog-buttons
+pie-clearfix()
.vex-dialog-button
+border-radius(3px)
border: 0
float: right
margin: 0 0 0 .5em
font-family: inherit
text-transform: uppercase
letter-spacing: .1em
font-size: .8em
line-height: 1em
padding: .75em 2em
&.vex-last
margin-left: 0
&:focus
+vex-animation(vex-pulse 1.1s infinite)
outline: none
// vex-pulse uses -webkit-filter which
// doesn't play so nice in mobile webkit
@media (max-width: 568px)
+vex-animation(none)
&.vex-dialog-button-primary
background: $blue
color: #fff
&.vex-dialog-button-secondary
background: #e0e0e0
color: #777
.vex-loading-spinner.vex-theme-bottom-right-corner
+box-shadow(0 0 0 .5em #f0f0f0, 0 0 1px .5em rgba(0, 0, 0, 0.3))
+border-radius(100%)
background: #f0f0f0
border: .2em solid transparent
border-top-color: #bbb
top: -1.1em
bottom: auto
body.vex-open
overflow: initial

View File

@@ -0,0 +1,128 @@
@import mixins
@import keyframes
+keyframes-vex-flyin
+keyframes-vex-flyout
+keyframes-vex-pulse
$blue: #3288e6
.vex.vex-theme-default
padding-top: 160px
padding-bottom: 160px
&.vex-closing .vex-content
+vex-animation(vex-flyout .5s)
.vex-content
+vex-animation(vex-flyin .5s)
.vex-content
+border-radius(5px)
font-family: "Helvetica Neue", sans-serif
background: #f0f0f0
color: #444
padding: 1em
position: relative
margin: 0 auto
max-width: 100%
width: 450px
font-size: 1.1em
line-height: 1.5em
h1, h2, h3, h4, h5, h6, p, ul, li
color: inherit
.vex-close
+border-radius(5px)
position: absolute
top: 0
right: 0
cursor: pointer
&:before
+border-radius(3px)
position: absolute
content: "\00D7"
font-size: 26px
font-weight: normal
line-height: 31px
height: 30px
width: 30px
text-align: center
top: 3px
right: 3px
color: #bbb
background: transparent
&:hover:before, &:active:before
color: #777
background: #e0e0e0
.vex-dialog-form
.vex-dialog-message
margin-bottom: .5em
.vex-dialog-input
margin-bottom: 1em
textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]
+border-radius(3px)
background: #fff
width: 100%
padding: .25em .67em
border: 0
font-family: inherit
font-weight: inherit
font-size: inherit
min-height: 2.5em
margin: 0 0 .25em
&:focus
+box-shadow(inset 0 0 0 2px lighten($blue, 20%))
outline: none
.vex-dialog-buttons
+pie-clearfix()
.vex-dialog-button
+border-radius(3px)
border: 0
float: right
margin: 0 0 0 .5em
font-family: inherit
text-transform: uppercase
letter-spacing: .1em
font-size: .8em
line-height: 1em
padding: .75em 2em
&.vex-last
margin-left: 0
&:focus
+vex-animation(vex-pulse 1.1s infinite)
outline: none
// vex-pulse uses -webkit-filter which
// doesn't play so nice in mobile webkit
@media (max-width: 568px)
+vex-animation(none)
&.vex-dialog-button-primary
background: $blue
color: #fff
&.vex-dialog-button-secondary
background: #e0e0e0
color: #777
.vex-loading-spinner.vex-theme-default
+box-shadow(0 0 0 .5em #f0f0f0, 0 0 1px .5em rgba(0, 0, 0, 0.3))
+border-radius(100%)
background: #f0f0f0
border: .2em solid transparent
border-top-color: #bbb
top: -1.1em
bottom: auto

View File

@@ -0,0 +1,165 @@
@import mixins
@import keyframes
+keyframes-vex-flipin-horizontal
+keyframes-vex-flipout-horizontal
$green: #34b989
$pink: #ff7ea7
$red: #ce4a55
$blue: #477FA5
=vex-theme-flat-attack-color($color)
.vex-close:before
background: $color
.vex-dialog-form
.vex-dialog-input
textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]
&:focus
+box-shadow(inset 0 0 0 2px $color)
.vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary
background: $color
.vex.vex-theme-flat-attack
+perspective(1300px)
+perspective-origin(50% 150px)
padding-top: 100px
padding-bottom: 100px
font-size: 1.5em
&.vex-closing .vex-content
+vex-animation(vex-flipout-horizontal .5s)
.vex-content
+vex-preserve-3d
+vex-animation(vex-flipin-horizontal .5s)
.vex-content
font-family: "Helvetica Neue", sans-serif
font-weight: 200
background: #fff
color: #444
padding: 2em 2em 3em 2em
line-height: 1.5em
position: relative
margin: 0 auto
max-width: 100%
width: 600px
h1, h2, h3, h4, h5, h6, p, ul, li
color: inherit
.vex-close
position: absolute
top: 0
right: 0
cursor: pointer
&:before
font-family: "Helvetica Neue", sans-serif
font-weight: 100
line-height: 1px
padding-top: .5em
display: block
font-size: 2em
text-indent: 1px
overflow: hidden
height: 1.25em
width: 1.25em
text-align: center
top: 0
right: 0
color: #fff
background: #666
.vex-dialog-form
.vex-dialog-message
margin-bottom: .5em
.vex-dialog-input
margin-bottom: .5em
textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]
+border-radius(3px)
background: #f0f0f0
width: 100%
padding: .25em .67em
border: 0
font-family: inherit
font-weight: inherit
font-size: inherit
min-height: 2.5em
margin: 0 0 .25em
&:focus
+box-shadow(inset 0 0 0 2px #666)
outline: none
.vex-dialog-buttons
+pie-clearfix()
padding-top: 1em
margin-bottom: -3em
margin-left: -2em
margin-right: -2em
.vex-dialog-button
+border-radius(0)
border: 0
margin: 0
float: right
padding: .5em 1em
font-size: 1.13em
text-transform: uppercase
font-weight: 200
letter-spacing: .1em
line-height: 1em
font-family: inherit
&.vex-last
margin-left: 0
&:focus
outline: none
&.vex-dialog-button-primary
background: #666
color: #fff
&:focus
+box-shadow(inset 0 3px rgba(0, 0, 0, .2))
&.vex-dialog-button-secondary
background: #fff
color: #ccc
&:focus
+box-shadow(inset 0 3px #aaa)
background: #eee
color: #777
&:hover, &:active
color: #777
// Theme colors
&.vex-theme-flat-attack-pink
+vex-theme-flat-attack-color($pink)
&.vex-theme-flat-attack-red
+vex-theme-flat-attack-color($red)
&.vex-theme-flat-attack-green
+vex-theme-flat-attack-color($green)
&.vex-theme-flat-attack-blue
+vex-theme-flat-attack-color($blue)
.vex-loading-spinner.vex-theme-flat-attack
height: 4em
width: 4em

View File

@@ -0,0 +1,131 @@
@import mixins
@import keyframes
+keyframes-vex-flyin
+keyframes-vex-flyout
+keyframes-vex-pulse
$blue: #3288e6
.vex.vex-theme-os
padding-top: 160px
padding-bottom: 160px
&.vex-closing .vex-content
+vex-animation(vex-flyout .5s)
.vex-content
+vex-animation(vex-flyin .5s)
.vex-content
+border-radius(5px)
+box-shadow(inset 0 1px #a6a6a6, 0 0 0 1px rgba(0, 0, 0, .08))
font-family: "Helvetica Neue", sans-serif
border-top: 20px solid #bbb
background: #f0f0f0
color: #444
padding: 1em
position: relative
margin: 0 auto
max-width: 100%
width: 450px
font-size: 1.1em
line-height: 1.5em
h1, h2, h3, h4, h5, h6, p, ul, li
color: inherit
.vex-close
+border-radius(0 5px 0 0)
position: absolute
top: 0
right: 0
cursor: pointer
&:before
+border-radius(3px)
position: absolute
content: "\00D7"
font-size: 26px
font-weight: normal
line-height: 31px
height: 30px
width: 30px
text-align: center
top: 3px
right: 3px
color: #bbb
background: transparent
&:hover:before, &:active:before
color: #777
background: #e0e0e0
.vex-dialog-form
.vex-dialog-message
margin-bottom: .5em
.vex-dialog-input
margin-bottom: 1em
textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]
+border-radius(3px)
background: #fff
width: 100%
padding: .25em .67em
border: 0
font-family: inherit
font-weight: inherit
font-size: inherit
min-height: 2.5em
margin: 0 0 .25em
&:focus
+box-shadow(inset 0 0 0 1px $blue)
outline: none
.vex-dialog-buttons
+pie-clearfix()
.vex-dialog-button
+border-radius(3px)
border: 0
float: right
margin: 0 0 0 .5em
font-family: inherit
text-transform: uppercase
letter-spacing: .1em
font-size: .8em
line-height: 1em
padding: .75em 2em
&.vex-last
margin-left: 0
&:focus
+vex-animation(vex-pulse 1.1s infinite)
outline: none
// vex-pulse uses -webkit-filter which
// doesn't play so nice in mobile webkit
@media (max-width: 568px)
+vex-animation(none)
&.vex-dialog-button-primary
background: $blue
color: #fff
&.vex-dialog-button-secondary
background: #e0e0e0
color: #777
.vex-loading-spinner.vex-theme-os
+box-shadow(0 0 0 1px rgba(0, 0, 0, .2), 0 0 .5em rgba(0, 0, 0, .2))
+border-radius(100%)
background: rgba(255, 255, 255, .2)
width: 0
height: 0
border: 1.2em solid #bbb
border-top-color: #f0f0f0
border-bottom-color: #f0f0f0

View File

@@ -0,0 +1,111 @@
@import mixins
@import keyframes
+keyframes-vex-pulse
$blue: #3288e6
.vex.vex-theme-plain
padding-top: 160px
padding-bottom: 160px
.vex-content
font-family: "Helvetica Neue", sans-serif
background: #fff
color: #444
padding: 1em
position: relative
margin: 0 auto
max-width: 100%
width: 450px
font-size: 1.1em
line-height: 1.5em
h1, h2, h3, h4, h5, h6, p, ul, li
color: inherit
.vex-close
position: absolute
top: 0
right: 0
cursor: pointer
&:before
position: absolute
content: "\00D7"
font-size: 26px
font-weight: normal
line-height: 31px
height: 30px
width: 30px
text-align: center
top: 3px
right: 3px
color: #bbb
background: transparent
&:hover:before, &:active:before
color: #777
background: #e0e0e0
.vex-dialog-form
.vex-dialog-message
margin-bottom: .5em
.vex-dialog-input
margin-bottom: 1em
textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]
background: #f0f0f0
width: 100%
padding: .25em .67em
border: 0
font-family: inherit
font-weight: inherit
font-size: inherit
min-height: 2.5em
margin: 0 0 .25em
&:focus
+box-shadow(inset 0 0 0 2px rgba(0, 0, 0, .2))
outline: none
.vex-dialog-buttons
+pie-clearfix()
.vex-dialog-button
+border-radius(0)
border: 0
float: right
margin: 0 0 0 .5em
font-family: inherit
text-transform: uppercase
letter-spacing: .1em
font-size: .8em
line-height: 1em
padding: .75em 2em
&.vex-last
margin-left: 0
&:focus
+vex-animation(vex-pulse 1.1s infinite)
outline: none
// vex-pulse uses -webkit-filter which
// doesn't play so nice in mobile webkit
@media (max-width: 568px)
+vex-animation(none)
&.vex-dialog-button-primary
background: $blue
color: #fff
&.vex-dialog-button-secondary
background: #e0e0e0
color: #777
.vex-loading-spinner.vex-theme-plain
height: 2.5em
width: 2.5em

View File

@@ -0,0 +1,126 @@
@import mixins
@import keyframes
+keyframes-vex-dropin
+keyframes-vex-dropout
+keyframes-vex-pulse
$blue: #3288e6
.vex.vex-theme-top
&.vex-closing .vex-content
+vex-animation(vex-dropout .5s)
.vex-content
+vex-animation(vex-dropin .5s)
.vex-content
+border-radius(0 0 5px 5px)
font-family: "Helvetica Neue", sans-serif
background: #f0f0f0
color: #444
padding: 1em
position: relative
margin: 0 auto
max-width: 100%
width: 450px
font-size: 1.1em
line-height: 1.5em
h1, h2, h3, h4, h5, h6, p, ul, li
color: inherit
.vex-close
+border-radius(5px)
position: absolute
top: 0
right: 0
cursor: pointer
&:before
+border-radius(3px)
position: absolute
content: "\00D7"
font-size: 26px
font-weight: normal
line-height: 31px
height: 30px
width: 30px
text-align: center
top: 3px
right: 3px
color: #bbb
background: transparent
&:hover:before, &:active:before
color: #777
background: #e0e0e0
.vex-dialog-form
.vex-dialog-message
margin-bottom: .5em
.vex-dialog-input
margin-bottom: 1em
textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]
+border-radius(3px)
background: #fff
width: 100%
padding: .25em .67em
border: 0
font-family: inherit
font-weight: inherit
font-size: inherit
min-height: 2.5em
margin: 0 0 .25em
&:focus
+box-shadow(inset 0 0 0 2px lighten($blue, 20%))
outline: none
.vex-dialog-buttons
+pie-clearfix()
.vex-dialog-button
+border-radius(3px)
border: 0
float: right
margin: 0 0 0 .5em
font-family: inherit
text-transform: uppercase
letter-spacing: .1em
font-size: .8em
line-height: 1em
padding: .75em 2em
&.vex-last
margin-left: 0
&:focus
+vex-animation(vex-pulse 1.1s infinite)
outline: none
// vex-pulse uses -webkit-filter which
// doesn't play so nice in mobile webkit
@media (max-width: 568px)
+vex-animation(none)
&.vex-dialog-button-primary
background: $blue
color: #fff
&.vex-dialog-button-secondary
background: #e0e0e0
color: #777
.vex-loading-spinner.vex-theme-top
+box-shadow(0 0 0 .5em #f0f0f0, 0 0 1px .5em rgba(0, 0, 0, 0.3))
+border-radius(100%)
background: #f0f0f0
border: .2em solid transparent
border-top-color: #bbb
top: -1.1em
bottom: auto

View File

@@ -0,0 +1,113 @@
@import mixins
@import keyframes
+keyframes-vex-pulse
.vex.vex-theme-wireframe
padding-top: 160px
padding-bottom: 160px
.vex-overlay
background: rgba(255, 255, 255, .4)
.vex-content
font-family: "Helvetica Neue", sans-serif
background: #fff
color: #000
border: 2px solid #000
padding: 2em
position: relative
margin: 0 auto
max-width: 100%
width: 400px
font-size: 1.1em
line-height: 1.5em
h1, h2, h3, h4, h5, h6, p, ul, li
color: inherit
.vex-close
position: absolute
top: 0
right: 0
cursor: pointer
&:before
position: absolute
content: "\00D7"
font-size: 40px
font-weight: normal
line-height: 80px
height: 80px
width: 80px
text-align: center
top: 3px
right: 3px
color: #000
&:hover:before, &:active:before
color: #000
.vex-dialog-form
.vex-dialog-message
margin-bottom: .5em
.vex-dialog-input
margin-bottom: 1em
textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]
background: #fff
width: 100%
padding: .25em .67em
font-family: inherit
font-weight: inherit
font-size: inherit
min-height: 2.5em
margin: 0 0 .25em
border: 2px solid #000
&:focus
border-style: dashed
outline: none
.vex-dialog-buttons
+pie-clearfix()
.vex-dialog-button
+border-radius(0)
border: 0
float: right
margin: 0 0 0 .5em
font-family: inherit
text-transform: uppercase
letter-spacing: .1em
font-size: .8em
line-height: 1em
padding: .75em 2em
&.vex-last
margin-left: 0
&:focus
+vex-animation(vex-pulse 1.1s infinite)
outline: none
// vex-pulse uses -webkit-filter which
// doesn't play so nice in mobile webkit
@media (max-width: 568px)
+vex-animation(none)
&.vex-dialog-button-primary
background: #000
color: #fff
border: 2px solid transparent
&.vex-dialog-button-secondary
background: #fff
color: #000
border: 2px solid #000
.vex-loading-spinner.vex-theme-wireframe
height: 2.5em
width: 2.5em

84
public/bower_components/vex/sass/vex.sass vendored Executable file
View File

@@ -0,0 +1,84 @@
@import mixins
@import keyframes
+keyframes-vex-fadein
+keyframes-vex-fadeout
+keyframes-vex-rotation
.vex, .vex *, .vex *:before, .vex *:after
+box-sizing(border-box)
.vex
position: fixed
overflow: auto
-webkit-overflow-scrolling: touch
z-index: 1111
top: 0
right: 0
bottom: 0
left: 0
.vex-scrollbar-measure
position: absolute
top: -9999px
width: 50px
height: 50px
overflow: scroll
// IE
.vex-overlay
background: #000
filter: alpha(opacity=40) /* IE 57 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)" /* IE 8 */
.vex-overlay
+vex-animation(vex-fadein .5s)
position: fixed
background: rgba(0, 0, 0, .4)
top: 0
right: 0
bottom: 0
left: 0
.vex.vex-closing &
+vex-animation(vex-fadeout .5s)
.vex-content
+vex-animation(vex-fadein .5s)
background: #fff
.vex.vex-closing &
+vex-animation(vex-fadeout .5s)
.vex-close:before
font-family: Arial, sans-serif
content: "\00D7"
.vex-dialog-form
margin: 0 // Browser reset
.vex-dialog-button
text-rendering: optimizeLegibility
+appearance(none)
cursor: pointer
-webkit-tap-highlight-color: transparent
.vex-loading-spinner
+vex-animation(vex-rotation .7s linear infinite)
+box-shadow(0 0 1em rgba(0, 0, 0, 0.1))
position: fixed
z-index: 1112
margin: auto
top: 0
right: 0
bottom: 0
left: 0
height: 2em
width: 2em
background: #fff
// Prevent background scrolling when vex is open
// https://github.com/HubSpot/vex/issues/18
body.vex-open
overflow: hidden