From 74024640610230ae16cce3db0ed9759be49509ef Mon Sep 17 00:00:00 2001 From: Martin Dobias Date: Thu, 1 Feb 2024 01:13:58 +0100 Subject: [PATCH] Use QGIS Trueno font for headers instead of Alfabeti --- .gitignore | 2 +- _includes/head.html | 1 - _sass/vendor/_animate.scss | 91 ++ _sass/vendor/_bootstrap-custom.scss | 50 + _sass/vendor/_waves.scss | 140 +++ .../animations/attention-seekers/_bounce.scss | 30 + .../animations/attention-seekers/_flash.scss | 12 + .../animations/attention-seekers/_pulse.scss | 33 + .../animations/attention-seekers/_shake.scss | 30 + .../animations/attention-seekers/_swing.scss | 41 + .../animations/attention-seekers/_tada.scss | 39 + .../animations/attention-seekers/_wiggle.scss | 64 ++ .../animations/attention-seekers/_wobble.scss | 49 + .../animations/bounce-enter/_bounceIn.scss | 87 ++ .../bounce-enter/_bounceInDown.scss | 85 ++ .../bounce-enter/_bounceInLeft.scss | 86 ++ .../bounce-enter/_bounceInRight.scss | 86 ++ .../animations/bounce-enter/_bounceInUp.scss | 86 ++ .../animations/bounce-exit/_bounceOut.scss | 87 ++ .../bounce-exit/_bounceOutDown.scss | 71 ++ .../bounce-exit/_bounceOutLeft.scss | 71 ++ .../bounce-exit/_bounceOutRight.scss | 71 ++ .../animations/bounce-exit/_bounceOutUp.scss | 71 ++ .../vendor/animations/fade-enter/_fadeIn.scss | 12 + .../animations/fade-enter/_fadeInDown.scss | 54 ++ .../animations/fade-enter/_fadeInDownBig.scss | 54 ++ .../animations/fade-enter/_fadeInLeft.scss | 55 ++ .../animations/fade-enter/_fadeInLeftBig.scss | 55 ++ .../animations/fade-enter/_fadeInRight.scss | 54 ++ .../fade-enter/_fadeInRightBig.scss | 54 ++ .../animations/fade-enter/_fadeInUp.scss | 55 ++ .../animations/fade-enter/_fadeInUpBig.scss | 55 ++ .../vendor/animations/fade-exit/_fadeOut.scss | 12 + .../animations/fade-exit/_fadeOutDown.scss | 54 ++ .../animations/fade-exit/_fadeOutDownBig.scss | 54 ++ .../animations/fade-exit/_fadeOutLeft.scss | 55 ++ .../animations/fade-exit/_fadeOutLeftBig.scss | 55 ++ .../animations/fade-exit/_fadeOutRight.scss | 54 ++ .../fade-exit/_fadeOutRightBig.scss | 54 ++ .../animations/fade-exit/_fadeOutUp.scss | 55 ++ .../animations/fade-exit/_fadeOutUpBig.scss | 55 ++ _sass/vendor/animations/flippers/_flip.scss | 101 ++ .../vendor/animations/flippers/_flipInX.scss | 84 ++ .../vendor/animations/flippers/_flipInY.scss | 87 ++ .../vendor/animations/flippers/_flipOutX.scss | 52 ++ .../vendor/animations/flippers/_flipOutY.scss | 51 ++ .../animations/lightspeed/_lightSpeedIn.scss | 36 + .../animations/lightspeed/_lightSpeedOut.scss | 27 + .../animations/rotate-enter/_rotateIn.scss | 60 ++ .../rotate-enter/_rotateInDownLeft.scss | 62 ++ .../rotate-enter/_rotateInDownRight.scss | 63 ++ .../rotate-enter/_rotateInUpLeft.scss | 63 ++ .../rotate-enter/_rotateInUpRight.scss | 63 ++ .../animations/rotate-exit/_rotateOut.scss | 63 ++ .../rotate-exit/_rotateOutDownLeft.scss | 62 ++ .../rotate-exit/_rotateOutDownRight.scss | 62 ++ .../rotate-exit/_rotateOutUpLeft.scss | 63 ++ .../rotate-exit/_rotateOutUpRight.scss | 61 ++ _sass/vendor/animations/special/_hinge.scss | 38 + _sass/vendor/animations/special/_rollIn.scss | 29 + _sass/vendor/animations/special/_rollOut.scss | 57 ++ _sass/vendor/bootstrap/_alerts.scss | 73 ++ _sass/vendor/bootstrap/_badges.scss | 67 ++ _sass/vendor/bootstrap/_breadcrumbs.scss | 26 + _sass/vendor/bootstrap/_button-groups.scss | 243 +++++ _sass/vendor/bootstrap/_buttons.scss | 160 ++++ _sass/vendor/bootstrap/_carousel.scss | 269 ++++++ _sass/vendor/bootstrap/_close.scss | 36 + _sass/vendor/bootstrap/_code.scss | 69 ++ .../bootstrap/_component-animations.scss | 38 + _sass/vendor/bootstrap/_dropdowns.scss | 214 +++++ _sass/vendor/bootstrap/_forms.scss | 570 ++++++++++++ _sass/vendor/bootstrap/_glyphicons.scss | 301 ++++++ _sass/vendor/bootstrap/_grid.scss | 84 ++ _sass/vendor/bootstrap/_input-groups.scss | 166 ++++ _sass/vendor/bootstrap/_jumbotron.scss | 64 ++ _sass/vendor/bootstrap/_labels.scss | 66 ++ _sass/vendor/bootstrap/_list-group.scss | 124 +++ _sass/vendor/bootstrap/_media.scss | 61 ++ _sass/vendor/bootstrap/_mixins.scss | 39 + _sass/vendor/bootstrap/_modals.scss | 148 +++ _sass/vendor/bootstrap/_navbar.scss | 663 ++++++++++++++ _sass/vendor/bootstrap/_navs.scss | 244 +++++ _sass/vendor/bootstrap/_normalize.scss | 431 +++++++++ _sass/vendor/bootstrap/_pager.scss | 54 ++ _sass/vendor/bootstrap/_pagination.scss | 88 ++ _sass/vendor/bootstrap/_panels.scss | 265 ++++++ _sass/vendor/bootstrap/_popovers.scss | 135 +++ _sass/vendor/bootstrap/_print.scss | 107 +++ _sass/vendor/bootstrap/_progress-bars.scss | 87 ++ _sass/vendor/bootstrap/_responsive-embed.scss | 35 + .../bootstrap/_responsive-utilities.scss | 177 ++++ _sass/vendor/bootstrap/_scaffolding.scss | 150 +++ _sass/vendor/bootstrap/_tables.scss | 234 +++++ _sass/vendor/bootstrap/_theme.scss | 273 ++++++ _sass/vendor/bootstrap/_thumbnails.scss | 38 + _sass/vendor/bootstrap/_tooltip.scss | 103 +++ _sass/vendor/bootstrap/_type.scss | 345 +++++++ _sass/vendor/bootstrap/_utilities.scss | 56 ++ _sass/vendor/bootstrap/_variables.scss | 860 ++++++++++++++++++ _sass/vendor/bootstrap/_wells.scss | 29 + _sass/vendor/bootstrap/mixins/_alerts.scss | 14 + .../bootstrap/mixins/_background-variant.scss | 11 + .../bootstrap/mixins/_border-radius.scss | 18 + _sass/vendor/bootstrap/mixins/_buttons.scss | 52 ++ .../bootstrap/mixins/_center-block.scss | 7 + _sass/vendor/bootstrap/mixins/_clearfix.scss | 22 + _sass/vendor/bootstrap/mixins/_forms.scss | 88 ++ _sass/vendor/bootstrap/mixins/_gradients.scss | 58 ++ .../bootstrap/mixins/_grid-framework.scss | 81 ++ _sass/vendor/bootstrap/mixins/_grid.scss | 122 +++ _sass/vendor/bootstrap/mixins/_hide-text.scss | 21 + _sass/vendor/bootstrap/mixins/_image.scss | 33 + _sass/vendor/bootstrap/mixins/_labels.scss | 12 + .../vendor/bootstrap/mixins/_list-group.scss | 31 + .../vendor/bootstrap/mixins/_nav-divider.scss | 10 + .../bootstrap/mixins/_nav-vertical-align.scss | 9 + _sass/vendor/bootstrap/mixins/_opacity.scss | 8 + .../vendor/bootstrap/mixins/_pagination.scss | 23 + _sass/vendor/bootstrap/mixins/_panels.scss | 24 + .../bootstrap/mixins/_progress-bar.scss | 10 + .../bootstrap/mixins/_reset-filter.scss | 8 + _sass/vendor/bootstrap/mixins/_resize.scss | 6 + .../mixins/_responsive-visibility.scss | 21 + _sass/vendor/bootstrap/mixins/_size.scss | 10 + _sass/vendor/bootstrap/mixins/_tab-focus.scss | 9 + _sass/vendor/bootstrap/mixins/_table-row.scss | 28 + .../bootstrap/mixins/_text-emphasis.scss | 11 + .../bootstrap/mixins/_text-overflow.scss | 8 + .../bootstrap/mixins/_vendor-prefixes.scss | 222 +++++ _sass/vendor/helpers/_mixins.scss | 51 ++ _sass/vendor/helpers/_settings.scss | 132 +++ css/main.css | 2 +- fonts/Alfabeti.ttf | Bin 69044 -> 0 bytes fonts/TruenoBd.otf | Bin 0 -> 35816 bytes 135 files changed, 11814 insertions(+), 3 deletions(-) create mode 100644 _sass/vendor/_animate.scss create mode 100644 _sass/vendor/_bootstrap-custom.scss create mode 100644 _sass/vendor/_waves.scss create mode 100644 _sass/vendor/animations/attention-seekers/_bounce.scss create mode 100644 _sass/vendor/animations/attention-seekers/_flash.scss create mode 100644 _sass/vendor/animations/attention-seekers/_pulse.scss create mode 100644 _sass/vendor/animations/attention-seekers/_shake.scss create mode 100644 _sass/vendor/animations/attention-seekers/_swing.scss create mode 100644 _sass/vendor/animations/attention-seekers/_tada.scss create mode 100644 _sass/vendor/animations/attention-seekers/_wiggle.scss create mode 100644 _sass/vendor/animations/attention-seekers/_wobble.scss create mode 100644 _sass/vendor/animations/bounce-enter/_bounceIn.scss create mode 100644 _sass/vendor/animations/bounce-enter/_bounceInDown.scss create mode 100644 _sass/vendor/animations/bounce-enter/_bounceInLeft.scss create mode 100644 _sass/vendor/animations/bounce-enter/_bounceInRight.scss create mode 100644 _sass/vendor/animations/bounce-enter/_bounceInUp.scss create mode 100644 _sass/vendor/animations/bounce-exit/_bounceOut.scss create mode 100644 _sass/vendor/animations/bounce-exit/_bounceOutDown.scss create mode 100644 _sass/vendor/animations/bounce-exit/_bounceOutLeft.scss create mode 100644 _sass/vendor/animations/bounce-exit/_bounceOutRight.scss create mode 100644 _sass/vendor/animations/bounce-exit/_bounceOutUp.scss create mode 100644 _sass/vendor/animations/fade-enter/_fadeIn.scss create mode 100644 _sass/vendor/animations/fade-enter/_fadeInDown.scss create mode 100644 _sass/vendor/animations/fade-enter/_fadeInDownBig.scss create mode 100644 _sass/vendor/animations/fade-enter/_fadeInLeft.scss create mode 100644 _sass/vendor/animations/fade-enter/_fadeInLeftBig.scss create mode 100644 _sass/vendor/animations/fade-enter/_fadeInRight.scss create mode 100644 _sass/vendor/animations/fade-enter/_fadeInRightBig.scss create mode 100644 _sass/vendor/animations/fade-enter/_fadeInUp.scss create mode 100644 _sass/vendor/animations/fade-enter/_fadeInUpBig.scss create mode 100644 _sass/vendor/animations/fade-exit/_fadeOut.scss create mode 100644 _sass/vendor/animations/fade-exit/_fadeOutDown.scss create mode 100644 _sass/vendor/animations/fade-exit/_fadeOutDownBig.scss create mode 100644 _sass/vendor/animations/fade-exit/_fadeOutLeft.scss create mode 100644 _sass/vendor/animations/fade-exit/_fadeOutLeftBig.scss create mode 100644 _sass/vendor/animations/fade-exit/_fadeOutRight.scss create mode 100644 _sass/vendor/animations/fade-exit/_fadeOutRightBig.scss create mode 100644 _sass/vendor/animations/fade-exit/_fadeOutUp.scss create mode 100644 _sass/vendor/animations/fade-exit/_fadeOutUpBig.scss create mode 100644 _sass/vendor/animations/flippers/_flip.scss create mode 100644 _sass/vendor/animations/flippers/_flipInX.scss create mode 100644 _sass/vendor/animations/flippers/_flipInY.scss create mode 100644 _sass/vendor/animations/flippers/_flipOutX.scss create mode 100644 _sass/vendor/animations/flippers/_flipOutY.scss create mode 100644 _sass/vendor/animations/lightspeed/_lightSpeedIn.scss create mode 100644 _sass/vendor/animations/lightspeed/_lightSpeedOut.scss create mode 100644 _sass/vendor/animations/rotate-enter/_rotateIn.scss create mode 100644 _sass/vendor/animations/rotate-enter/_rotateInDownLeft.scss create mode 100644 _sass/vendor/animations/rotate-enter/_rotateInDownRight.scss create mode 100644 _sass/vendor/animations/rotate-enter/_rotateInUpLeft.scss create mode 100644 _sass/vendor/animations/rotate-enter/_rotateInUpRight.scss create mode 100644 _sass/vendor/animations/rotate-exit/_rotateOut.scss create mode 100644 _sass/vendor/animations/rotate-exit/_rotateOutDownLeft.scss create mode 100644 _sass/vendor/animations/rotate-exit/_rotateOutDownRight.scss create mode 100644 _sass/vendor/animations/rotate-exit/_rotateOutUpLeft.scss create mode 100644 _sass/vendor/animations/rotate-exit/_rotateOutUpRight.scss create mode 100644 _sass/vendor/animations/special/_hinge.scss create mode 100644 _sass/vendor/animations/special/_rollIn.scss create mode 100644 _sass/vendor/animations/special/_rollOut.scss create mode 100644 _sass/vendor/bootstrap/_alerts.scss create mode 100644 _sass/vendor/bootstrap/_badges.scss create mode 100644 _sass/vendor/bootstrap/_breadcrumbs.scss create mode 100644 _sass/vendor/bootstrap/_button-groups.scss create mode 100644 _sass/vendor/bootstrap/_buttons.scss create mode 100644 _sass/vendor/bootstrap/_carousel.scss create mode 100644 _sass/vendor/bootstrap/_close.scss create mode 100644 _sass/vendor/bootstrap/_code.scss create mode 100644 _sass/vendor/bootstrap/_component-animations.scss create mode 100644 _sass/vendor/bootstrap/_dropdowns.scss create mode 100644 _sass/vendor/bootstrap/_forms.scss create mode 100644 _sass/vendor/bootstrap/_glyphicons.scss create mode 100644 _sass/vendor/bootstrap/_grid.scss create mode 100644 _sass/vendor/bootstrap/_input-groups.scss create mode 100644 _sass/vendor/bootstrap/_jumbotron.scss create mode 100644 _sass/vendor/bootstrap/_labels.scss create mode 100644 _sass/vendor/bootstrap/_list-group.scss create mode 100644 _sass/vendor/bootstrap/_media.scss create mode 100644 _sass/vendor/bootstrap/_mixins.scss create mode 100644 _sass/vendor/bootstrap/_modals.scss create mode 100644 _sass/vendor/bootstrap/_navbar.scss create mode 100644 _sass/vendor/bootstrap/_navs.scss create mode 100644 _sass/vendor/bootstrap/_normalize.scss create mode 100644 _sass/vendor/bootstrap/_pager.scss create mode 100644 _sass/vendor/bootstrap/_pagination.scss create mode 100644 _sass/vendor/bootstrap/_panels.scss create mode 100644 _sass/vendor/bootstrap/_popovers.scss create mode 100644 _sass/vendor/bootstrap/_print.scss create mode 100644 _sass/vendor/bootstrap/_progress-bars.scss create mode 100644 _sass/vendor/bootstrap/_responsive-embed.scss create mode 100644 _sass/vendor/bootstrap/_responsive-utilities.scss create mode 100644 _sass/vendor/bootstrap/_scaffolding.scss create mode 100644 _sass/vendor/bootstrap/_tables.scss create mode 100644 _sass/vendor/bootstrap/_theme.scss create mode 100644 _sass/vendor/bootstrap/_thumbnails.scss create mode 100644 _sass/vendor/bootstrap/_tooltip.scss create mode 100644 _sass/vendor/bootstrap/_type.scss create mode 100644 _sass/vendor/bootstrap/_utilities.scss create mode 100644 _sass/vendor/bootstrap/_variables.scss create mode 100644 _sass/vendor/bootstrap/_wells.scss create mode 100644 _sass/vendor/bootstrap/mixins/_alerts.scss create mode 100644 _sass/vendor/bootstrap/mixins/_background-variant.scss create mode 100644 _sass/vendor/bootstrap/mixins/_border-radius.scss create mode 100644 _sass/vendor/bootstrap/mixins/_buttons.scss create mode 100644 _sass/vendor/bootstrap/mixins/_center-block.scss create mode 100644 _sass/vendor/bootstrap/mixins/_clearfix.scss create mode 100644 _sass/vendor/bootstrap/mixins/_forms.scss create mode 100644 _sass/vendor/bootstrap/mixins/_gradients.scss create mode 100644 _sass/vendor/bootstrap/mixins/_grid-framework.scss create mode 100644 _sass/vendor/bootstrap/mixins/_grid.scss create mode 100644 _sass/vendor/bootstrap/mixins/_hide-text.scss create mode 100644 _sass/vendor/bootstrap/mixins/_image.scss create mode 100644 _sass/vendor/bootstrap/mixins/_labels.scss create mode 100644 _sass/vendor/bootstrap/mixins/_list-group.scss create mode 100644 _sass/vendor/bootstrap/mixins/_nav-divider.scss create mode 100644 _sass/vendor/bootstrap/mixins/_nav-vertical-align.scss create mode 100644 _sass/vendor/bootstrap/mixins/_opacity.scss create mode 100644 _sass/vendor/bootstrap/mixins/_pagination.scss create mode 100644 _sass/vendor/bootstrap/mixins/_panels.scss create mode 100644 _sass/vendor/bootstrap/mixins/_progress-bar.scss create mode 100644 _sass/vendor/bootstrap/mixins/_reset-filter.scss create mode 100644 _sass/vendor/bootstrap/mixins/_resize.scss create mode 100644 _sass/vendor/bootstrap/mixins/_responsive-visibility.scss create mode 100644 _sass/vendor/bootstrap/mixins/_size.scss create mode 100644 _sass/vendor/bootstrap/mixins/_tab-focus.scss create mode 100644 _sass/vendor/bootstrap/mixins/_table-row.scss create mode 100644 _sass/vendor/bootstrap/mixins/_text-emphasis.scss create mode 100644 _sass/vendor/bootstrap/mixins/_text-overflow.scss create mode 100644 _sass/vendor/bootstrap/mixins/_vendor-prefixes.scss create mode 100644 _sass/vendor/helpers/_mixins.scss create mode 100644 _sass/vendor/helpers/_settings.scss delete mode 100644 fonts/Alfabeti.ttf create mode 100644 fonts/TruenoBd.otf diff --git a/.gitignore b/.gitignore index d913b61..9951365 100644 --- a/.gitignore +++ b/.gitignore @@ -16,4 +16,4 @@ ehthumbs.db **/.DS_Store **/._.DS_Store -vendor/ +vendor/bundle/ diff --git a/_includes/head.html b/_includes/head.html index 1737e43..abd323e 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -27,7 +27,6 @@ - diff --git a/_sass/vendor/_animate.scss b/_sass/vendor/_animate.scss new file mode 100644 index 0000000..d62e59b --- /dev/null +++ b/_sass/vendor/_animate.scss @@ -0,0 +1,91 @@ +//////////////////////////////////////////////////////////// +// Import everything to generate your animate sass module // +//////////////////////////////////////////////////////////// +@import "helpers/mixins", + "helpers/settings"; + +// ATTENTION +@import "animations/attention-seekers/bounce", + "animations/attention-seekers/flash", + "animations/attention-seekers/pulse", + "animations/attention-seekers/shake", + "animations/attention-seekers/swing", + "animations/attention-seekers/wiggle", + "animations/attention-seekers/wobble", + "animations/attention-seekers/tada"; + +// BOUNCE +@import "animations/bounce-enter/bounceIn", + "animations/bounce-enter/bounceInDown", + "animations/bounce-enter/bounceInLeft", + "animations/bounce-enter/bounceInRight", + "animations/bounce-enter/bounceInUp", + "animations/bounce-exit/bounceOut", + "animations/bounce-exit/bounceOutDown", + "animations/bounce-exit/bounceOutLeft", + "animations/bounce-exit/bounceOutRight", + "animations/bounce-exit/bounceOutUp"; + +// FADE +@import "animations/fade-enter/fadeIn", + "animations/fade-enter/fadeInDown", + "animations/fade-enter/fadeInDownBig", + "animations/fade-enter/fadeInLeft", + "animations/fade-enter/fadeInLeftBig", + "animations/fade-enter/fadeInRight", + "animations/fade-enter/fadeInRightBig", + "animations/fade-enter/fadeInUp", + "animations/fade-enter/fadeInUpBig", + "animations/fade-exit/fadeOut", + "animations/fade-exit/fadeOutDown", + "animations/fade-exit/fadeOutDownBig", + "animations/fade-exit/fadeOutLeft", + "animations/fade-exit/fadeOutLeftBig", + "animations/fade-exit/fadeOutRight", + "animations/fade-exit/fadeOutRightBig", + "animations/fade-exit/fadeOutUp", + "animations/fade-exit/fadeOutUpBig"; + +// FLIP +@import "animations/flippers/flip", + "animations/flippers/flipInX", + "animations/flippers/flipInY", + "animations/flippers/flipOutX", + "animations/flippers/flipOutY"; + +// LIGHTSPEED +@import "animations/lightspeed/lightSpeedIn", + "animations/lightspeed/lightSpeedOut"; + +// ROTATE +@import "animations/rotate-enter/rotateIn", + "animations/rotate-enter/rotateInDownLeft", + "animations/rotate-enter/rotateInDownRight", + "animations/rotate-enter/rotateInUpLeft", + "animations/rotate-enter/rotateInUpRight", + "animations/rotate-exit/rotateOut", + "animations/rotate-exit/rotateOutDownLeft", + "animations/rotate-exit/rotateOutDownRight", + "animations/rotate-exit/rotateOutUpLeft", + "animations/rotate-exit/rotateOutUpRight"; + +// SPECIAL +@import "animations/special/hinge", + "animations/special/rollIn", + "animations/special/rollOut"; + +///////////////////////////////////////////////////////// +// Copy the css rules below into your own sass file // +///////////////////////////////////////////////////////// + +// body { +// -webkit-backface-visibility: hidden; // Addresses a small issue in webkit: http://bit.ly/NEdoDq +// } +// .animated { +// @include animate-prefixer(animation-duration, $base-duration); +// @include animate-prefixer(animation-fill-mode, both); + +// &.hinge { +// @include animate-prefixer(animation-duration, $base-duration * 2); +// } +// } diff --git a/_sass/vendor/_bootstrap-custom.scss b/_sass/vendor/_bootstrap-custom.scss new file mode 100644 index 0000000..01666e2 --- /dev/null +++ b/_sass/vendor/_bootstrap-custom.scss @@ -0,0 +1,50 @@ +// Core variables and mixins +@import "bootstrap/variables"; +@import "bootstrap/mixins"; + +// Reset and dependencies +@import "bootstrap/normalize"; +@import "bootstrap/print"; +// @import "bootstrap/glyphicons"; + +// Core CSS +@import "bootstrap/scaffolding"; +@import "bootstrap/type"; +@import "bootstrap/code"; +@import "bootstrap/grid"; +// @import "bootstrap/tables"; +@import "bootstrap/forms"; +@import "bootstrap/buttons"; + +// Components +@import "bootstrap/component-animations"; +// @import "bootstrap/dropdowns"; +// @import "bootstrap/button-groups"; +// @import "bootstrap/input-groups"; +// @import "bootstrap/navs"; +// @import "bootstrap/navbar"; +// @import "bootstrap/breadcrumbs"; +// @import "bootstrap/pagination"; +// @import "bootstrap/pager"; +// @import "bootstrap/labels"; +// @import "bootstrap/badges"; +@import "bootstrap/jumbotron"; +@import "bootstrap/thumbnails"; +// @import "bootstrap/alerts"; +// @import "bootstrap/progress-bars"; +@import "bootstrap/media"; +// @import "bootstrap/list-group"; +// @import "bootstrap/panels"; +@import "bootstrap/responsive-embed"; +// @import "bootstrap/wells"; +@import "bootstrap/close"; + +// Components w/ JavaScript +@import "bootstrap/modals"; +// @import "bootstrap/tooltip"; +// @import "bootstrap/popovers"; +// @import "bootstrap/carousel"; + +// Utility classes +@import "bootstrap/utilities"; +@import "bootstrap/responsive-utilities"; diff --git a/_sass/vendor/_waves.scss b/_sass/vendor/_waves.scss new file mode 100644 index 0000000..72ad5e5 --- /dev/null +++ b/_sass/vendor/_waves.scss @@ -0,0 +1,140 @@ +/*! + * Waves v0.6.0 + * http://fian.my.id/Waves + * + * Copyright 2014 Alfiana E. Sibuea and other contributors + * Released under the MIT license + * https://github.com/fians/Waves/blob/master/LICENSE + */ +.waves-effect { + position: relative; + cursor: pointer; + display: inline-block; + overflow: hidden; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: transparent; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} +.waves-effect .waves-ripple { + position: absolute; + border-radius: 50%; + width: 100px; + height: 100px; + margin-top: -50px; + margin-left: -50px; + opacity: 0; + background: rgba(0, 0, 0, 0.2); + background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); + background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); + background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); + background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); + -webkit-transition: all 0.5s ease-out; + -moz-transition: all 0.5s ease-out; + -o-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; + -webkit-transition-property: -webkit-transform, opacity; + -moz-transition-property: -moz-transform, opacity; + -o-transition-property: -o-transform, opacity; + transition-property: transform, opacity; + -webkit-transform: scale(0); + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); + pointer-events: none; +} +.waves-effect.waves-light .waves-ripple { + background: rgba(255, 255, 255, 0.4); + background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); + background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); + background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); + background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); +} +.waves-effect.waves-classic .waves-ripple { + background: rgba(0, 0, 0, 0.2); +} +.waves-effect.waves-classic.waves-light .waves-ripple { + background: rgba(255, 255, 255, 0.4); +} +.waves-notransition { + -webkit-transition: none !important; + -moz-transition: none !important; + -o-transition: none !important; + transition: none !important; +} +.waves-button, +.waves-circle { + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -ms-transform: translateZ(0); + -o-transform: translateZ(0); + transform: translateZ(0); + -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%); +} +.waves-button, +.waves-button:hover, +.waves-button:visited, +.waves-button-input { + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + border: none; + outline: none; + color: inherit; + background-color: rgba(0, 0, 0, 0); + font-size: 1em; + line-height: 1em; + text-align: center; + text-decoration: none; + z-index: 1; +} +.waves-button { + padding: 0.85em 1.1em; + border-radius: 0.2em; +} +.waves-button-input { + margin: 0; + padding: 0.85em 1.1em; +} +.waves-input-wrapper { + border-radius: 0.2em; + vertical-align: bottom; +} +.waves-input-wrapper.waves-button { + padding: 0; +} +.waves-input-wrapper .waves-button-input { + position: relative; + top: 0; + left: 0; + z-index: 1; +} +.waves-circle { + text-align: center; + width: 2.5em; + height: 2.5em; + line-height: 2.5em; + border-radius: 50%; +} +.waves-float { + -webkit-mask-image: none; + -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); + box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); +} +.waves-float:active { + -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); + box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); +} +.waves-block { + display: block; +} +/* Firefox Bug: link not triggered */ +a.waves-effect .waves-ripple { + z-index: -1; +} diff --git a/_sass/vendor/animations/attention-seekers/_bounce.scss b/_sass/vendor/animations/attention-seekers/_bounce.scss new file mode 100644 index 0000000..fb99b2a --- /dev/null +++ b/_sass/vendor/animations/attention-seekers/_bounce.scss @@ -0,0 +1,30 @@ +@if $use-bounce == true { + + @-webkit-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} + 40% {-webkit-transform: translateY(-$base-distance * 3);} + 60% {-webkit-transform: translateY(-$base-distance * 1.5);} + } + + @-moz-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} + 40% {-moz-transform: translateY(-$base-distance * 3);} + 60% {-moz-transform: translateY(-$base-distance * 1.5);} + } + + @-o-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} + 40% {-o-transform: translateY(-$base-distance * 3);} + 60% {-o-transform: translateY(-$base-distance * 1.5);} + } + @keyframes bounce { + 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} + 40% {transform: translateY(-$base-distance * 3);} + 60% {transform: translateY(-$base-distance * 1.5);} + } + + .bounce { + @include animate-prefixer(animation-name, bounce); + } + +} diff --git a/_sass/vendor/animations/attention-seekers/_flash.scss b/_sass/vendor/animations/attention-seekers/_flash.scss new file mode 100644 index 0000000..282e3b3 --- /dev/null +++ b/_sass/vendor/animations/attention-seekers/_flash.scss @@ -0,0 +1,12 @@ +@if $use-flash == true { + + @include animate-keyframe(flash) { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} + } + + .flash { + @include animate-prefixer(animation-name, flash); + } + +} diff --git a/_sass/vendor/animations/attention-seekers/_pulse.scss b/_sass/vendor/animations/attention-seekers/_pulse.scss new file mode 100644 index 0000000..8e84d24 --- /dev/null +++ b/_sass/vendor/animations/attention-seekers/_pulse.scss @@ -0,0 +1,33 @@ +@if $use-pulse == true { + + // originally authored by Nick Pettit - https://github.com/nickpettit/glide + + @-webkit-keyframes pulse { + 0% { -webkit-transform: scale(1); } + 50% { -webkit-transform: scale(1.1); } + 100% { -webkit-transform: scale(1); } + } + + @-moz-keyframes pulse { + 0% { -moz-transform: scale(1); } + 50% { -moz-transform: scale(1.1); } + 100% { -moz-transform: scale(1); } + } + + @-o-keyframes pulse { + 0% { -o-transform: scale(1); } + 50% { -o-transform: scale(1.1); } + 100% { -o-transform: scale(1); } + } + + @keyframes pulse { + 0% { transform: scale(1); } + 50% { transform: scale(1.1); } + 100% { transform: scale(1); } + } + + .pulse { + @include animate-prefixer(animation-name, pulse); + } + +} diff --git a/_sass/vendor/animations/attention-seekers/_shake.scss b/_sass/vendor/animations/attention-seekers/_shake.scss new file mode 100644 index 0000000..d9e9990 --- /dev/null +++ b/_sass/vendor/animations/attention-seekers/_shake.scss @@ -0,0 +1,30 @@ +@if $use-shake == true { + + @-webkit-keyframes shake { + 0%, 100% {-webkit-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-$base-distance);} + 20%, 40%, 60%, 80% {-webkit-transform: translateX($base-distance);} + } + + @-moz-keyframes shake { + 0%, 100% {-moz-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-$base-distance);} + 20%, 40%, 60%, 80% {-moz-transform: translateX($base-distance);} + } + + @-o-keyframes shake { + 0%, 100% {-o-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-$base-distance);} + 20%, 40%, 60%, 80% {-o-transform: translateX($base-distance);} + } + + @keyframes shake { + 0%, 100% {transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {transform: translateX(-$base-distance);} + 20%, 40%, 60%, 80% {transform: translateX($base-distance);} + } + + .shake { + @include animate-prefixer(animation-name, shake); + } +} diff --git a/_sass/vendor/animations/attention-seekers/_swing.scss b/_sass/vendor/animations/attention-seekers/_swing.scss new file mode 100644 index 0000000..3065ad8 --- /dev/null +++ b/_sass/vendor/animations/attention-seekers/_swing.scss @@ -0,0 +1,41 @@ +@if $use-swing == true { + + @-webkit-keyframes swing { + 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: $base-origin; } + 20% { -webkit-transform: rotate(15deg); } + 40% { -webkit-transform: rotate(-10deg); } + 60% { -webkit-transform: rotate(5deg); } + 80% { -webkit-transform: rotate(-5deg); } + 100% { -webkit-transform: rotate(0deg); } + } + + @-moz-keyframes swing { + 20% { -moz-transform: rotate(15deg); } + 40% { -moz-transform: rotate(-10deg); } + 60% { -moz-transform: rotate(5deg); } + 80% { -moz-transform: rotate(-5deg); } + 100% { -moz-transform: rotate(0deg); } + } + + @-o-keyframes swing { + 20% { -o-transform: rotate(15deg); } + 40% { -o-transform: rotate(-10deg); } + 60% { -o-transform: rotate(5deg); } + 80% { -o-transform: rotate(-5deg); } + 100% { -o-transform: rotate(0deg); } + } + + @keyframes swing { + 20% { transform: rotate(15deg); } + 40% { transform: rotate(-10deg); } + 60% { transform: rotate(5deg); } + 80% { transform: rotate(-5deg); } + 100% { transform: rotate(0deg); } + } + + .swing { + @include animate-prefixer(transform-origin, $base-origin); + @include animate-prefixer(animation-name, swing); + } + +} diff --git a/_sass/vendor/animations/attention-seekers/_tada.scss b/_sass/vendor/animations/attention-seekers/_tada.scss new file mode 100644 index 0000000..9d7b48f --- /dev/null +++ b/_sass/vendor/animations/attention-seekers/_tada.scss @@ -0,0 +1,39 @@ +@if $use-tada == true { + + @-webkit-keyframes tada { + 0% {-webkit-transform: scale(1);} + 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} + 100% {-webkit-transform: scale(1) rotate(0);} + } + + @-moz-keyframes tada { + 0% {-moz-transform: scale(1);} + 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} + 100% {-moz-transform: scale(1) rotate(0);} + } + + @-o-keyframes tada { + 0% {-o-transform: scale(1);} + 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} + 100% {-o-transform: scale(1) rotate(0);} + } + + @keyframes tada { + 0% {transform: scale(1);} + 10%, 20% {transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} + 100% {transform: scale(1) rotate(0);} + } + + .tada { + @include animate-prefixer(animation-name, tada); + } + +} diff --git a/_sass/vendor/animations/attention-seekers/_wiggle.scss b/_sass/vendor/animations/attention-seekers/_wiggle.scss new file mode 100644 index 0000000..0c7f259 --- /dev/null +++ b/_sass/vendor/animations/attention-seekers/_wiggle.scss @@ -0,0 +1,64 @@ +@if $use-wiggle == true { + + @-webkit-keyframes wiggle { + 0% { -webkit-transform: skewX(9deg); } + 10% { -webkit-transform: skewX(-8deg); } + 20% { -webkit-transform: skewX(7deg); } + 30% { -webkit-transform: skewX(-6deg); } + 40% { -webkit-transform: skewX(5deg); } + 50% { -webkit-transform: skewX(-4deg); } + 60% { -webkit-transform: skewX(3deg); } + 70% { -webkit-transform: skewX(-2deg); } + 80% { -webkit-transform: skewX(1deg); } + 90% { -webkit-transform: skewX(0deg); } + 100% { -webkit-transform: skewX(0deg); } + } + + @-moz-keyframes wiggle { + 0% { -moz-transform: skewX(9deg); } + 10% { -moz-transform: skewX(-8deg); } + 20% { -moz-transform: skewX(7deg); } + 30% { -moz-transform: skewX(-6deg); } + 40% { -moz-transform: skewX(5deg); } + 50% { -moz-transform: skewX(-4deg); } + 60% { -moz-transform: skewX(3deg); } + 70% { -moz-transform: skewX(-2deg); } + 80% { -moz-transform: skewX(1deg); } + 90% { -moz-transform: skewX(0deg); } + 100% { -moz-transform: skewX(0deg); } + } + + @-o-keyframes wiggle { + 0% { -o-transform: skewX(9deg); } + 10% { -o-transform: skewX(-8deg); } + 20% { -o-transform: skewX(7deg); } + 30% { -o-transform: skewX(-6deg); } + 40% { -o-transform: skewX(5deg); } + 50% { -o-transform: skewX(-4deg); } + 60% { -o-transform: skewX(3deg); } + 70% { -o-transform: skewX(-2deg); } + 80% { -o-transform: skewX(1deg); } + 90% { -o-transform: skewX(0deg); } + 100% { -o-transform: skewX(0deg); } + } + + @keyframes wiggle { + 0% { transform: skewX(9deg); } + 10% { transform: skewX(-8deg); } + 20% { transform: skewX(7deg); } + 30% { transform: skewX(-6deg); } + 40% { transform: skewX(5deg); } + 50% { transform: skewX(-4deg); } + 60% { transform: skewX(3deg); } + 70% { transform: skewX(-2deg); } + 80% { transform: skewX(1deg); } + 90% { transform: skewX(0deg); } + 100% { transform: skewX(0deg); } + } + + .wiggle { + @include animate-prefixer(animation-name, wiggle); + @include animate-prefixer(animation-timing-function, $base-timing-function-in); + } + +} diff --git a/_sass/vendor/animations/attention-seekers/_wobble.scss b/_sass/vendor/animations/attention-seekers/_wobble.scss new file mode 100644 index 0000000..d84b78c --- /dev/null +++ b/_sass/vendor/animations/attention-seekers/_wobble.scss @@ -0,0 +1,49 @@ +@if $use-wobble == true { + + // originally authored by Nick Pettit - https://github.com/nickpettit/glide + + @-webkit-keyframes wobble { + 0% { -webkit-transform: translateX(0%); } + 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } + 30% { -webkit-transform: translateX(20%) rotate(3deg); } + 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } + 60% { -webkit-transform: translateX(10%) rotate(2deg); } + 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } + 100% { -webkit-transform: translateX(0%); } + } + + @-moz-keyframes wobble { + 0% { -moz-transform: translateX(0%); } + 15% { -moz-transform: translateX(-25%) rotate(-5deg); } + 30% { -moz-transform: translateX(20%) rotate(3deg); } + 45% { -moz-transform: translateX(-15%) rotate(-3deg); } + 60% { -moz-transform: translateX(10%) rotate(2deg); } + 75% { -moz-transform: translateX(-5%) rotate(-1deg); } + 100% { -moz-transform: translateX(0%); } + } + + @-o-keyframes wobble { + 0% { -o-transform: translateX(0%); } + 15% { -o-transform: translateX(-25%) rotate(-5deg); } + 30% { -o-transform: translateX(20%) rotate(3deg); } + 45% { -o-transform: translateX(-15%) rotate(-3deg); } + 60% { -o-transform: translateX(10%) rotate(2deg); } + 75% { -o-transform: translateX(-5%) rotate(-1deg); } + 100% { -o-transform: translateX(0%); } + } + + @keyframes wobble { + 0% { transform: translateX(0%); } + 15% { transform: translateX(-25%) rotate(-5deg); } + 30% { transform: translateX(20%) rotate(3deg); } + 45% { transform: translateX(-15%) rotate(-3deg); } + 60% { transform: translateX(10%) rotate(2deg); } + 75% { transform: translateX(-5%) rotate(-1deg); } + 100% { transform: translateX(0%); } + } + + .wobble { + @include animate-prefixer(animation-name, wobble); + } + +} diff --git a/_sass/vendor/animations/bounce-enter/_bounceIn.scss b/_sass/vendor/animations/bounce-enter/_bounceIn.scss new file mode 100644 index 0000000..a2d5e2d --- /dev/null +++ b/_sass/vendor/animations/bounce-enter/_bounceIn.scss @@ -0,0 +1,87 @@ +@if $use-bounceIn == true { + + @-webkit-keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(0.3); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + } + + 70% { + -webkit-transform: scale(0.9); + } + + 100% { + -webkit-transform: scale(1); + } + } + + @-moz-keyframes bounceIn { + 0% { + opacity: 0; + -moz-transform: scale(0.3); + } + + 50% { + opacity: 1; + -moz-transform: scale(1.05); + } + + 70% { + -moz-transform: scale(0.9); + } + + 100% { + -moz-transform: scale(1); + } + } + + @-o-keyframes bounceIn { + 0% { + opacity: 0; + -o-transform: scale(0.3); + } + + 50% { + opacity: 1; + -o-transform: scale(1.05); + } + + 70% { + -o-transform: scale(0.9); + } + + 100% { + -o-transform: scale(1); + } + } + + @keyframes bounceIn { + 0% { + opacity: 0; + transform: scale(0.3); + } + + 50% { + opacity: 1; + transform: scale(1.05); + } + + 70% { + transform: scale(0.9); + } + + 100% { + transform: scale(1); + } + } + + .bounceIn { + @include animate-prefixer(animation-name, bounceIn); + } + +} diff --git a/_sass/vendor/animations/bounce-enter/_bounceInDown.scss b/_sass/vendor/animations/bounce-enter/_bounceInDown.scss new file mode 100644 index 0000000..836faf1 --- /dev/null +++ b/_sass/vendor/animations/bounce-enter/_bounceInDown.scss @@ -0,0 +1,85 @@ +@if $use-bounceInDown == true { + @-webkit-keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-$base-distance-big * 2); + } + + 60% { + opacity: 1; + -webkit-transform: translateY($base-distance * 3); + } + + 80% { + -webkit-transform: translateY(-$base-distance); + } + + 100% { + -webkit-transform: translateY(0); + } + } + + @-moz-keyframes bounceInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-$base-distance-big * 2); + } + + 60% { + opacity: 1; + -moz-transform: translateY($base-distance * 3); + } + + 80% { + -moz-transform: translateY(-$base-distance); + } + + 100% { + -moz-transform: translateY(0); + } + } + + @-o-keyframes bounceInDown { + 0% { + opacity: 0; + -o-transform: translateY(-$base-distance-big * 2); + } + + 60% { + opacity: 1; + -o-transform: translateY($base-distance * 3); + } + + 80% { + -o-transform: translateY(-$base-distance); + } + + 100% { + -o-transform: translateY(0); + } + } + + @keyframes bounceInDown { + 0% { + opacity: 0; + transform: translateY(-$base-distance-big * 2); + } + + 60% { + opacity: 1; + transform: translateY($base-distance * 3); + } + + 80% { + transform: translateY(-$base-distance); + } + + 100% { + transform: translateY(0); + } + } + + .bounceInDown { + @include animate-prefixer(animation-name, bounceInDown); + } +} diff --git a/_sass/vendor/animations/bounce-enter/_bounceInLeft.scss b/_sass/vendor/animations/bounce-enter/_bounceInLeft.scss new file mode 100644 index 0000000..179277f --- /dev/null +++ b/_sass/vendor/animations/bounce-enter/_bounceInLeft.scss @@ -0,0 +1,86 @@ +@if $use-bounceInLeft == true { + + @-webkit-keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-$base-distance-big * 2); + } + + 60% { + opacity: 1; + -webkit-transform: translateX($base-distance * 3); + } + + 80% { + -webkit-transform: translateX(-$base-distance); + } + + 100% { + -webkit-transform: translateX(0); + } + } + + @-moz-keyframes bounceInLeft { + 0% { + opacity: 0; + -moz-transform: translateX(-$base-distance-big * 2); + } + + 60% { + opacity: 1; + -moz-transform: translateX($base-distance * 3); + } + + 80% { + -moz-transform: translateX(-$base-distance); + } + + 100% { + -moz-transform: translateX(0); + } + } + + @-o-keyframes bounceInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-$base-distance-big * 2); + } + + 60% { + opacity: 1; + -o-transform: translateX($base-distance * 3); + } + + 80% { + -o-transform: translateX(-$base-distance); + } + + 100% { + -o-transform: translateX(0); + } + } + + @keyframes bounceInLeft { + 0% { + opacity: 0; + transform: translateX(-$base-distance-big * 2); + } + + 60% { + opacity: 1; + transform: translateX($base-distance * 3); + } + + 80% { + transform: translateX(-$base-distance); + } + + 100% { + transform: translateX(0); + } + } + + .bounceInLeft { + @include animate-prefixer(animation-name, bounceInLeft); + } +} diff --git a/_sass/vendor/animations/bounce-enter/_bounceInRight.scss b/_sass/vendor/animations/bounce-enter/_bounceInRight.scss new file mode 100644 index 0000000..466d1e1 --- /dev/null +++ b/_sass/vendor/animations/bounce-enter/_bounceInRight.scss @@ -0,0 +1,86 @@ +@if $use-bounceInRight == true { + + @-webkit-keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX($base-distance-big * 2); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(-$base-distance * 3); + } + + 80% { + -webkit-transform: translateX($base-distance); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes bounceInRight { + 0% { + opacity: 0; + -moz-transform: translateX($base-distance-big * 2); + } + + 60% { + opacity: 1; + -moz-transform: translateX(-$base-distance * 3); + } + + 80% { + -moz-transform: translateX($base-distance); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes bounceInRight { + 0% { + opacity: 0; + -o-transform: translateX($base-distance-big * 2); + } + + 60% { + opacity: 1; + -o-transform: translateX(-$base-distance * 3); + } + + 80% { + -o-transform: translateX($base-distance); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes bounceInRight { + 0% { + opacity: 0; + transform: translateX($base-distance-big * 2); + } + + 60% { + opacity: 1; + transform: translateX(-$base-distance * 3); + } + + 80% { + transform: translateX($base-distance); + } + + 100% { + transform: translateX(0); + } +} + +.bounceInRight { + @include animate-prefixer(animation-name, bounceInRight); +} +} diff --git a/_sass/vendor/animations/bounce-enter/_bounceInUp.scss b/_sass/vendor/animations/bounce-enter/_bounceInUp.scss new file mode 100644 index 0000000..20cb4e3 --- /dev/null +++ b/_sass/vendor/animations/bounce-enter/_bounceInUp.scss @@ -0,0 +1,86 @@ +@if $use-bounceInUp == true { + + @-webkit-keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY($base-distance-big * 2); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(-$base-distance * 3); + } + + 80% { + -webkit-transform: translateY($base-distance); + } + + 100% { + -webkit-transform: translateY(0); + } + } + @-moz-keyframes bounceInUp { + 0% { + opacity: 0; + -moz-transform: translateY($base-distance-big * 2); + } + + 60% { + opacity: 1; + -moz-transform: translateY(-$base-distance * 3); + } + + 80% { + -moz-transform: translateY($base-distance); + } + + 100% { + -moz-transform: translateY(0); + } + } + + @-o-keyframes bounceInUp { + 0% { + opacity: 0; + -o-transform: translateY($base-distance-big * 2); + } + + 60% { + opacity: 1; + -o-transform: translateY(-$base-distance * 3); + } + + 80% { + -o-transform: translateY($base-distance); + } + + 100% { + -o-transform: translateY(0); + } + } + + @keyframes bounceInUp { + 0% { + opacity: 0; + transform: translateY($base-distance-big * 2); + } + + 60% { + opacity: 1; + transform: translateY(-$base-distance * 3); + } + + 80% { + transform: translateY($base-distance); + } + + 100% { + transform: translateY(0); + } + } + + .bounceInUp { + @include animate-prefixer(animation-name, bounceInUp); + } + +} diff --git a/_sass/vendor/animations/bounce-exit/_bounceOut.scss b/_sass/vendor/animations/bounce-exit/_bounceOut.scss new file mode 100644 index 0000000..c63f793 --- /dev/null +++ b/_sass/vendor/animations/bounce-exit/_bounceOut.scss @@ -0,0 +1,87 @@ +@if $use-bounceOut == true { + + @-webkit-keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + } + + 25% { + -webkit-transform: scale(0.95); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(0.3); + } + } + + @-moz-keyframes bounceOut { + 0% { + -moz-transform: scale(1); + } + + 25% { + -moz-transform: scale(0.95); + } + + 50% { + opacity: 1; + -moz-transform: scale(1.1); + } + + 100% { + opacity: 0; + -moz-transform: scale(0.3); + } + } + + @-o-keyframes bounceOut { + 0% { + -o-transform: scale(1); + } + + 25% { + -o-transform: scale(0.95); + } + + 50% { + opacity: 1; + -o-transform: scale(1.1); + } + + 100% { + opacity: 0; + -o-transform: scale(0.3); + } + } + + @keyframes bounceOut { + 0% { + transform: scale(1); + } + + 25% { + transform: scale(0.95); + } + + 50% { + opacity: 1; + transform: scale(1.1); + } + + 100% { + opacity: 0; + transform: scale(0.3); + } + } + + .bounceOut { + @include animate-prefixer(animation-name, bounceOut); + } + +} diff --git a/_sass/vendor/animations/bounce-exit/_bounceOutDown.scss b/_sass/vendor/animations/bounce-exit/_bounceOutDown.scss new file mode 100644 index 0000000..04db9be --- /dev/null +++ b/_sass/vendor/animations/bounce-exit/_bounceOutDown.scss @@ -0,0 +1,71 @@ +@if $use-bounceOutDown == true { + + @-webkit-keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(-$base-distance * 2); + } + + 100% { + opacity: 0; + -webkit-transform: translateY($base-distance-big * 2); + } + } + + @-moz-keyframes bounceOutDown { + 0% { + -moz-transform: translateY(0); + } + + 20% { + opacity: 1; + -moz-transform: translateY(-$base-distance * 2); + } + + 100% { + opacity: 0; + -moz-transform: translateY($base-distance-big * 2); + } + } + + @-o-keyframes bounceOutDown { + 0% { + -o-transform: translateY(0); + } + + 20% { + opacity: 1; + -o-transform: translateY(-$base-distance * 2); + } + + 100% { + opacity: 0; + -o-transform: translateY($base-distance-big * 2); + } + } + + @keyframes bounceOutDown { + 0% { + transform: translateY(0); + } + + 20% { + opacity: 1; + transform: translateY(-$base-distance * 2); + } + + 100% { + opacity: 0; + transform: translateY($base-distance-big * 2); + } + } + + .bounceOutDown { + @include animate-prefixer(animation-name, bounceOutDown); + } + +} diff --git a/_sass/vendor/animations/bounce-exit/_bounceOutLeft.scss b/_sass/vendor/animations/bounce-exit/_bounceOutLeft.scss new file mode 100644 index 0000000..e4af46b --- /dev/null +++ b/_sass/vendor/animations/bounce-exit/_bounceOutLeft.scss @@ -0,0 +1,71 @@ +@if $use-bounceOutLeft == true { + + @-webkit-keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX($base-distance * 2); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-$base-distance-big * 2); + } + } + + @-moz-keyframes bounceOutLeft { + 0% { + -moz-transform: translateX(0); + } + + 20% { + opacity: 1; + -moz-transform: translateX($base-distance * 2); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-$base-distance-big * 2); + } + } + + @-o-keyframes bounceOutLeft { + 0% { + -o-transform: translateX(0); + } + + 20% { + opacity: 1; + -o-transform: translateX($base-distance * 2); + } + + 100% { + opacity: 0; + -o-transform: translateX(-$base-distance-big * 2); + } + } + + @keyframes bounceOutLeft { + 0% { + transform: translateX(0); + } + + 20% { + opacity: 1; + transform: translateX($base-distance * 2); + } + + 100% { + opacity: 0; + transform: translateX(-$base-distance-big * 2); + } + } + + .bounceOutLeft { + @include animate-prefixer(animation-name, bounceOutLeft); + } + +} diff --git a/_sass/vendor/animations/bounce-exit/_bounceOutRight.scss b/_sass/vendor/animations/bounce-exit/_bounceOutRight.scss new file mode 100644 index 0000000..a935eef --- /dev/null +++ b/_sass/vendor/animations/bounce-exit/_bounceOutRight.scss @@ -0,0 +1,71 @@ +@if $use-bounceOutRight == true { + + @-webkit-keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(-$base-distance * 2); + } + + 100% { + opacity: 0; + -webkit-transform: translateX($base-distance-big * 2); + } + } + + @-moz-keyframes bounceOutRight { + 0% { + -moz-transform: translateX(0); + } + + 20% { + opacity: 1; + -moz-transform: translateX(-$base-distance * 2); + } + + 100% { + opacity: 0; + -moz-transform: translateX($base-distance-big * 2); + } + } + + @-o-keyframes bounceOutRight { + 0% { + -o-transform: translateX(0); + } + + 20% { + opacity: 1; + -o-transform: translateX(-$base-distance * 2); + } + + 100% { + opacity: 0; + -o-transform: translateX($base-distance-big * 2); + } + } + + @keyframes bounceOutRight { + 0% { + transform: translateX(0); + } + + 20% { + opacity: 1; + transform: translateX(-$base-distance * 2); + } + + 100% { + opacity: 0; + transform: translateX($base-distance-big * 2); + } + } + + .bounceOutRight { + @include animate-prefixer(animation-name, bounceOutRight); + } + +} diff --git a/_sass/vendor/animations/bounce-exit/_bounceOutUp.scss b/_sass/vendor/animations/bounce-exit/_bounceOutUp.scss new file mode 100644 index 0000000..0c20950 --- /dev/null +++ b/_sass/vendor/animations/bounce-exit/_bounceOutUp.scss @@ -0,0 +1,71 @@ +@if $use-bounceOutUp == true { + + @-webkit-keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY($base-distance * 2); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-$base-distance-big * 2); + } + } + + @-moz-keyframes bounceOutUp { + 0% { + -moz-transform: translateY(0); + } + + 20% { + opacity: 1; + -moz-transform: translateY($base-distance * 2); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-$base-distance-big * 2); + } + } + + @-o-keyframes bounceOutUp { + 0% { + -o-transform: translateY(0); + } + + 20% { + opacity: 1; + -o-transform: translateY($base-distance * 2); + } + + 100% { + opacity: 0; + -o-transform: translateY(-$base-distance-big * 2); + } + } + + @keyframes bounceOutUp { + 0% { + transform: translateY(0); + } + + 20% { + opacity: 1; + transform: translateY($base-distance * 2); + } + + 100% { + opacity: 0; + transform: translateY(-$base-distance-big * 2); + } + } + + .bounceOutUp { + @include animate-prefixer(animation-name, bounceOutUp); + } + +} diff --git a/_sass/vendor/animations/fade-enter/_fadeIn.scss b/_sass/vendor/animations/fade-enter/_fadeIn.scss new file mode 100644 index 0000000..aa89187 --- /dev/null +++ b/_sass/vendor/animations/fade-enter/_fadeIn.scss @@ -0,0 +1,12 @@ +@if $use-fadeIn == true { + + @include animate-keyframe(fadeIn) { + 0% {opacity: 0;} + 100% {opacity: 1;} + } + + .fadeIn { + @include animate-prefixer(animation-name, fadeIn); + } + +} diff --git a/_sass/vendor/animations/fade-enter/_fadeInDown.scss b/_sass/vendor/animations/fade-enter/_fadeInDown.scss new file mode 100644 index 0000000..09d6aa7 --- /dev/null +++ b/_sass/vendor/animations/fade-enter/_fadeInDown.scss @@ -0,0 +1,54 @@ +@if $use-fadeInDown == true { + + @-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-$base-distance * 2); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } + } + + @-moz-keyframes fadeInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-$base-distance * 2); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } + } + + @-o-keyframes fadeInDown { + 0% { + opacity: 0; + -o-transform: translateY(-$base-distance * 2); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } + } + + @keyframes fadeInDown { + 0% { + opacity: 0; + transform: translateY(-$base-distance * 2); + } + + 100% { + opacity: 1; + transform: translateY(0); + } + } + + .fadeInDown { + @include animate-prefixer(animation-name, fadeInDown); + } +} diff --git a/_sass/vendor/animations/fade-enter/_fadeInDownBig.scss b/_sass/vendor/animations/fade-enter/_fadeInDownBig.scss new file mode 100644 index 0000000..2670da6 --- /dev/null +++ b/_sass/vendor/animations/fade-enter/_fadeInDownBig.scss @@ -0,0 +1,54 @@ +@if $use-fadeInDownBig == true { + + @-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-$base-distance-big * 2); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } + } + + @-moz-keyframes fadeInDownBig { + 0% { + opacity: 0; + -moz-transform: translateY(-$base-distance-big * 2); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } + } + + @-o-keyframes fadeInDownBig { + 0% { + opacity: 0; + -o-transform: translateY(-$base-distance-big * 2); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } + } + + @keyframes fadeInDownBig { + 0% { + opacity: 0; + transform: translateY(-$base-distance-big * 2); + } + + 100% { + opacity: 1; + transform: translateY(0); + } + } + + .fadeInDownBig { + @include animate-prefixer(animation-name, fadeInDownBig); + } +} diff --git a/_sass/vendor/animations/fade-enter/_fadeInLeft.scss b/_sass/vendor/animations/fade-enter/_fadeInLeft.scss new file mode 100644 index 0000000..2a94b43 --- /dev/null +++ b/_sass/vendor/animations/fade-enter/_fadeInLeft.scss @@ -0,0 +1,55 @@ +@if $use-fadeInLeft == true { + + @-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-$base-distance * 2); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } + } + + @-moz-keyframes fadeInLeft { + 0% { + opacity: 0; + -moz-transform: translateX(-$base-distance * 2); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } + } + + @-o-keyframes fadeInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-$base-distance * 2); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } + } + + @keyframes fadeInLeft { + 0% { + opacity: 0; + transform: translateX(-$base-distance * 2); + } + + 100% { + opacity: 1; + transform: translateX(0); + } + } + + .fadeInLeft { + @include animate-prefixer(animation-name, fadeInLeft); + } + +} diff --git a/_sass/vendor/animations/fade-enter/_fadeInLeftBig.scss b/_sass/vendor/animations/fade-enter/_fadeInLeftBig.scss new file mode 100644 index 0000000..9914fd0 --- /dev/null +++ b/_sass/vendor/animations/fade-enter/_fadeInLeftBig.scss @@ -0,0 +1,55 @@ +@if $use-fadeInLeftBig == true { + + @-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-$base-distance-big * 2); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } + } + + @-moz-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -moz-transform: translateX(-$base-distance-big * 2); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } + } + + @-o-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -o-transform: translateX(-$base-distance-big * 2); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } + } + + @keyframes fadeInLeftBig { + 0% { + opacity: 0; + transform: translateX(-$base-distance-big * 2); + } + + 100% { + opacity: 1; + transform: translateX(0); + } + } + + .fadeInLeftBig { + @include animate-prefixer(animation-name, fadeInLeftBig); + } + +} diff --git a/_sass/vendor/animations/fade-enter/_fadeInRight.scss b/_sass/vendor/animations/fade-enter/_fadeInRight.scss new file mode 100644 index 0000000..81047ff --- /dev/null +++ b/_sass/vendor/animations/fade-enter/_fadeInRight.scss @@ -0,0 +1,54 @@ +@if $use-fadeInRight == true { + + @-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX($base-distance * 2); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } + } + + @-moz-keyframes fadeInRight { + 0% { + opacity: 0; + -moz-transform: translateX($base-distance * 2); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } + } + + @-o-keyframes fadeInRight { + 0% { + opacity: 0; + -o-transform: translateX($base-distance * 2); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } + } + + @keyframes fadeInRight { + 0% { + opacity: 0; + transform: translateX($base-distance * 2); + } + + 100% { + opacity: 1; + transform: translateX(0); + } + } + + .fadeInRight { + @include animate-prefixer(animation-name, fadeInRight); + } +} diff --git a/_sass/vendor/animations/fade-enter/_fadeInRightBig.scss b/_sass/vendor/animations/fade-enter/_fadeInRightBig.scss new file mode 100644 index 0000000..7841778 --- /dev/null +++ b/_sass/vendor/animations/fade-enter/_fadeInRightBig.scss @@ -0,0 +1,54 @@ +@if $use-fadeInRightBig == true { + + @-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX($base-distance-big * 2); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } + } + + @-moz-keyframes fadeInRightBig { + 0% { + opacity: 0; + -moz-transform: translateX($base-distance-big * 2); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } + } + + @-o-keyframes fadeInRightBig { + 0% { + opacity: 0; + -o-transform: translateX($base-distance-big * 2); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } + } + + @keyframes fadeInRightBig { + 0% { + opacity: 0; + transform: translateX($base-distance-big * 2); + } + + 100% { + opacity: 1; + transform: translateX(0); + } + } + + .fadeInRightBig { + @include animate-prefixer(animation-name, fadeInRightBig); + } +} diff --git a/_sass/vendor/animations/fade-enter/_fadeInUp.scss b/_sass/vendor/animations/fade-enter/_fadeInUp.scss new file mode 100644 index 0000000..f84331f --- /dev/null +++ b/_sass/vendor/animations/fade-enter/_fadeInUp.scss @@ -0,0 +1,55 @@ +@if $use-fadeInUp == true { + + @-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY($base-distance * 2); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } + } + + @-moz-keyframes fadeInUp { + 0% { + opacity: 0; + -moz-transform: translateY($base-distance * 2); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } + } + + @-o-keyframes fadeInUp { + 0% { + opacity: 0; + -o-transform: translateY($base-distance * 2); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } + } + + @keyframes fadeInUp { + 0% { + opacity: 0; + transform: translateY($base-distance * 2); + } + + 100% { + opacity: 1; + transform: translateY(0); + } + } + + .fadeInUp { + @include animate-prefixer(animation-name, fadeInUp); + } + +} diff --git a/_sass/vendor/animations/fade-enter/_fadeInUpBig.scss b/_sass/vendor/animations/fade-enter/_fadeInUpBig.scss new file mode 100644 index 0000000..d749ec9 --- /dev/null +++ b/_sass/vendor/animations/fade-enter/_fadeInUpBig.scss @@ -0,0 +1,55 @@ +@if $use-fadeInUpBig == true { + + @-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY($base-distance-big * 2); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } + } + + @-moz-keyframes fadeInUpBig { + 0% { + opacity: 0; + -moz-transform: translateY($base-distance-big * 2); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } + } + + @-o-keyframes fadeInUpBig { + 0% { + opacity: 0; + -o-transform: translateY($base-distance-big * 2); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } + } + + @keyframes fadeInUpBig { + 0% { + opacity: 0; + transform: translateY($base-distance-big * 2); + } + + 100% { + opacity: 1; + transform: translateY(0); + } + } + + .fadeInUpBig { + @include animate-prefixer(animation-name, fadeInUpBig); + } + +} diff --git a/_sass/vendor/animations/fade-exit/_fadeOut.scss b/_sass/vendor/animations/fade-exit/_fadeOut.scss new file mode 100644 index 0000000..7b05090 --- /dev/null +++ b/_sass/vendor/animations/fade-exit/_fadeOut.scss @@ -0,0 +1,12 @@ +@if $use-fadeOut == true { + + @include animate-keyframe(fadeOut) { + 0% {opacity: 1;} + 100% {opacity: 0;} + } + + .fadeOut { + @include animate-prefixer(animation-name, fadeOut); + } + +} diff --git a/_sass/vendor/animations/fade-exit/_fadeOutDown.scss b/_sass/vendor/animations/fade-exit/_fadeOutDown.scss new file mode 100644 index 0000000..e0da836 --- /dev/null +++ b/_sass/vendor/animations/fade-exit/_fadeOutDown.scss @@ -0,0 +1,54 @@ +@if $use-fadeOutDown == true { + + @-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY($base-distance * 2); + } + } + + @-moz-keyframes fadeOutDown { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY($base-distance * 2); + } + } + + @-o-keyframes fadeOutDown { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY($base-distance * 2); + } + } + + @keyframes fadeOutDown { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY($base-distance * 2); + } + } + + .fadeOutDown { + @include animate-prefixer(animation-name, fadeOutDown); + } +} diff --git a/_sass/vendor/animations/fade-exit/_fadeOutDownBig.scss b/_sass/vendor/animations/fade-exit/_fadeOutDownBig.scss new file mode 100644 index 0000000..b8cf39c --- /dev/null +++ b/_sass/vendor/animations/fade-exit/_fadeOutDownBig.scss @@ -0,0 +1,54 @@ +@if $use-fadeOutDownBig == true { + + @-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY($base-distance-big * 2); + } + } + + @-moz-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY($base-distance-big * 2); + } + } + + @-o-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY($base-distance-big * 2); + } + } + + @keyframes fadeOutDownBig { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY($base-distance-big * 2); + } + } + + .fadeOutDownBig { + @include animate-prefixer(animation-name, fadeOutDownBig); + } +} diff --git a/_sass/vendor/animations/fade-exit/_fadeOutLeft.scss b/_sass/vendor/animations/fade-exit/_fadeOutLeft.scss new file mode 100644 index 0000000..612c91c --- /dev/null +++ b/_sass/vendor/animations/fade-exit/_fadeOutLeft.scss @@ -0,0 +1,55 @@ +@if $use-fadeOutLeft == true { + + @-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-$base-distance * 2); + } + } + + @-moz-keyframes fadeOutLeft { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-$base-distance * 2); + } + } + + @-o-keyframes fadeOutLeft { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-$base-distance * 2); + } + } + + @keyframes fadeOutLeft { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-$base-distance * 2); + } + } + + .fadeOutLeft { + @include animate-prefixer(animation-name, fadeOutLeft); + } + +} diff --git a/_sass/vendor/animations/fade-exit/_fadeOutLeftBig.scss b/_sass/vendor/animations/fade-exit/_fadeOutLeftBig.scss new file mode 100644 index 0000000..7161d48 --- /dev/null +++ b/_sass/vendor/animations/fade-exit/_fadeOutLeftBig.scss @@ -0,0 +1,55 @@ +@if $use-fadeOutLeftBig == true { + + @-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-$base-distance-big * 2); + } + } + + @-moz-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-$base-distance-big * 2); + } + } + + @-o-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-$base-distance-big * 2); + } + } + + @keyframes fadeOutLeftBig { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-$base-distance-big * 2); + } + } + + .fadeOutLeftBig { + @include animate-prefixer(animation-name, fadeOutLeftBig); + } + +} diff --git a/_sass/vendor/animations/fade-exit/_fadeOutRight.scss b/_sass/vendor/animations/fade-exit/_fadeOutRight.scss new file mode 100644 index 0000000..4ae4795 --- /dev/null +++ b/_sass/vendor/animations/fade-exit/_fadeOutRight.scss @@ -0,0 +1,54 @@ +@if $use-fadeOutRight == true { + + @-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX($base-distance * 2); + } + } + + @-moz-keyframes fadeOutRight { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX($base-distance * 2); + } + } + + @-o-keyframes fadeOutRight { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX($base-distance * 2); + } + } + + @keyframes fadeOutRight { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX($base-distance * 2); + } + } + + .fadeOutRight { + @include animate-prefixer(animation-name, fadeOutRight); + } +} diff --git a/_sass/vendor/animations/fade-exit/_fadeOutRightBig.scss b/_sass/vendor/animations/fade-exit/_fadeOutRightBig.scss new file mode 100644 index 0000000..c144736 --- /dev/null +++ b/_sass/vendor/animations/fade-exit/_fadeOutRightBig.scss @@ -0,0 +1,54 @@ +@if $use-fadeOutRightBig == true { + + @-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX($base-distance-big * 2); + } + } + + @-moz-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX($base-distance-big * 2); + } + } + + @-o-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX($base-distance-big * 2); + } + } + + @keyframes fadeOutRightBig { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX($base-distance-big * 2); + } + } + + .fadeOutRightBig { + @include animate-prefixer(animation-name, fadeOutRightBig); + } +} diff --git a/_sass/vendor/animations/fade-exit/_fadeOutUp.scss b/_sass/vendor/animations/fade-exit/_fadeOutUp.scss new file mode 100644 index 0000000..03ac315 --- /dev/null +++ b/_sass/vendor/animations/fade-exit/_fadeOutUp.scss @@ -0,0 +1,55 @@ +@if $use-fadeOutUp == true { + + @-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-$base-distance * 2); + } + } + + @-moz-keyframes fadeOutUp { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-$base-distance * 2); + } + } + + @-o-keyframes fadeOutUp { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(-$base-distance * 2); + } + } + + @keyframes fadeOutUp { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(-$base-distance * 2); + } + } + + .fadeOutUp { + @include animate-prefixer(animation-name, fadeOutUp); + } + +} diff --git a/_sass/vendor/animations/fade-exit/_fadeOutUpBig.scss b/_sass/vendor/animations/fade-exit/_fadeOutUpBig.scss new file mode 100644 index 0000000..2d3827a --- /dev/null +++ b/_sass/vendor/animations/fade-exit/_fadeOutUpBig.scss @@ -0,0 +1,55 @@ +@if $use-fadeOutUpBig == true { + + @-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-$base-distance-big * 2); + } + } + + @-moz-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-$base-distance-big * 2); + } + } + + @-o-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(-$base-distance-big * 2); + } + } + + @keyframes fadeOutUpBig { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(-$base-distance-big * 2); + } + } + + .fadeOutUpBig { + @include animate-prefixer(animation-name, fadeOutUpBig); + } + +} diff --git a/_sass/vendor/animations/flippers/_flip.scss b/_sass/vendor/animations/flippers/_flip.scss new file mode 100644 index 0000000..88e5847 --- /dev/null +++ b/_sass/vendor/animations/flippers/_flip.scss @@ -0,0 +1,101 @@ +@if $use-flip == true { + + @-webkit-keyframes flip { + 0% { + -webkit-transform: perspective($flipper-perspective) rotateY(0); + -webkit-animation-timing-function: ease-out; + } + 40% { + -webkit-transform: perspective($flipper-perspective) translateZ($flipper-translate) rotateY(170deg); + -webkit-animation-timing-function: ease-out; + } + 50% { + -webkit-transform: perspective($flipper-perspective) translateZ($flipper-translate) rotateY(190deg) scale(1); + -webkit-animation-timing-function: ease-in; + } + 80% { + -webkit-transform: perspective($flipper-perspective) rotateY($flipper-degrees-max * 4) scale(0.95); + -webkit-animation-timing-function: ease-in; + } + 100% { + -webkit-transform: perspective($flipper-perspective) scale(1); + -webkit-animation-timing-function: ease-in; + } + } + + @-moz-keyframes flip { + 0% { + -moz-transform: perspective($flipper-perspective) rotateY(0); + -moz-animation-timing-function: ease-out; + } + 40% { + -moz-transform: perspective($flipper-perspective) translateZ($flipper-translate) rotateY(170deg); + -moz-animation-timing-function: ease-out; + } + 50% { + -moz-transform: perspective($flipper-perspective) translateZ($flipper-translate) rotateY(190deg) scale(1); + -moz-animation-timing-function: ease-in; + } + 80% { + -moz-transform: perspective($flipper-perspective) rotateY($flipper-degrees-max * 4) scale(0.95); + -moz-animation-timing-function: ease-in; + } + 100% { + -moz-transform: perspective($flipper-perspective) scale(1); + -moz-animation-timing-function: ease-in; + } + } + + @-o-keyframes flip { + 0% { + -o-transform: perspective($flipper-perspective) rotateY(0); + -o-animation-timing-function: ease-out; + } + 40% { + -o-transform: perspective($flipper-perspective) translateZ($flipper-translate) rotateY(170deg); + -o-animation-timing-function: ease-out; + } + 50% { + -o-transform: perspective($flipper-perspective) translateZ($flipper-translate) rotateY(190deg) scale(1); + -o-animation-timing-function: ease-in; + } + 80% { + -o-transform: perspective($flipper-perspective) rotateY($flipper-degrees-max * 4) scale(0.95); + -o-animation-timing-function: ease-in; + } + 100% { + -o-transform: perspective($flipper-perspective) scale(1); + -o-animation-timing-function: ease-in; + } + } + + @keyframes flip { + 0% { + transform: perspective($flipper-perspective) rotateY(0); + animation-timing-function: ease-out; + } + 40% { + transform: perspective($flipper-perspective) translateZ($flipper-translate) rotateY(170deg); + animation-timing-function: ease-out; + } + 50% { + transform: perspective($flipper-perspective) translateZ($flipper-translate) rotateY(190deg) scale(1); + animation-timing-function: ease-in; + } + 80% { + transform: perspective($flipper-perspective) rotateY($flipper-degrees-max * 4) scale(0.95); + animation-timing-function: ease-in; + } + 100% { + transform: perspective($flipper-perspective) scale(1); + animation-timing-function: ease-in; + } + } + + .flip { + @include animate-prefixer(transform-style, preserve-3d); + @include animate-prefixer(backface-visibility, visible !important); + @include animate-prefixer(animation-name, flip) + } + +} diff --git a/_sass/vendor/animations/flippers/_flipInX.scss b/_sass/vendor/animations/flippers/_flipInX.scss new file mode 100644 index 0000000..10d49f3 --- /dev/null +++ b/_sass/vendor/animations/flippers/_flipInX.scss @@ -0,0 +1,84 @@ +@if $use-flipInX == true { + + @-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective($flipper-perspective) rotateX($flipper-degrees-max); + opacity: 0; + } + + 40% { + -webkit-transform: perspective($flipper-perspective) rotateX(-$flipper-degrees); + } + + 70% { + -webkit-transform: perspective($flipper-perspective) rotateX($flipper-degrees); + } + + 100% { + -webkit-transform: perspective($flipper-perspective) rotateX(0deg); + opacity: 1; + } +} +@-moz-keyframes flipInX { + 0% { + -moz-transform: perspective($flipper-perspective) rotateX($flipper-degrees-max); + opacity: 0; + } + + 40% { + -moz-transform: perspective($flipper-perspective) rotateX(-$flipper-degrees); + } + + 70% { + -moz-transform: perspective($flipper-perspective) rotateX($flipper-degrees); + } + + 100% { + -moz-transform: perspective($flipper-perspective) rotateX(0deg); + opacity: 1; + } +} +@-o-keyframes flipInX { + 0% { + -o-transform: perspective($flipper-perspective) rotateX($flipper-degrees-max); + opacity: 0; + } + + 40% { + -o-transform: perspective($flipper-perspective) rotateX(-$flipper-degrees); + } + + 70% { + -o-transform: perspective($flipper-perspective) rotateX($flipper-degrees); + } + + 100% { + -o-transform: perspective($flipper-perspective) rotateX(0deg); + opacity: 1; + } +} +@keyframes flipInX { + 0% { + transform: perspective($flipper-perspective) rotateX($flipper-degrees-max); + opacity: 0; + } + + 40% { + transform: perspective($flipper-perspective) rotateX(-$flipper-degrees); + } + + 70% { + transform: perspective($flipper-perspective) rotateX($flipper-degrees); + } + + 100% { + transform: perspective($flipper-perspective) rotateX(0deg); + opacity: 1; + } +} + +.flipInX { + @include animate-prefixer(backface-visibility, visible !important); + @include animate-prefixer(animation-name, flipInX); +} +} diff --git a/_sass/vendor/animations/flippers/_flipInY.scss b/_sass/vendor/animations/flippers/_flipInY.scss new file mode 100644 index 0000000..bf87f81 --- /dev/null +++ b/_sass/vendor/animations/flippers/_flipInY.scss @@ -0,0 +1,87 @@ +@if $use-flipInY == true { + + @-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective($flipper-perspective) rotateY($flipper-degrees-max); + opacity: 0; + } + + 40% { + -webkit-transform: perspective($flipper-perspective) rotateY(-$flipper-degrees); + } + + 70% { + -webkit-transform: perspective($flipper-perspective) rotateY($flipper-degrees); + } + + 100% { + -webkit-transform: perspective($flipper-perspective) rotateY(0deg); + opacity: 1; + } + } + + @-moz-keyframes flipInY { + 0% { + -moz-transform: perspective($flipper-perspective) rotateY($flipper-degrees-max); + opacity: 0; + } + + 40% { + -moz-transform: perspective($flipper-perspective) rotateY(-$flipper-degrees); + } + + 70% { + -moz-transform: perspective($flipper-perspective) rotateY($flipper-degrees); + } + + 100% { + -moz-transform: perspective($flipper-perspective) rotateY(0deg); + opacity: 1; + } + } + + @-o-keyframes flipInY { + 0% { + -o-transform: perspective($flipper-perspective) rotateY($flipper-degrees-max); + opacity: 0; + } + + 40% { + -o-transform: perspective($flipper-perspective) rotateY(-$flipper-degrees); + } + + 70% { + -o-transform: perspective($flipper-perspective) rotateY($flipper-degrees); + } + + 100% { + -o-transform: perspective($flipper-perspective) rotateY(0deg); + opacity: 1; + } + } + + @keyframes flipInY { + 0% { + transform: perspective($flipper-perspective) rotateY($flipper-degrees-max); + opacity: 0; + } + + 40% { + transform: perspective($flipper-perspective) rotateY(-$flipper-degrees); + } + + 70% { + transform: perspective($flipper-perspective) rotateY($flipper-degrees); + } + + 100% { + transform: perspective($flipper-perspective) rotateY(0deg); + opacity: 1; + } + } + + .flipInY { + @include animate-prefixer(backface-visibility, visible !important); + @include animate-prefixer(animation-name, flipInY); + } +} diff --git a/_sass/vendor/animations/flippers/_flipOutX.scss b/_sass/vendor/animations/flippers/_flipOutX.scss new file mode 100644 index 0000000..5440a8e --- /dev/null +++ b/_sass/vendor/animations/flippers/_flipOutX.scss @@ -0,0 +1,52 @@ +@if $use-flipOutX == true { + + @-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective($flipper-perspective) rotateX(0deg); + opacity: 1; + } + 100% { + -webkit-transform: perspective($flipper-perspective) rotateX($flipper-degrees-max); + opacity: 0; + } + } + + @-moz-keyframes flipOutX { + 0% { + -moz-transform: perspective($flipper-perspective) rotateX(0deg); + opacity: 1; + } + 100% { + -moz-transform: perspective($flipper-perspective) rotateX($flipper-degrees-max); + opacity: 0; + } + } + + @-o-keyframes flipOutX { + 0% { + -o-transform: perspective($flipper-perspective) rotateX(0deg); + opacity: 1; + } + 100% { + -o-transform: perspective($flipper-perspective) rotateX($flipper-degrees-max); + opacity: 0; + } + } + + @keyframes flipOutX { + 0% { + transform: perspective($flipper-perspective) rotateX(0deg); + opacity: 1; + } + 100% { + transform: perspective($flipper-perspective) rotateX($flipper-degrees-max); + opacity: 0; + } + } + + .flipOutX { + @include animate-prefixer(animation-name, flipOutX); + @include animate-prefixer(backface-visibility, visible !important); + } + +} diff --git a/_sass/vendor/animations/flippers/_flipOutY.scss b/_sass/vendor/animations/flippers/_flipOutY.scss new file mode 100644 index 0000000..5806249 --- /dev/null +++ b/_sass/vendor/animations/flippers/_flipOutY.scss @@ -0,0 +1,51 @@ +@if $use-flipOutY == true { + + @-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective($flipper-perspective) rotateY(0deg); + opacity: 1; + } + 100% { + -webkit-transform: perspective($flipper-perspective) rotateY($flipper-degrees-max); + opacity: 0; + } + } + + @-moz-keyframes flipOutY { + 0% { + -moz-transform: perspective($flipper-perspective) rotateY(0deg); + opacity: 1; + } + 100% { + -moz-transform: perspective($flipper-perspective) rotateY($flipper-degrees-max); + opacity: 0; + } + } + + @-o-keyframes flipOutY { + 0% { + -o-transform: perspective($flipper-perspective) rotateY(0deg); + opacity: 1; + } + 100% { + -o-transform: perspective($flipper-perspective) rotateY($flipper-degrees-max); + opacity: 0; + } + } + + @keyframes flipOutY { + 0% { + transform: perspective($flipper-perspective) rotateY(0deg); + opacity: 1; + } + 100% { + transform: perspective($flipper-perspective) rotateY($flipper-degrees-max); + opacity: 0; + } + } + + .flipOutY { + @include animate-prefixer(backface-visibility, visible !important); + @include animate-prefixer(animation-name, flipOutY); + } +} diff --git a/_sass/vendor/animations/lightspeed/_lightSpeedIn.scss b/_sass/vendor/animations/lightspeed/_lightSpeedIn.scss new file mode 100644 index 0000000..73fff74 --- /dev/null +++ b/_sass/vendor/animations/lightspeed/_lightSpeedIn.scss @@ -0,0 +1,36 @@ +@if $use-lightSpeedIn == true { + + @-webkit-keyframes lightSpeedIn { + 0% { -webkit-transform: translateX(100%) skewX(-$base-degrees); opacity: 0; } + 60% { -webkit-transform: translateX(-20%) skewX($base-degrees); opacity: 1; } + 80% { -webkit-transform: translateX(0%) skewX(-$base-degrees / 2); opacity: 1; } + 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } + } + + @-moz-keyframes lightSpeedIn { + 0% { -moz-transform: translateX(100%) skewX(-$base-degrees); opacity: 0; } + 60% { -moz-transform: translateX(-20%) skewX($base-degrees); opacity: 1; } + 80% { -moz-transform: translateX(0%) skewX(-$base-degrees / 2); opacity: 1; } + 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } + } + + @-o-keyframes lightSpeedIn { + 0% { -o-transform: translateX(100%) skewX(-$base-degrees); opacity: 0; } + 60% { -o-transform: translateX(-20%) skewX($base-degrees); opacity: 1; } + 80% { -o-transform: translateX(0%) skewX(-$base-degrees / 2); opacity: 1; } + 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } + } + + @keyframes lightSpeedIn { + 0% { transform: translateX(100%) skewX(-$base-degrees); opacity: 0; } + 60% { transform: translateX(-20%) skewX($base-degrees); opacity: 1; } + 80% { transform: translateX(0%) skewX(-$base-degrees / 2); opacity: 1; } + 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } + } + + .lightSpeedIn { + @include animate-prefixer(animation-name, lightSpeedIn); + @include animate-prefixer(animation-timing-function, $base-timing-function-out); + } + +} diff --git a/_sass/vendor/animations/lightspeed/_lightSpeedOut.scss b/_sass/vendor/animations/lightspeed/_lightSpeedOut.scss new file mode 100644 index 0000000..b5ccc5a --- /dev/null +++ b/_sass/vendor/animations/lightspeed/_lightSpeedOut.scss @@ -0,0 +1,27 @@ +@if $use-lightSpeedOut == true { + + @-webkit-keyframes lightSpeedOut { + 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -webkit-transform: translateX(100%) skewX(-$base-degrees); opacity: 0; } + } + + @-moz-keyframes lightSpeedOut { + 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -moz-transform: translateX(100%) skewX(-$base-degrees); opacity: 0; } + } + + @-o-keyframes lightSpeedOut { + 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -o-transform: translateX(100%) skewX(-$base-degrees); opacity: 0; } + } + + @keyframes lightSpeedOut { + 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { transform: translateX(100%) skewX(-$base-degrees); opacity: 0; } + } + + .lightSpeedOut { + @include animate-prefixer(animation-name, lightSpeedOut); + @include animate-prefixer(animation-timing-function, $base-timing-function-in); + } +} diff --git a/_sass/vendor/animations/rotate-enter/_rotateIn.scss b/_sass/vendor/animations/rotate-enter/_rotateIn.scss new file mode 100644 index 0000000..ef421a0 --- /dev/null +++ b/_sass/vendor/animations/rotate-enter/_rotateIn.scss @@ -0,0 +1,60 @@ +@if $use-rotateIn == true { + + @-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: $rotate-origin; + -webkit-transform: rotate(-$rotate-degrees-max); + opacity: 0; + } + + 100% { + -webkit-transform-origin: $rotate-origin; + -webkit-transform: rotate(0); + opacity: 1; + } + } + @-moz-keyframes rotateIn { + 0% { + -moz-transform-origin: $rotate-origin; + -moz-transform: rotate(-$rotate-degrees-max); + opacity: 0; + } + + 100% { + -moz-transform-origin: $rotate-origin; + -moz-transform: rotate(0); + opacity: 1; + } + } + @-o-keyframes rotateIn { + 0% { + -o-transform-origin: $rotate-origin; + -o-transform: rotate(-$rotate-degrees-max); + opacity: 0; + } + + 100% { + -o-transform-origin: $rotate-origin; + -o-transform: rotate(0); + opacity: 1; + } + } + @keyframes rotateIn { + 0% { + transform-origin: $rotate-origin; + transform: rotate(-$rotate-degrees-max); + opacity: 0; + } + + 100% { + transform-origin: $rotate-origin; + transform: rotate(0); + opacity: 1; + } + } + + .rotateIn { + @include animate-prefixer(animation-name, rotateIn); + } + +} diff --git a/_sass/vendor/animations/rotate-enter/_rotateInDownLeft.scss b/_sass/vendor/animations/rotate-enter/_rotateInDownLeft.scss new file mode 100644 index 0000000..bde4a29 --- /dev/null +++ b/_sass/vendor/animations/rotate-enter/_rotateInDownLeft.scss @@ -0,0 +1,62 @@ +@if $use-rotateInDownLeft == true { + + @-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(-$rotate-degrees); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + } + + @-moz-keyframes rotateInDownLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(-$rotate-degrees); + opacity: 0; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } + } + + @-o-keyframes rotateInDownLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(-$rotate-degrees); + opacity: 0; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } + } + + @keyframes rotateInDownLeft { + 0% { + transform-origin: left bottom; + transform: rotate(-$rotate-degrees); + opacity: 0; + } + + 100% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } + } + + .rotateInDownLeft { + @include animate-prefixer(animation-name, rotateInDownLeft); + } +} diff --git a/_sass/vendor/animations/rotate-enter/_rotateInDownRight.scss b/_sass/vendor/animations/rotate-enter/_rotateInDownRight.scss new file mode 100644 index 0000000..4f796df --- /dev/null +++ b/_sass/vendor/animations/rotate-enter/_rotateInDownRight.scss @@ -0,0 +1,63 @@ +@if $use-rotateInDownRight == true { + + @-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate($rotate-degrees); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + } + + @-moz-keyframes rotateInDownRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate($rotate-degrees); + opacity: 0; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } + } + + @-o-keyframes rotateInDownRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate($rotate-degrees); + opacity: 0; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } + } + + @keyframes rotateInDownRight { + 0% { + transform-origin: right bottom; + transform: rotate($rotate-degrees); + opacity: 0; + } + + 100% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } + } + + .rotateInDownRight { + @include animate-prefixer(animation-name, rotateInDownRight); + } + +} diff --git a/_sass/vendor/animations/rotate-enter/_rotateInUpLeft.scss b/_sass/vendor/animations/rotate-enter/_rotateInUpLeft.scss new file mode 100644 index 0000000..623977e --- /dev/null +++ b/_sass/vendor/animations/rotate-enter/_rotateInUpLeft.scss @@ -0,0 +1,63 @@ +@if $use-rotateInUpLeft == true { + + @-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate($rotate-degrees); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + } + + @-moz-keyframes rotateInUpLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate($rotate-degrees); + opacity: 0; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } + } + + @-o-keyframes rotateInUpLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate($rotate-degrees); + opacity: 0; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } + } + + @keyframes rotateInUpLeft { + 0% { + transform-origin: left bottom; + transform: rotate($rotate-degrees); + opacity: 0; + } + + 100% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } + } + + .rotateInUpLeft { + @include animate-prefixer(animation-name, rotateInUpLeft); + } + +} diff --git a/_sass/vendor/animations/rotate-enter/_rotateInUpRight.scss b/_sass/vendor/animations/rotate-enter/_rotateInUpRight.scss new file mode 100644 index 0000000..4b6550d --- /dev/null +++ b/_sass/vendor/animations/rotate-enter/_rotateInUpRight.scss @@ -0,0 +1,63 @@ +@if $use-rotateInUpRight == true { + + @-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(-$rotate-degrees); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + } + + @-moz-keyframes rotateInUpRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(-$rotate-degrees); + opacity: 0; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } + } + + @-o-keyframes rotateInUpRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(-$rotate-degrees); + opacity: 0; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } + } + + @keyframes rotateInUpRight { + 0% { + transform-origin: right bottom; + transform: rotate(-$rotate-degrees); + opacity: 0; + } + + 100% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } + } + + .rotateInUpRight { + @include animate-prefixer(animation-name, rotateInUpRight); + } + +} diff --git a/_sass/vendor/animations/rotate-exit/_rotateOut.scss b/_sass/vendor/animations/rotate-exit/_rotateOut.scss new file mode 100644 index 0000000..0cffe02 --- /dev/null +++ b/_sass/vendor/animations/rotate-exit/_rotateOut.scss @@ -0,0 +1,63 @@ +@if $use-rotateOut == true { + + @-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: $rotate-origin; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: $rotate-origin; + -webkit-transform: rotate($rotate-degrees-max); + opacity: 0; + } + } + + @-moz-keyframes rotateOut { + 0% { + -moz-transform-origin: $rotate-origin; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: $rotate-origin; + -moz-transform: rotate($rotate-degrees-max); + opacity: 0; + } + } + + @-o-keyframes rotateOut { + 0% { + -o-transform-origin: $rotate-origin; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: $rotate-origin; + -o-transform: rotate($rotate-degrees-max); + opacity: 0; + } + } + + @keyframes rotateOut { + 0% { + transform-origin: $rotate-origin; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: $rotate-origin; + transform: rotate($rotate-degrees-max); + opacity: 0; + } + } + + .rotateOut { + @include animate-prefixer(animation-name, rotateOut); + } + +} diff --git a/_sass/vendor/animations/rotate-exit/_rotateOutDownLeft.scss b/_sass/vendor/animations/rotate-exit/_rotateOutDownLeft.scss new file mode 100644 index 0000000..eecf7b8 --- /dev/null +++ b/_sass/vendor/animations/rotate-exit/_rotateOutDownLeft.scss @@ -0,0 +1,62 @@ +@if $use-rotateOutDownLeft == true { + + @-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate($rotate-degrees); + opacity: 0; + } + } + + @-moz-keyframes rotateOutDownLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate($rotate-degrees); + opacity: 0; + } + } + + @-o-keyframes rotateOutDownLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate($rotate-degrees); + opacity: 0; + } + } + + @keyframes rotateOutDownLeft { + 0% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: left bottom; + transform: rotate($rotate-degrees); + opacity: 0; + } + } + + .rotateOutDownLeft { + @include animate-prefixer(animation-name, rotateOutDownLeft); + } +} diff --git a/_sass/vendor/animations/rotate-exit/_rotateOutDownRight.scss b/_sass/vendor/animations/rotate-exit/_rotateOutDownRight.scss new file mode 100644 index 0000000..df8a4db --- /dev/null +++ b/_sass/vendor/animations/rotate-exit/_rotateOutDownRight.scss @@ -0,0 +1,62 @@ +@if $use-rotateOutDownRight == true { + + @-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(-$rotate-degrees); + opacity: 0; + } + } + + @-moz-keyframes rotateOutDownRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(-$rotate-degrees); + opacity: 0; + } + } + + @-o-keyframes rotateOutDownRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(-$rotate-degrees); + opacity: 0; + } + } + + @keyframes rotateOutDownRight { + 0% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: right bottom; + transform: rotate(-$rotate-degrees); + opacity: 0; + } + } + + .rotateOutDownRight { + @include animate-prefixer(animation-name, rotateOutDownRight); + } +} diff --git a/_sass/vendor/animations/rotate-exit/_rotateOutUpLeft.scss b/_sass/vendor/animations/rotate-exit/_rotateOutUpLeft.scss new file mode 100644 index 0000000..463ee0e --- /dev/null +++ b/_sass/vendor/animations/rotate-exit/_rotateOutUpLeft.scss @@ -0,0 +1,63 @@ +@if $use-rotateOutDownRight == true { + + @-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(-$rotate-degrees); + opacity: 0; + } + } + + @-moz-keyframes rotateOutUpLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(-$rotate-degrees); + opacity: 0; + } + } + + @-o-keyframes rotateOutUpLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(-$rotate-degrees); + opacity: 0; + } + } + + @keyframes rotateOutUpLeft { + 0% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + -transform-origin: left bottom; + -transform: rotate(-$rotate-degrees); + opacity: 0; + } + } + + .rotateOutUpLeft { + @include animate-prefixer(animation-name, rotateOutUpLeft); + } + +} diff --git a/_sass/vendor/animations/rotate-exit/_rotateOutUpRight.scss b/_sass/vendor/animations/rotate-exit/_rotateOutUpRight.scss new file mode 100644 index 0000000..34864b9 --- /dev/null +++ b/_sass/vendor/animations/rotate-exit/_rotateOutUpRight.scss @@ -0,0 +1,61 @@ +@if $use-rotateOutUpRight == true { + @-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate($rotate-degrees); + opacity: 0; + } +} + +@-moz-keyframes rotateOutUpRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate($rotate-degrees); + opacity: 0; + } +} + +@-o-keyframes rotateOutUpRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate($rotate-degrees); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + 0% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: right bottom; + transform: rotate($rotate-degrees); + opacity: 0; + } +} + +.rotateOutUpRight { + @include animate-prefixer(animation-name, rotateOutUpRight); +} +} diff --git a/_sass/vendor/animations/special/_hinge.scss b/_sass/vendor/animations/special/_hinge.scss new file mode 100644 index 0000000..350e426 --- /dev/null +++ b/_sass/vendor/animations/special/_hinge.scss @@ -0,0 +1,38 @@ +@if $use-hinge == true { + + @-webkit-keyframes hinge { + 0% { -webkit-transform: rotate(0); -webkit-transform-origin: $hinge-origin; -webkit-animation-timing-function: $base-timing-function-in-out; } + 20%, 60% { -webkit-transform: rotate($hinge-degrees-max); -webkit-transform-origin: $hinge-origin; -webkit-animation-timing-function: $base-timing-function-in-out; } + 40% { -webkit-transform: rotate($base-degrees * 2); -webkit-transform-origin: $hinge-origin; -webkit-animation-timing-function: $base-timing-function-in-out; } + 80% { -webkit-transform: rotate($base-degrees * 2) translateY(0); opacity: 1; -webkit-transform-origin: $hinge-origin; -webkit-animation-timing-function: $base-timing-function-in-out; } + 100% { -webkit-transform: translateY($hinge-translate); opacity: 0; } + } + + @-moz-keyframes hinge { + 0% { -moz-transform: rotate(0); -moz-transform-origin: $hinge-origin; -moz-animation-timing-function: $base-timing-function-in-out; } + 20%, 60% { -moz-transform: rotate($hinge-degrees-max); -moz-transform-origin: $hinge-origin; -moz-animation-timing-function: $base-timing-function-in-out; } + 40% { -moz-transform: rotate($base-degrees * 2); -moz-transform-origin: $hinge-origin; -moz-animation-timing-function: $base-timing-function-in-out; } + 80% { -moz-transform: rotate($base-degrees * 2) translateY(0); opacity: 1; -moz-transform-origin: $hinge-origin; -moz-animation-timing-function: $base-timing-function-in-out; } + 100% { -moz-transform: translateY($hinge-translate); opacity: 0; } + } + + @-o-keyframes hinge { + 0% { -o-transform: rotate(0); -o-transform-origin: $hinge-origin; -o-animation-timing-function: $base-timing-function-in-out; } + 20%, 60% { -o-transform: rotate($hinge-degrees-max); -o-transform-origin: $hinge-origin; -o-animation-timing-function: $base-timing-function-in-out; } + 40% { -o-transform: rotate($base-degrees * 2); -o-transform-origin: $hinge-origin; -o-animation-timing-function: $base-timing-function-in-out; } + 80% { -o-transform: rotate($base-degrees * 2) translateY(0); opacity: 1; -o-transform-origin: $hinge-origin; -o-animation-timing-function: $base-timing-function-in-out; } + 100% { -o-transform: translateY($hinge-translate); opacity: 0; } + } + + @keyframes hinge { + 0% { transform: rotate(0); transform-origin: $hinge-origin; animation-timing-function: $base-timing-function-in-out; } + 20%, 60% { transform: rotate($hinge-degrees-max); transform-origin: $hinge-origin; animation-timing-function: $base-timing-function-in-out; } + 40% { transform: rotate($base-degrees * 2); transform-origin: $hinge-origin; animation-timing-function: $base-timing-function-in-out; } + 80% { transform: rotate($base-degrees * 2) translateY(0); opacity: 1; transform-origin: $hinge-origin; animation-timing-function: $base-timing-function-in-out; } + 100% { transform: translateY($hinge-translate); opacity: 0; } + } + + .hinge { + @include animate-prefixer(animation-name, hinge); + } +} diff --git a/_sass/vendor/animations/special/_rollIn.scss b/_sass/vendor/animations/special/_rollIn.scss new file mode 100644 index 0000000..a49536c --- /dev/null +++ b/_sass/vendor/animations/special/_rollIn.scss @@ -0,0 +1,29 @@ +@if $use-rollIn == true { + + // originally authored by Nick Pettit - https://github.com/nickpettit/glide + + @-webkit-keyframes rollIn { + 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-$base-degrees * 4); } + 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } + } + + @-moz-keyframes rollIn { + 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-$base-degrees * 4); } + 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } + } + + @-o-keyframes rollIn { + 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-$base-degrees * 4); } + 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } + } + + @keyframes rollIn { + 0% { opacity: 0; transform: translateX(-100%) rotate(-$base-degrees * 4); } + 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } + } + + .rollIn { + @include animate-prefixer(animation-name, rollIn); + } + +} diff --git a/_sass/vendor/animations/special/_rollOut.scss b/_sass/vendor/animations/special/_rollOut.scss new file mode 100644 index 0000000..a031c80 --- /dev/null +++ b/_sass/vendor/animations/special/_rollOut.scss @@ -0,0 +1,57 @@ +@if $use-rollOut == true { + + // originally authored by Nick Pettit - https://github.com/nickpettit/glide + + @-webkit-keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate($base-degrees * 4); + } + } + + @-moz-keyframes rollOut { + 0% { + opacity: 1; + -moz-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -moz-transform: translateX(100%) rotate($base-degrees * 4); + } + } + + @-o-keyframes rollOut { + 0% { + opacity: 1; + -o-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -o-transform: translateX(100%) rotate($base-degrees * 4); + } + } + + @keyframes rollOut { + 0% { + opacity: 1; + transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + transform: translateX(100%) rotate($base-degrees * 4); + } + } + + .rollOut { + @include animate-prefixer(animation-name, rollOut); + } + +} diff --git a/_sass/vendor/bootstrap/_alerts.scss b/_sass/vendor/bootstrap/_alerts.scss new file mode 100644 index 0000000..372eec9 --- /dev/null +++ b/_sass/vendor/bootstrap/_alerts.scss @@ -0,0 +1,73 @@ +// +// Alerts +// -------------------------------------------------- + + +// Base styles +// ------------------------- + +.alert { + padding: $alert-padding; + margin-bottom: $line-height-computed; + border: 1px solid transparent; + border-radius: $alert-border-radius; + + // Headings for larger alerts + h4 { + margin-top: 0; + // Specified for the h4 to prevent conflicts of changing $headings-color + color: inherit; + } + + // Provide class for links that match alerts + .alert-link { + font-weight: $alert-link-font-weight; + } + + // Improve alignment and spacing of inner content + > p, + > ul { + margin-bottom: 0; + } + + > p + p { + margin-top: 5px; + } +} + +// Dismissible alerts +// +// Expand the right padding and account for the close button's positioning. + +.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0. +.alert-dismissible { + padding-right: ($alert-padding + 20); + + // Adjust close link position + .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; + } +} + +// Alternate styles +// +// Generate contextual modifier classes for colorizing the alert. + +.alert-success { + @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text); +} + +.alert-info { + @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text); +} + +.alert-warning { + @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text); +} + +.alert-danger { + @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text); +} diff --git a/_sass/vendor/bootstrap/_badges.scss b/_sass/vendor/bootstrap/_badges.scss new file mode 100644 index 0000000..a647592 --- /dev/null +++ b/_sass/vendor/bootstrap/_badges.scss @@ -0,0 +1,67 @@ +// +// Badges +// -------------------------------------------------- + + +// Base class +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: $font-size-small; + font-weight: $badge-font-weight; + color: $badge-color; + line-height: $badge-line-height; + vertical-align: baseline; + white-space: nowrap; + text-align: center; + background-color: $badge-bg; + border-radius: $badge-border-radius; + + // Empty badges collapse automatically (not available in IE8) + &:empty { + display: none; + } + + // Quick fix for badges in buttons + .btn & { + position: relative; + top: -1px; + } + + .btn-xs & { + top: 0; + padding: 1px 5px; + } + + // [converter] extracted a& to a.badge + + // Account for badges in navs + .list-group-item.active > &, + .nav-pills > .active > a > & { + color: $badge-active-color; + background-color: $badge-active-bg; + } + + .list-group-item > & { + float: right; + } + + .list-group-item > & + & { + margin-right: 5px; + } + + .nav-pills > li > a > & { + margin-left: 3px; + } +} + +// Hover state, but only for links +a.badge { + &:hover, + &:focus { + color: $badge-link-hover-color; + text-decoration: none; + cursor: pointer; + } +} diff --git a/_sass/vendor/bootstrap/_breadcrumbs.scss b/_sass/vendor/bootstrap/_breadcrumbs.scss new file mode 100644 index 0000000..3641e33 --- /dev/null +++ b/_sass/vendor/bootstrap/_breadcrumbs.scss @@ -0,0 +1,26 @@ +// +// Breadcrumbs +// -------------------------------------------------- + + +.breadcrumb { + padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal; + margin-bottom: $line-height-computed; + list-style: none; + background-color: $breadcrumb-bg; + border-radius: $border-radius-base; + + > li { + display: inline-block; + + + li:before { + content: "#{$breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space + padding: 0 5px; + color: $breadcrumb-color; + } + } + + > .active { + color: $breadcrumb-active-color; + } +} diff --git a/_sass/vendor/bootstrap/_button-groups.scss b/_sass/vendor/bootstrap/_button-groups.scss new file mode 100644 index 0000000..a73bc54 --- /dev/null +++ b/_sass/vendor/bootstrap/_button-groups.scss @@ -0,0 +1,243 @@ +// +// Button groups +// -------------------------------------------------- + +// Make the div behave like a button +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; // match .btn alignment given font-size hack above + > .btn { + position: relative; + float: left; + // Bring the "active" button to the front + &:hover, + &:focus, + &:active, + &.active { + z-index: 2; + } + } +} + +// Prevent double borders when buttons are next to each other +.btn-group { + .btn + .btn, + .btn + .btn-group, + .btn-group + .btn, + .btn-group + .btn-group { + margin-left: -1px; + } +} + +// Optional: Group multiple button groups together for a toolbar +.btn-toolbar { + margin-left: -5px; // Offset the first child's margin + @include clearfix; + + .btn-group, + .input-group { + float: left; + } + > .btn, + > .btn-group, + > .input-group { + margin-left: 5px; + } +} + +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} + +// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match +.btn-group > .btn:first-child { + margin-left: 0; + &:not(:last-child):not(.dropdown-toggle) { + @include border-right-radius(0); + } +} +// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + @include border-left-radius(0); +} + +// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child:not(:last-child) { + > .btn:last-child, + > .dropdown-toggle { + @include border-right-radius(0); + } +} +.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { + @include border-left-radius(0); +} + +// On active and open, don't show outline +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} + + +// Sizing +// +// Remix the default button sizing classes into new ones for easier manipulation. + +.btn-group-xs > .btn { @extend .btn-xs; } +.btn-group-sm > .btn { @extend .btn-sm; } +.btn-group-lg > .btn { @extend .btn-lg; } + + +// Split button dropdowns +// ---------------------- + +// Give the line between buttons some depth +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} + +// The clickable button for toggling the menu +// Remove the gradient and set the same inset shadow as the :active state +.btn-group.open .dropdown-toggle { + @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + + // Show no shadow for `.btn-link` since it has no other button styles. + &.btn-link { + @include box-shadow(none); + } +} + + +// Reposition the caret +.btn .caret { + margin-left: 0; +} +// Carets in other button sizes +.btn-lg .caret { + border-width: $caret-width-large $caret-width-large 0; + border-bottom-width: 0; +} +// Upside down carets for .dropup +.dropup .btn-lg .caret { + border-width: 0 $caret-width-large $caret-width-large; +} + + +// Vertical button groups +// ---------------------- + +.btn-group-vertical { + > .btn, + > .btn-group, + > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; + } + + // Clear floats so dropdown menus can be properly placed + > .btn-group { + @include clearfix; + > .btn { + float: none; + } + } + + > .btn + .btn, + > .btn + .btn-group, + > .btn-group + .btn, + > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; + } +} + +.btn-group-vertical > .btn { + &:not(:first-child):not(:last-child) { + border-radius: 0; + } + &:first-child:not(:last-child) { + border-top-right-radius: $border-radius-base; + @include border-bottom-radius(0); + } + &:last-child:not(:first-child) { + border-bottom-left-radius: $border-radius-base; + @include border-top-radius(0); + } +} +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group-vertical > .btn-group:first-child:not(:last-child) { + > .btn:last-child, + > .dropdown-toggle { + @include border-bottom-radius(0); + } +} +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + @include border-top-radius(0); +} + + +// Justified button groups +// ---------------------- + +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; + > .btn, + > .btn-group { + float: none; + display: table-cell; + width: 1%; + } + > .btn-group .btn { + width: 100%; + } + + > .btn-group .dropdown-menu { + left: auto; + } +} + + +// Checkbox and radio options +// +// In order to support the browser's form validation feedback, powered by the +// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use +// `display: none;` or `visibility: hidden;` as that also hides the popover. +// Simply visually hiding the inputs via `opacity` would leave them clickable in +// certain cases which is prevented by using `clip` and `pointer-events`. +// This way, we ensure a DOM element is visible to position the popover from. +// +// See https://github.com/twbs/bootstrap/pull/12794 and +// https://github.com/twbs/bootstrap/pull/14559 for more information. + +[data-toggle="buttons"] { + > .btn, + > .btn-group > .btn { + input[type="radio"], + input[type="checkbox"] { + position: absolute; + clip: rect(0,0,0,0); + pointer-events: none; + } + } +} diff --git a/_sass/vendor/bootstrap/_buttons.scss b/_sass/vendor/bootstrap/_buttons.scss new file mode 100644 index 0000000..7f0db45 --- /dev/null +++ b/_sass/vendor/bootstrap/_buttons.scss @@ -0,0 +1,160 @@ +// +// Buttons +// -------------------------------------------------- + + +// Base styles +// -------------------------------------------------- + +.btn { + display: inline-block; + margin-bottom: 0; // For input.btn + font-weight: $btn-font-weight; + text-align: center; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid transparent; + white-space: nowrap; + @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $border-radius-base); + @include user-select(none); + + &, + &:active, + &.active { + &:focus, + &.focus { + @include tab-focus; + } + } + + &:hover, + &:focus, + &.focus { + color: $btn-default-color; + text-decoration: none; + } + + &:active, + &.active { + outline: 0; + background-image: none; + @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + } + + &.disabled, + &[disabled], + fieldset[disabled] & { + cursor: $cursor-disabled; + pointer-events: none; // Future-proof disabling of clicks + @include opacity(.65); + @include box-shadow(none); + } +} + + +// Alternate buttons +// -------------------------------------------------- + +.btn-default { + @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border); +} +.btn-primary { + @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border); +} +// Success appears as green +.btn-success { + @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border); +} +// Info appears as blue-green +.btn-info { + @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border); +} +// Warning appears as orange +.btn-warning { + @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border); +} +// Danger and error appear as red +.btn-danger { + @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border); +} + + +// Link buttons +// ------------------------- + +// Make a button look and behave like a link +.btn-link { + color: $link-color; + font-weight: normal; + border-radius: 0; + + &, + &:active, + &.active, + &[disabled], + fieldset[disabled] & { + background-color: transparent; + @include box-shadow(none); + } + &, + &:hover, + &:focus, + &:active { + border-color: transparent; + } + &:hover, + &:focus { + color: $link-hover-color; + text-decoration: $link-hover-decoration; + background-color: transparent; + } + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus { + color: $btn-link-disabled-color; + text-decoration: none; + } + } +} + + +// Button Sizes +// -------------------------------------------------- + +.btn-lg { + // line-height: ensure even-numbered height of button next to large input + @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large); +} +.btn-sm { + // line-height: ensure proper height of button next to small input + @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small); +} +.btn-xs { + @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $border-radius-small); +} + + +// Block button +// -------------------------------------------------- + +.btn-block { + display: block; + width: 100%; +} + +// Vertically space out multiple block buttons +.btn-block + .btn-block { + margin-top: 5px; +} + +// Specificity overrides +input[type="submit"], +input[type="reset"], +input[type="button"] { + &.btn-block { + width: 100%; + } +} diff --git a/_sass/vendor/bootstrap/_carousel.scss b/_sass/vendor/bootstrap/_carousel.scss new file mode 100644 index 0000000..f91d7ee --- /dev/null +++ b/_sass/vendor/bootstrap/_carousel.scss @@ -0,0 +1,269 @@ +// +// Carousel +// -------------------------------------------------- + + +// Wrapper for the slide container and indicators +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; + + > .item { + display: none; + position: relative; + @include transition(.6s ease-in-out left); + + // Account for jankitude on images + > img, + > a > img { + @include img-responsive; + line-height: 1; + } + + // WebKit CSS3 transforms for supported devices + @media all and (transform-3d), (-webkit-transform-3d) { + @include transition-transform(0.6s ease-in-out); + @include backface-visibility(hidden); + @include perspective(1000); + + &.next, + &.active.right { + @include translate3d(100%, 0, 0); + left: 0; + } + &.prev, + &.active.left { + @include translate3d(-100%, 0, 0); + left: 0; + } + &.next.left, + &.prev.right, + &.active { + @include translate3d(0, 0, 0); + left: 0; + } + } + } + + > .active, + > .next, + > .prev { + display: block; + } + + > .active { + left: 0; + } + + > .next, + > .prev { + position: absolute; + top: 0; + width: 100%; + } + + > .next { + left: 100%; + } + > .prev { + left: -100%; + } + > .next.left, + > .prev.right { + left: 0; + } + + > .active.left { + left: -100%; + } + > .active.right { + left: 100%; + } + +} + +// Left/right controls for nav +// --------------------------- + +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: $carousel-control-width; + @include opacity($carousel-control-opacity); + font-size: $carousel-control-font-size; + color: $carousel-control-color; + text-align: center; + text-shadow: $carousel-text-shadow; + // We can't have this transition here because WebKit cancels the carousel + // animation if you trip this while in the middle of another animation. + + // Set gradients for backgrounds + &.left { + @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001)); + } + &.right { + left: auto; + right: 0; + @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5)); + } + + // Hover/focus state + &:hover, + &:focus { + outline: 0; + color: $carousel-control-color; + text-decoration: none; + @include opacity(.9); + } + + // Toggles + .icon-prev, + .icon-next, + .glyphicon-chevron-left, + .glyphicon-chevron-right { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; + } + .icon-prev, + .glyphicon-chevron-left { + left: 50%; + margin-left: -10px; + } + .icon-next, + .glyphicon-chevron-right { + right: 50%; + margin-right: -10px; + } + .icon-prev, + .icon-next { + width: 20px; + height: 20px; + margin-top: -10px; + line-height: 1; + font-family: serif; + } + + + .icon-prev { + &:before { + content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039) + } + } + .icon-next { + &:before { + content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A) + } + } +} + +// Optional indicator pips +// +// Add an unordered list with the following class and add a list item for each +// slide your carousel holds. + +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; + + li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid $carousel-indicator-border-color; + border-radius: 10px; + cursor: pointer; + + // IE8-9 hack for event handling + // + // Internet Explorer 8-9 does not support clicks on elements without a set + // `background-color`. We cannot use `filter` since that's not viewed as a + // background color by the browser. Thus, a hack is needed. + // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer + // + // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we + // set alpha transparency for the best results possible. + background-color: #000 \9; // IE8 + background-color: rgba(0,0,0,0); // IE9 + } + .active { + margin: 0; + width: 12px; + height: 12px; + background-color: $carousel-indicator-active-bg; + } +} + +// Optional captions +// ----------------------------- +// Hidden by default for smaller viewports +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: $carousel-caption-color; + text-align: center; + text-shadow: $carousel-text-shadow; + & .btn { + text-shadow: none; // No shadow for button elements in carousel-caption + } +} + + +// Scale up controls for tablets and up +@media screen and (min-width: $screen-sm-min) { + + // Scale up the controls a smidge + .carousel-control { + .glyphicon-chevron-left, + .glyphicon-chevron-right, + .icon-prev, + .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; + } + .glyphicon-chevron-left, + .icon-prev { + margin-left: -15px; + } + .glyphicon-chevron-right, + .icon-next { + margin-right: -15px; + } + } + + // Show and left align the captions + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } + + // Move up the indicators + .carousel-indicators { + bottom: 20px; + } +} diff --git a/_sass/vendor/bootstrap/_close.scss b/_sass/vendor/bootstrap/_close.scss new file mode 100644 index 0000000..3b74d8a --- /dev/null +++ b/_sass/vendor/bootstrap/_close.scss @@ -0,0 +1,36 @@ +// +// Close icons +// -------------------------------------------------- + + +.close { + float: right; + font-size: ($font-size-base * 1.5); + font-weight: $close-font-weight; + line-height: 1; + color: $close-color; + text-shadow: $close-text-shadow; + @include opacity(.2); + + &:hover, + &:focus { + color: $close-color; + text-decoration: none; + cursor: pointer; + @include opacity(.5); + } + + // [converter] extracted button& to button.close +} + +// Additional properties for button version +// iOS requires the button element instead of an anchor tag. +// If you want the anchor version, it requires `href="#"`. +// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} diff --git a/_sass/vendor/bootstrap/_code.scss b/_sass/vendor/bootstrap/_code.scss new file mode 100644 index 0000000..caa5f06 --- /dev/null +++ b/_sass/vendor/bootstrap/_code.scss @@ -0,0 +1,69 @@ +// +// Code (inline and block) +// -------------------------------------------------- + + +// Inline and block code styles +code, +kbd, +pre, +samp { + font-family: $font-family-monospace; +} + +// Inline code +code { + padding: 2px 4px; + font-size: 90%; + color: $code-color; + background-color: $code-bg; + border-radius: $border-radius-base; +} + +// User input typically entered via keyboard +kbd { + padding: 2px 4px; + font-size: 90%; + color: $kbd-color; + background-color: $kbd-bg; + border-radius: $border-radius-small; + box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); + + kbd { + padding: 0; + font-size: 100%; + font-weight: bold; + box-shadow: none; + } +} + +// Blocks of code +pre { + display: block; + padding: (($line-height-computed - 1) / 2); + margin: 0 0 ($line-height-computed / 2); + font-size: ($font-size-base - 1); // 14px to 13px + line-height: $line-height-base; + word-break: break-all; + word-wrap: break-word; + color: $pre-color; + background-color: $pre-bg; + border: 1px solid $pre-border-color; + border-radius: $border-radius-base; + + // Account for some code outputs that place code tags in pre tags + code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; + } +} + +// Enable scrollable blocks of code +.pre-scrollable { + max-height: $pre-scrollable-max-height; + overflow-y: scroll; +} diff --git a/_sass/vendor/bootstrap/_component-animations.scss b/_sass/vendor/bootstrap/_component-animations.scss new file mode 100644 index 0000000..1f76b8c --- /dev/null +++ b/_sass/vendor/bootstrap/_component-animations.scss @@ -0,0 +1,38 @@ +// +// Component animations +// -------------------------------------------------- + +// Heads up! +// +// We don't use the `.opacity()` mixin here since it causes a bug with text +// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552. + +.fade { + opacity: 0; + @include transition(opacity .15s linear); + &.in { + opacity: 1; + } +} + +.collapse { + display: none; + visibility: hidden; + + &.in { display: block; visibility: visible; } + // [converter] extracted tr&.in to tr.collapse.in + // [converter] extracted tbody&.in to tbody.collapse.in +} + +tr.collapse.in { display: table-row; } + +tbody.collapse.in { display: table-row-group; } + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + @include transition-property(height, visibility); + @include transition-duration(.35s); + @include transition-timing-function(ease); +} diff --git a/_sass/vendor/bootstrap/_dropdowns.scss b/_sass/vendor/bootstrap/_dropdowns.scss new file mode 100644 index 0000000..b8120b8 --- /dev/null +++ b/_sass/vendor/bootstrap/_dropdowns.scss @@ -0,0 +1,214 @@ +// +// Dropdown menus +// -------------------------------------------------- + + +// Dropdown arrow/caret +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: $caret-width-base solid; + border-right: $caret-width-base solid transparent; + border-left: $caret-width-base solid transparent; +} + +// The dropdown wrapper (div) +.dropup, +.dropdown { + position: relative; +} + +// Prevent the focus on the dropdown toggle when closing dropdowns +.dropdown-toggle:focus { + outline: 0; +} + +// The dropdown menu (ul) +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: $zindex-dropdown; + display: none; // none by default, but block on "open" of the menu + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; // override default ul + list-style: none; + font-size: $font-size-base; + text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) + background-color: $dropdown-bg; + border: 1px solid $dropdown-fallback-border; // IE8 fallback + border: 1px solid $dropdown-border; + border-radius: $border-radius-base; + @include box-shadow(0 6px 12px rgba(0,0,0,.175)); + background-clip: padding-box; + + // Aligns the dropdown menu to right + // + // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]` + &.pull-right { + right: 0; + left: auto; + } + + // Dividers (basically an hr) within the dropdown + .divider { + @include nav-divider($dropdown-divider-bg); + } + + // Links within the dropdown menu + > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: $line-height-base; + color: $dropdown-link-color; + white-space: nowrap; // prevent links from randomly breaking onto new lines + } +} + +// Hover/Focus state +.dropdown-menu > li > a { + &:hover, + &:focus { + text-decoration: none; + color: $dropdown-link-hover-color; + background-color: $dropdown-link-hover-bg; + } +} + +// Active state +.dropdown-menu > .active > a { + &, + &:hover, + &:focus { + color: $dropdown-link-active-color; + text-decoration: none; + outline: 0; + background-color: $dropdown-link-active-bg; + } +} + +// Disabled state +// +// Gray out text and ensure the hover/focus state remains gray + +.dropdown-menu > .disabled > a { + &, + &:hover, + &:focus { + color: $dropdown-link-disabled-color; + } + + // Nuke hover/focus effects + &:hover, + &:focus { + text-decoration: none; + background-color: transparent; + background-image: none; // Remove CSS gradient + @include reset-filter; + cursor: $cursor-disabled; + } +} + +// Open state for the dropdown +.open { + // Show the menu + > .dropdown-menu { + display: block; + } + + // Remove the outline when :focus is triggered + > a { + outline: 0; + } +} + +// Menu positioning +// +// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown +// menu with the parent. +.dropdown-menu-right { + left: auto; // Reset the default from `.dropdown-menu` + right: 0; +} +// With v3, we enabled auto-flipping if you have a dropdown within a right +// aligned nav component. To enable the undoing of that, we provide an override +// to restore the default dropdown menu alignment. +// +// This is only for left-aligning a dropdown menu within a `.navbar-right` or +// `.pull-right` nav component. +.dropdown-menu-left { + left: 0; + right: auto; +} + +// Dropdown section headers +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: $font-size-small; + line-height: $line-height-base; + color: $dropdown-header-color; + white-space: nowrap; // as with > li > a +} + +// Backdrop to catch body clicks on mobile, etc. +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: ($zindex-dropdown - 10); +} + +// Right aligned dropdowns +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} + +// Allow for dropdowns to go bottom up (aka, dropup-menu) +// +// Just add .dropup after the standard .dropdown class and you're set, bro. +// TODO: abstract this so that the navbar fixed styles are not placed here? + +.dropup, +.navbar-fixed-bottom .dropdown { + // Reverse the caret + .caret { + border-top: 0; + border-bottom: $caret-width-base solid; + content: ""; + } + // Different positioning for bottom up menu + .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 2px; + } +} + + +// Component alignment +// +// Reiterate per navbar.less and the modified component alignment there. + +@media (min-width: $grid-float-breakpoint) { + .navbar-right { + .dropdown-menu { + right: 0; left: auto; + } + // Necessary for overrides of the default right aligned menu. + // Will remove come v4 in all likelihood. + .dropdown-menu-left { + left: 0; right: auto; + } + } +} diff --git a/_sass/vendor/bootstrap/_forms.scss b/_sass/vendor/bootstrap/_forms.scss new file mode 100644 index 0000000..72d130b --- /dev/null +++ b/_sass/vendor/bootstrap/_forms.scss @@ -0,0 +1,570 @@ +// +// Forms +// -------------------------------------------------- + + +// Normalize non-controls +// +// Restyle and baseline non-control form elements. + +fieldset { + padding: 0; + margin: 0; + border: 0; + // Chrome and Firefox set a `min-width: min-content;` on fieldsets, + // so we reset that to ensure it behaves more like a standard block element. + // See https://github.com/twbs/bootstrap/issues/12359. + min-width: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: $line-height-computed; + font-size: ($font-size-base * 1.5); + line-height: inherit; + color: $legend-color; + border: 0; + border-bottom: 1px solid $legend-border-color; +} + +label { + display: inline-block; + max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141) + margin-bottom: 5px; + font-weight: bold; +} + + +// Normalize form controls +// +// While most of our form styles require extra classes, some basic normalization +// is required to ensure optimum display with or without those classes to better +// address browser inconsistencies. + +// Override content-box in Normalize (* isn't specific enough) +input[type="search"] { + @include box-sizing(border-box); +} + +// Position radios and checkboxes better +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; // IE8-9 + line-height: normal; +} + +// Set the height of file controls to match text inputs +input[type="file"] { + display: block; +} + +// Make range inputs behave like textual form controls +input[type="range"] { + display: block; + width: 100%; +} + +// Make multiple select elements height not fixed +select[multiple], +select[size] { + height: auto; +} + +// Focus for file, radio, and checkbox +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + @include tab-focus; +} + +// Adjust output element +output { + display: block; + padding-top: ($padding-base-vertical + 1); + font-size: $font-size-base; + line-height: $line-height-base; + color: $input-color; +} + + +// Common form controls +// +// Shared size and type resets for form controls. Apply `.form-control` to any +// of the following form controls: +// +// select +// textarea +// input[type="text"] +// input[type="password"] +// input[type="datetime"] +// input[type="datetime-local"] +// input[type="date"] +// input[type="month"] +// input[type="time"] +// input[type="week"] +// input[type="number"] +// input[type="email"] +// input[type="url"] +// input[type="search"] +// input[type="tel"] +// input[type="color"] + +.form-control { + display: block; + width: 100%; + height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border) + padding: $padding-base-vertical $padding-base-horizontal; + font-size: $font-size-base; + line-height: $line-height-base; + color: $input-color; + background-color: $input-bg; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid $input-border; + border-radius: $input-border-radius; // Note: This has no effect on s in CSS. + @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); + @include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s); + + // Customize the `:focus` state to imitate native WebKit styles. + @include form-control-focus; + + // Placeholder + @include placeholder; + + // Disabled and read-only inputs + // + // HTML5 says that controls under a fieldset > legend:first-child won't be + // disabled if the fieldset is disabled. Due to implementation difficulty, we + // don't honor that edge case; we style them as disabled anyway. + &[disabled], + &[readonly], + fieldset[disabled] & { + cursor: $cursor-disabled; + background-color: $input-bg-disabled; + opacity: 1; // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655 + } + + // [converter] extracted textarea& to textarea.form-control +} + +// Reset height for `textarea`s +textarea.form-control { + height: auto; +} + + +// Search inputs in iOS +// +// This overrides the extra rounded corners on search inputs in iOS so that our +// `.form-control` class can properly style them. Note that this cannot simply +// be added to `.form-control` as it's not specific enough. For details, see +// https://github.com/twbs/bootstrap/issues/11586. + +input[type="search"] { + -webkit-appearance: none; +} + + +// Special styles for iOS temporal inputs +// +// In Mobile Safari, setting `display: block` on temporal inputs causes the +// text within the input to become vertically misaligned. As a workaround, we +// set a pixel line-height that matches the given height of the input, but only +// for Safari. See https://bugs.webkit.org/show_bug.cgi?id=139848 + +@media screen and (-webkit-min-device-pixel-ratio: 0) { + input[type="date"], + input[type="time"], + input[type="datetime-local"], + input[type="month"] { + line-height: $input-height-base; + + &.input-sm, + .input-group-sm & { + line-height: $input-height-small; + } + + &.input-lg, + .input-group-lg & { + line-height: $input-height-large; + } + } +} + + +// Form groups +// +// Designed to help with the organization and spacing of vertical forms. For +// horizontal forms, use the predefined grid classes. + +.form-group { + margin-bottom: 15px; +} + + +// Checkboxes and radios +// +// Indent the labels to position radios/checkboxes as hanging controls. + +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; + + label { + min-height: $line-height-computed; // Ensure the input doesn't jump when there is no text + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; + } +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; +} + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing +} + +// Radios and checkboxes on same line +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; // space out consecutive inline controls +} + +// Apply same disabled cursor tweak as for inputs +// Some special care is needed because