try_api 0.0.18 → 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/javascripts/try_api/application.js.coffee +9 -37
- data/app/assets/javascripts/try_api/param.directive.js.coffee +4 -4
- data/app/assets/javascripts/try_api/url.directive.js.coffee +10 -3
- data/app/assets/stylesheets/try_api/application.css.sass +20 -10
- data/app/models/try_api/base.rb +54 -10
- data/app/models/try_api/config_parser.rb +1 -6
- data/app/models/try_api/example_response.rb +10 -9
- data/app/models/try_api/header.rb +0 -10
- data/app/models/try_api/menu_item.rb +1 -18
- data/app/models/try_api/method.rb +4 -47
- data/app/models/try_api/parameter.rb +1 -22
- data/app/models/try_api/project.rb +1 -17
- data/app/views/layouts/try_api/application.html.erb +10 -2
- data/app/views/try_api/pages/index.html +4 -5
- data/lib/generators/try_api/install_generator.rb +1 -13
- data/lib/generators/try_api/templates/try_api/base.yml +141 -0
- data/lib/generators/try_api/templates/try_api/variables.yml +5 -0
- data/lib/try_api/version.rb +1 -1
- metadata +4 -217
- data/app/assets/javascripts/try_api/bower_components/angular-bootstrap/README.md +0 -120
- data/app/assets/javascripts/try_api/bower_components/angular-bootstrap/bower.json +0 -19
- data/app/assets/javascripts/try_api/bower_components/angular-bootstrap/index.js +0 -2
- data/app/assets/javascripts/try_api/bower_components/angular-bootstrap/package.json +0 -23
- data/app/assets/javascripts/try_api/bower_components/angular-bootstrap/ui-bootstrap-csp.css +0 -115
- data/app/assets/javascripts/try_api/bower_components/angular-bootstrap/ui-bootstrap-tpls.js +0 -7476
- data/app/assets/javascripts/try_api/bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js +0 -10
- data/app/assets/javascripts/try_api/bower_components/angular-bootstrap/ui-bootstrap.js +0 -7109
- data/app/assets/javascripts/try_api/bower_components/angular-bootstrap/ui-bootstrap.min.js +0 -10
- data/app/assets/javascripts/try_api/bower_components/angular-highlightjs/LICENSE.txt +0 -20
- data/app/assets/javascripts/try_api/bower_components/angular-highlightjs/README.md +0 -186
- data/app/assets/javascripts/try_api/bower_components/angular-highlightjs/angular-highlightjs.js +0 -520
- data/app/assets/javascripts/try_api/bower_components/angular-highlightjs/angular-highlightjs.min.js +0 -6
- data/app/assets/javascripts/try_api/bower_components/angular-highlightjs/bower.json +0 -22
- data/app/assets/javascripts/try_api/bower_components/angular-highlightjs/build/angular-highlightjs.js +0 -520
- data/app/assets/javascripts/try_api/bower_components/angular-highlightjs/build/angular-highlightjs.min.js +0 -6
- data/app/assets/javascripts/try_api/bower_components/angular-highlightjs/src/angular-highlightjs.js +0 -501
- data/app/assets/javascripts/try_api/bower_components/angular-ladda/CHANGELOG.md +0 -71
- data/app/assets/javascripts/try_api/bower_components/angular-ladda/LICENSE.txt +0 -22
- data/app/assets/javascripts/try_api/bower_components/angular-ladda/README.md +0 -203
- data/app/assets/javascripts/try_api/bower_components/angular-ladda/bower.json +0 -36
- data/app/assets/javascripts/try_api/bower_components/angular-ladda/dist/angular-ladda.js +0 -99
- data/app/assets/javascripts/try_api/bower_components/angular-ladda/dist/angular-ladda.min.js +0 -2
- data/app/assets/javascripts/try_api/bower_components/angular-ladda/package.json +0 -51
- data/app/assets/javascripts/try_api/bower_components/angular-ladda/src/angular-ladda.js +0 -98
- data/app/assets/javascripts/try_api/bower_components/angular/LICENSE.md +0 -21
- data/app/assets/javascripts/try_api/bower_components/angular/README.md +0 -64
- data/app/assets/javascripts/try_api/bower_components/angular/angular-csp.css +0 -21
- data/app/assets/javascripts/try_api/bower_components/angular/angular.js +0 -31768
- data/app/assets/javascripts/try_api/bower_components/angular/angular.min.js +0 -318
- data/app/assets/javascripts/try_api/bower_components/angular/bower.json +0 -9
- data/app/assets/javascripts/try_api/bower_components/angular/index.js +0 -2
- data/app/assets/javascripts/try_api/bower_components/angular/package.json +0 -25
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/README.md +0 -25
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/bower.json +0 -27
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/css/font-awesome.css +0 -2199
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/css/font-awesome.min.css +0 -4
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/fonts/FontAwesome.otf +0 -0
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/fonts/fontawesome-webfont.eot +0 -0
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/fonts/fontawesome-webfont.svg +0 -685
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/fonts/fontawesome-webfont.ttf +0 -0
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/fonts/fontawesome-webfont.woff +0 -0
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/fonts/fontawesome-webfont.woff2 +0 -0
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/less/animated.less +0 -34
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/less/bordered-pulled.less +0 -25
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/less/core.less +0 -12
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/less/fixed-width.less +0 -6
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/less/font-awesome.less +0 -18
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/less/icons.less +0 -733
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/less/larger.less +0 -13
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/less/list.less +0 -19
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/less/mixins.less +0 -60
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/less/path.less +0 -15
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/less/rotated-flipped.less +0 -20
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/less/screen-reader.less +0 -5
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/less/stacked.less +0 -20
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/less/variables.less +0 -744
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/package.json +0 -14
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/scss/_animated.scss +0 -34
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/scss/_bordered-pulled.scss +0 -25
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/scss/_core.scss +0 -12
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/scss/_fixed-width.scss +0 -6
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/scss/_icons.scss +0 -733
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/scss/_larger.scss +0 -13
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/scss/_list.scss +0 -19
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/scss/_mixins.scss +0 -60
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/scss/_path.scss +0 -15
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/scss/_rotated-flipped.scss +0 -20
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/scss/_screen-reader.scss +0 -5
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/scss/_stacked.scss +0 -20
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/scss/_variables.scss +0 -744
- data/app/assets/javascripts/try_api/bower_components/components-font-awesome/scss/font-awesome.scss +0 -18
- data/app/assets/javascripts/try_api/bower_components/highlightjs/LICENSE.txt +0 -24
- data/app/assets/javascripts/try_api/bower_components/highlightjs/README.md +0 -12
- data/app/assets/javascripts/try_api/bower_components/highlightjs/bower.json +0 -14
- data/app/assets/javascripts/try_api/bower_components/highlightjs/component.json +0 -12
- data/app/assets/javascripts/try_api/bower_components/highlightjs/composer.json +0 -26
- data/app/assets/javascripts/try_api/bower_components/highlightjs/highlight.pack.js +0 -15387
- data/app/assets/javascripts/try_api/bower_components/highlightjs/highlight.pack.min.js +0 -13
- data/app/assets/javascripts/try_api/bower_components/highlightjs/package.json +0 -8
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/agate.css +0 -108
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/androidstudio.css +0 -66
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/arduino-light.css +0 -88
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/arta.css +0 -73
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/ascetic.css +0 -45
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-cave-dark.css +0 -83
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-cave-light.css +0 -85
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-cave.dark.css +0 -113
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-cave.light.css +0 -113
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-dune-dark.css +0 -69
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-dune-light.css +0 -69
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-dune.dark.css +0 -94
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-dune.light.css +0 -94
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-estuary-dark.css +0 -84
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-estuary-light.css +0 -84
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-estuary.dark.css +0 -113
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-estuary.light.css +0 -113
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-forest-dark.css +0 -69
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-forest-light.css +0 -69
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-forest.dark.css +0 -94
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-forest.light.css +0 -94
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-heath-dark.css +0 -69
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-heath-light.css +0 -69
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-heath.dark.css +0 -94
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-heath.light.css +0 -94
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-lakeside-dark.css +0 -69
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-lakeside-light.css +0 -69
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-lakeside.dark.css +0 -94
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-lakeside.light.css +0 -94
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-plateau-dark.css +0 -84
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-plateau-light.css +0 -84
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-plateau.dark.css +0 -113
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-plateau.light.css +0 -113
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-savanna-dark.css +0 -84
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-savanna-light.css +0 -84
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-savanna.dark.css +0 -113
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-savanna.light.css +0 -113
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-seaside-dark.css +0 -69
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-seaside-light.css +0 -69
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-seaside.dark.css +0 -94
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-seaside.light.css +0 -94
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-sulphurpool-dark.css +0 -69
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-sulphurpool-light.css +0 -69
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-sulphurpool.dark.css +0 -94
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atelier-sulphurpool.light.css +0 -94
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atom-one-dark.css +0 -95
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/atom-one-light.css +0 -95
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/brown-paper.css +0 -64
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/brown-papersq.png +0 -0
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/brown_paper.css +0 -103
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/brown_papersq.png +0 -0
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/codepen-embed.css +0 -60
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/color-brewer.css +0 -71
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/darcula.css +0 -77
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/dark.css +0 -63
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/darkula.css +0 -6
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/default.css +0 -99
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/docco.css +0 -97
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/dracula.css +0 -76
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/far.css +0 -71
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/foundation.css +0 -88
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/github-gist.css +0 -71
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/github.css +0 -99
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/googlecode.css +0 -89
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/grayscale.css +0 -101
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/gruvbox-dark.css +0 -108
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/gruvbox-light.css +0 -108
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/hopscotch.css +0 -83
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/hybrid.css +0 -102
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/idea.css +0 -97
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/ir-black.css +0 -73
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/ir_black.css +0 -106
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/kimbie.dark.css +0 -74
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/kimbie.light.css +0 -74
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/magula.css +0 -70
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/mono-blue.css +0 -59
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/monokai-sublime.css +0 -83
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/monokai.css +0 -70
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/monokai_sublime.css +0 -154
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/obsidian.css +0 -88
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/ocean.css +0 -74
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/paraiso-dark.css +0 -72
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/paraiso-light.css +0 -72
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/paraiso.dark.css +0 -96
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/paraiso.light.css +0 -96
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/pojoaque.css +0 -83
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/pojoaque.jpg +0 -0
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/purebasic.css +0 -96
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/qtcreator_dark.css +0 -83
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/qtcreator_light.css +0 -83
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/railscasts.css +0 -106
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/rainbow.css +0 -85
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/school-book.css +0 -72
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/school-book.png +0 -0
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/school_book.css +0 -111
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/school_book.png +0 -0
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/solarized-dark.css +0 -84
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/solarized-light.css +0 -84
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/solarized_dark.css +0 -107
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/solarized_light.css +0 -107
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/sunburst.css +0 -102
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/tomorrow-night-blue.css +0 -75
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/tomorrow-night-bright.css +0 -74
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/tomorrow-night-eighties.css +0 -74
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/tomorrow-night.css +0 -75
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/tomorrow.css +0 -72
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/vs.css +0 -68
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/xcode.css +0 -93
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/xt256.css +0 -92
- data/app/assets/javascripts/try_api/bower_components/highlightjs/styles/zenburn.css +0 -80
- data/app/assets/javascripts/try_api/bower_components/ladda/Gruntfile.js +0 -114
- data/app/assets/javascripts/try_api/bower_components/ladda/LICENSE.txt +0 -19
- data/app/assets/javascripts/try_api/bower_components/ladda/README.md +0 -142
- data/app/assets/javascripts/try_api/bower_components/ladda/bower.json +0 -14
- data/app/assets/javascripts/try_api/bower_components/ladda/css/demo.css +0 -60
- data/app/assets/javascripts/try_api/bower_components/ladda/css/ladda-themed.scss +0 -81
- data/app/assets/javascripts/try_api/bower_components/ladda/css/ladda.scss +0 -486
- data/app/assets/javascripts/try_api/bower_components/ladda/dist/ladda-themeless.min.css +0 -7
- data/app/assets/javascripts/try_api/bower_components/ladda/dist/ladda.jquery.min.js +0 -8
- data/app/assets/javascripts/try_api/bower_components/ladda/dist/ladda.min.css +0 -9
- data/app/assets/javascripts/try_api/bower_components/ladda/dist/ladda.min.js +0 -8
- data/app/assets/javascripts/try_api/bower_components/ladda/dist/spin.min.js +0 -1
- data/app/assets/javascripts/try_api/bower_components/ladda/index.html +0 -185
- data/app/assets/javascripts/try_api/bower_components/ladda/js/ladda.jquery.js +0 -46
- data/app/assets/javascripts/try_api/bower_components/ladda/js/ladda.js +0 -459
- data/app/assets/javascripts/try_api/bower_components/ladda/js/spin.js +0 -354
- data/app/assets/javascripts/try_api/bower_components/ladda/test/bootstrap.html +0 -6302
- data/app/assets/javascripts/try_api/bower_components/ladda/test/bootstrap.jquery.html +0 -6306
- data/app/assets/javascripts/try_api/bower_components/ladda/test/form.html +0 -38
- data/app/assets/javascripts/try_api/bower_components/spin.js/LICENSE.txt +0 -21
- data/app/assets/javascripts/try_api/bower_components/spin.js/README.md +0 -21
- data/app/assets/javascripts/try_api/bower_components/spin.js/bower.json +0 -18
- data/app/assets/javascripts/try_api/bower_components/spin.js/jquery.spin.js +0 -80
- data/app/assets/javascripts/try_api/bower_components/spin.js/spin.js +0 -337
- data/lib/generators/try_api/templates/config/try_api.yml +0 -344
@@ -1,19 +0,0 @@
|
|
1
|
-
Copyright (C) 2016 Hakim El Hattab, http://hakim.se
|
2
|
-
|
3
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
4
|
-
of this software and associated documentation files (the "Software"), to deal
|
5
|
-
in the Software without restriction, including without limitation the rights
|
6
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
7
|
-
copies of the Software, and to permit persons to whom the Software is
|
8
|
-
furnished to do so, subject to the following conditions:
|
9
|
-
|
10
|
-
The above copyright notice and this permission notice shall be included in
|
11
|
-
all copies or substantial portions of the Software.
|
12
|
-
|
13
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
14
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
15
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
16
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
17
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
18
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
19
|
-
THE SOFTWARE.
|
@@ -1,142 +0,0 @@
|
|
1
|
-
# Ladda
|
2
|
-
|
3
|
-
Buttons with built-in loading indicators, effectively bridging the gap between action and feedback.
|
4
|
-
|
5
|
-
[Check out the demo page](http://lab.hakim.se/ladda/).
|
6
|
-
|
7
|
-
|
8
|
-
## Instructions
|
9
|
-
|
10
|
-
Release downloads and change history is available here <https://github.com/hakimel/Ladda/releases>.
|
11
|
-
|
12
|
-
The compiled files for the project that you should be using are available in the **/dist** directory. You will need to include both the **ladda.min.js** and **spin.min.js** files as well as ONE of the two style sheets. If you want the button styles used in the [Ladda example page](http://lab.hakim.se/ladda) use the **ladda.min.css** file, if you want to have the functional buttons without the visual style (colors, padding etc) use the **ladda-themeless.min.css** file.
|
13
|
-
|
14
|
-
#### HTML
|
15
|
-
|
16
|
-
Ladda buttons must be given the class ```ladda-button``` and the button label needs to have the ```ladda-label``` class. The ```ladda-label``` will be automatically created if it does not exist in the DOM. Below is an example of a button which will use the expand-right animation style.
|
17
|
-
|
18
|
-
```html
|
19
|
-
<button class="ladda-button" data-style="expand-right"><span class="ladda-label">Submit</span></button>
|
20
|
-
```
|
21
|
-
|
22
|
-
Buttons accept the following attributes:
|
23
|
-
- **data-style**: one of the button styles, full list in [demo](http://lab.hakim.se/ladda/) *[required]*
|
24
|
-
- **data-color**: green/red/blue/purple/mint
|
25
|
-
- **data-size**: xs/s/l/xl, defaults to medium
|
26
|
-
- **data-spinner-size**: 40, pixel dimensions of spinner, defaults to dynamic size based on the button height
|
27
|
-
- **data-spinner-color**: A hex code or any [named CSS color](http://css-tricks.com/snippets/css/named-colors-and-hex-equivalents/).
|
28
|
-
- **data-spinner-lines**: 12, the number of lines the for the spinner, defaults to 12
|
29
|
-
|
30
|
-
#### JavaScript
|
31
|
-
|
32
|
-
If you will be using the loading animation for a form that is submitted to the server (always resulting in a page reload) you can use the ```bind()``` method:
|
33
|
-
|
34
|
-
```javascript
|
35
|
-
// Automatically trigger the loading animation on click
|
36
|
-
Ladda.bind( 'button[type=submit]' );
|
37
|
-
|
38
|
-
// Same as the above but automatically stops after two seconds
|
39
|
-
Ladda.bind( 'button[type=submit]', { timeout: 2000 } );
|
40
|
-
```
|
41
|
-
|
42
|
-
If you want JavaScript control over your buttons you can use the following approach:
|
43
|
-
|
44
|
-
```javascript
|
45
|
-
// Create a new instance of ladda for the specified button
|
46
|
-
var l = Ladda.create( document.querySelector( '.my-button' ) );
|
47
|
-
|
48
|
-
// Start loading
|
49
|
-
l.start();
|
50
|
-
|
51
|
-
// Will display a progress bar for 50% of the button width
|
52
|
-
l.setProgress( 0.5 );
|
53
|
-
|
54
|
-
// Stop loading
|
55
|
-
l.stop();
|
56
|
-
|
57
|
-
// Toggle between loading/not loading states
|
58
|
-
l.toggle();
|
59
|
-
|
60
|
-
// Check the current state
|
61
|
-
l.isLoading();
|
62
|
-
|
63
|
-
// Delete the button's ladda instance
|
64
|
-
l.remove();
|
65
|
-
```
|
66
|
-
|
67
|
-
All loading animations on the page can be stopped by using:
|
68
|
-
|
69
|
-
```javascript
|
70
|
-
Ladda.stopAll();
|
71
|
-
```
|
72
|
-
|
73
|
-
#### With jQuery
|
74
|
-
|
75
|
-
If you will be using the loading animation for a form that is submitted to the server (always resulting in a page reload) you can use the ```ladda('bind')``` method:
|
76
|
-
|
77
|
-
```javascript
|
78
|
-
// Automatically trigger the loading animation on click
|
79
|
-
$( 'button[type=submit]' ).ladda( 'bind' );
|
80
|
-
|
81
|
-
// Same as the above but automatically stops after two seconds
|
82
|
-
$( 'button[type=submit]' ).ladda( 'bind', { timeout: 2000 } );
|
83
|
-
```
|
84
|
-
|
85
|
-
If you want JavaScript control over your buttons you can use the following approach:
|
86
|
-
|
87
|
-
```javascript
|
88
|
-
// Create a new instance of ladda for the specified button
|
89
|
-
var l = $( '.my-button' ).ladda();
|
90
|
-
|
91
|
-
// Start loading
|
92
|
-
l.ladda( 'start' );
|
93
|
-
|
94
|
-
// Will display a progress bar for 50% of the button width
|
95
|
-
l.ladda( 'setProgress', 0.5 );
|
96
|
-
|
97
|
-
// Stop loading
|
98
|
-
l.ladda( 'stop' );
|
99
|
-
|
100
|
-
// Toggle between loading/not loading states
|
101
|
-
l.ladda( 'toggle' );
|
102
|
-
|
103
|
-
// Check the current state
|
104
|
-
l.ladda( 'isLoading' );
|
105
|
-
```
|
106
|
-
|
107
|
-
All loading animations on the page can be stopped by using:
|
108
|
-
|
109
|
-
```javascript
|
110
|
-
$.ladda( 'stopAll' );
|
111
|
-
```
|
112
|
-
|
113
|
-
## Module
|
114
|
-
|
115
|
-
You can `bower install ladda` or `npm install ladda`. The spinner and Ladda can be loaded as a module using AMD.
|
116
|
-
|
117
|
-
```javascript
|
118
|
-
// Using Require.js
|
119
|
-
define(['ladda'], function(Ladda) {
|
120
|
-
// Make Buttons Here
|
121
|
-
});
|
122
|
-
```
|
123
|
-
|
124
|
-
Or in Common.js, you will:
|
125
|
-
|
126
|
-
```javascript
|
127
|
-
var ladda = require('ladda');
|
128
|
-
```
|
129
|
-
|
130
|
-
## Browser support
|
131
|
-
|
132
|
-
The project is tested in Chrome and Firefox. It Should Work™ in the current stable releases of Chrome, Firefox, Safari as well as IE9 and up.
|
133
|
-
|
134
|
-
## Changelog
|
135
|
-
|
136
|
-
<https://github.com/hakimel/Ladda/releases>
|
137
|
-
|
138
|
-
## License
|
139
|
-
|
140
|
-
MIT licensed
|
141
|
-
|
142
|
-
Copyright (C) 2016 Hakim El Hattab, http://hakim.se
|
@@ -1,60 +0,0 @@
|
|
1
|
-
/* Styles used specifically for the demo page */
|
2
|
-
|
3
|
-
body {
|
4
|
-
background: #f5f5f5;
|
5
|
-
font-family: monospace;
|
6
|
-
font-size: 14px;
|
7
|
-
color: #333333;
|
8
|
-
}
|
9
|
-
|
10
|
-
button {
|
11
|
-
outline: 0;
|
12
|
-
}
|
13
|
-
|
14
|
-
.examples {
|
15
|
-
max-width: 670px;
|
16
|
-
margin: 2em auto;
|
17
|
-
padding: 4em;
|
18
|
-
background: #fff;
|
19
|
-
text-align: center
|
20
|
-
}
|
21
|
-
.examples .intro {
|
22
|
-
margin-bottom: 3em;
|
23
|
-
line-height: 1.4em;
|
24
|
-
font-size: 16px;
|
25
|
-
text-align: left;
|
26
|
-
}
|
27
|
-
.examples .intro h1 {
|
28
|
-
margin-top: 0;
|
29
|
-
font-size: 18px;
|
30
|
-
}
|
31
|
-
|
32
|
-
.examples .outro {
|
33
|
-
display: block;
|
34
|
-
text-align: right;
|
35
|
-
margin-top: 3em;
|
36
|
-
}
|
37
|
-
.examples section {
|
38
|
-
display: inline-block;
|
39
|
-
width: 24%;
|
40
|
-
min-width: 160px;
|
41
|
-
margin-bottom: 2em;
|
42
|
-
text-align: center;
|
43
|
-
vertical-align: top;
|
44
|
-
}
|
45
|
-
.examples section h3 {
|
46
|
-
color: #bbb;
|
47
|
-
font-weight: normal;
|
48
|
-
}
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
.sharing {
|
53
|
-
float: left;
|
54
|
-
}
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
@@ -1,81 +0,0 @@
|
|
1
|
-
/*!
|
2
|
-
* Ladda including the default theme.
|
3
|
-
*/
|
4
|
-
|
5
|
-
@import "ladda";
|
6
|
-
|
7
|
-
/*************************************
|
8
|
-
* CONFIG
|
9
|
-
*/
|
10
|
-
|
11
|
-
$green: #2aca76;
|
12
|
-
$blue: #53b5e6;
|
13
|
-
$red: #ea8557;
|
14
|
-
$purple: #9973C2;
|
15
|
-
$mint: #16a085;
|
16
|
-
|
17
|
-
|
18
|
-
/*************************************
|
19
|
-
* BUTTON THEME
|
20
|
-
*/
|
21
|
-
|
22
|
-
.ladda-button {
|
23
|
-
background: #666;
|
24
|
-
border: 0;
|
25
|
-
padding: 14px 18px;
|
26
|
-
font-size: 18px;
|
27
|
-
cursor: pointer;
|
28
|
-
|
29
|
-
color: #fff;
|
30
|
-
border-radius: 2px;
|
31
|
-
border: 1px solid transparent;
|
32
|
-
|
33
|
-
-webkit-appearance: none;
|
34
|
-
-webkit-font-smoothing: antialiased;
|
35
|
-
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
36
|
-
|
37
|
-
&:hover {
|
38
|
-
border-color: rgba( 0, 0, 0, 0.07 );
|
39
|
-
background-color: #888;
|
40
|
-
}
|
41
|
-
|
42
|
-
@include buttonColor( 'green', $green );
|
43
|
-
@include buttonColor( 'blue', $blue );
|
44
|
-
@include buttonColor( 'red', $red );
|
45
|
-
@include buttonColor( 'purple', $purple );
|
46
|
-
@include buttonColor( 'mint', $mint );
|
47
|
-
|
48
|
-
&[disabled],
|
49
|
-
&[data-loading] {
|
50
|
-
border-color: rgba( 0, 0, 0, 0.07 );
|
51
|
-
|
52
|
-
&, &:hover {
|
53
|
-
cursor: default;
|
54
|
-
background-color: #999;
|
55
|
-
}
|
56
|
-
}
|
57
|
-
|
58
|
-
&[data-size=xs] {
|
59
|
-
padding: 4px 8px;
|
60
|
-
|
61
|
-
.ladda-label {
|
62
|
-
font-size: 0.7em;
|
63
|
-
}
|
64
|
-
}
|
65
|
-
|
66
|
-
&[data-size=s] {
|
67
|
-
padding: 6px 10px;
|
68
|
-
|
69
|
-
.ladda-label {
|
70
|
-
font-size: 0.9em;
|
71
|
-
}
|
72
|
-
}
|
73
|
-
|
74
|
-
&[data-size=l] .ladda-label {
|
75
|
-
font-size: 1.2em;
|
76
|
-
}
|
77
|
-
|
78
|
-
&[data-size=xl] .ladda-label {
|
79
|
-
font-size: 1.5em;
|
80
|
-
}
|
81
|
-
}
|
@@ -1,486 +0,0 @@
|
|
1
|
-
/*!
|
2
|
-
* Ladda
|
3
|
-
* http://lab.hakim.se/ladda
|
4
|
-
* MIT licensed
|
5
|
-
*
|
6
|
-
* Copyright (C) 2016 Hakim El Hattab, http://hakim.se
|
7
|
-
*/
|
8
|
-
|
9
|
-
|
10
|
-
/*************************************
|
11
|
-
* CONFIG
|
12
|
-
*/
|
13
|
-
|
14
|
-
$spinnerSize: 32px;
|
15
|
-
|
16
|
-
|
17
|
-
/*************************************
|
18
|
-
* MIXINS
|
19
|
-
*/
|
20
|
-
|
21
|
-
@mixin prefix ( $property, $value ) {
|
22
|
-
-webkit-#{$property}: $value;
|
23
|
-
-moz-#{$property}: $value;
|
24
|
-
-ms-#{$property}: $value;
|
25
|
-
-o-#{$property}: $value;
|
26
|
-
#{$property}: $value;
|
27
|
-
}
|
28
|
-
|
29
|
-
@mixin transition( $value ) {
|
30
|
-
-webkit-transition: $value !important; // important to override bootstrap
|
31
|
-
-moz-transition: $value !important;
|
32
|
-
-ms-transition: $value !important;
|
33
|
-
-o-transition: $value !important;
|
34
|
-
transition: $value !important;
|
35
|
-
}
|
36
|
-
|
37
|
-
@mixin transform( $value ) {
|
38
|
-
@include prefix( transform, $value );
|
39
|
-
}
|
40
|
-
|
41
|
-
@mixin transform-origin( $value ) {
|
42
|
-
@include prefix( transform-origin, $value );
|
43
|
-
}
|
44
|
-
|
45
|
-
@mixin buttonColor( $name, $color ) {
|
46
|
-
&[data-color=#{$name}] {
|
47
|
-
background: $color;
|
48
|
-
|
49
|
-
&:hover {
|
50
|
-
background-color: lighten( $color, 5% );
|
51
|
-
}
|
52
|
-
}
|
53
|
-
}
|
54
|
-
|
55
|
-
|
56
|
-
/*************************************
|
57
|
-
* BUTTON BASE
|
58
|
-
*/
|
59
|
-
|
60
|
-
.ladda-button {
|
61
|
-
position: relative;
|
62
|
-
}
|
63
|
-
|
64
|
-
|
65
|
-
/* Spinner animation */
|
66
|
-
.ladda-button .ladda-spinner {
|
67
|
-
position: absolute;
|
68
|
-
z-index: 2;
|
69
|
-
display: inline-block;
|
70
|
-
width: $spinnerSize;
|
71
|
-
height: $spinnerSize;
|
72
|
-
top: 50%;
|
73
|
-
margin-top: 0;
|
74
|
-
opacity: 0;
|
75
|
-
pointer-events: none;
|
76
|
-
}
|
77
|
-
|
78
|
-
/* Button label */
|
79
|
-
.ladda-button .ladda-label {
|
80
|
-
position: relative;
|
81
|
-
z-index: 3;
|
82
|
-
}
|
83
|
-
|
84
|
-
/* Progress bar */
|
85
|
-
.ladda-button .ladda-progress {
|
86
|
-
position: absolute;
|
87
|
-
width: 0;
|
88
|
-
height: 100%;
|
89
|
-
left: 0;
|
90
|
-
top: 0;
|
91
|
-
background: rgba( 0, 0, 0, 0.2 );
|
92
|
-
|
93
|
-
visibility: hidden;
|
94
|
-
opacity: 0;
|
95
|
-
|
96
|
-
@include transition( 0.1s linear all );
|
97
|
-
}
|
98
|
-
.ladda-button[data-loading] .ladda-progress {
|
99
|
-
opacity: 1;
|
100
|
-
visibility: visible;
|
101
|
-
}
|
102
|
-
|
103
|
-
|
104
|
-
/*************************************
|
105
|
-
* EASING
|
106
|
-
*/
|
107
|
-
|
108
|
-
.ladda-button,
|
109
|
-
.ladda-button .ladda-spinner,
|
110
|
-
.ladda-button .ladda-label {
|
111
|
-
@include transition( 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275) all );
|
112
|
-
}
|
113
|
-
|
114
|
-
.ladda-button[data-style=zoom-in],
|
115
|
-
.ladda-button[data-style=zoom-in] .ladda-spinner,
|
116
|
-
.ladda-button[data-style=zoom-in] .ladda-label,
|
117
|
-
.ladda-button[data-style=zoom-out],
|
118
|
-
.ladda-button[data-style=zoom-out] .ladda-spinner,
|
119
|
-
.ladda-button[data-style=zoom-out] .ladda-label {
|
120
|
-
@include transition( 0.3s ease all );
|
121
|
-
}
|
122
|
-
|
123
|
-
|
124
|
-
/*************************************
|
125
|
-
* EXPAND LEFT
|
126
|
-
*/
|
127
|
-
|
128
|
-
.ladda-button[data-style=expand-right] {
|
129
|
-
.ladda-spinner {
|
130
|
-
right: $spinnerSize/-2 + 10;
|
131
|
-
}
|
132
|
-
|
133
|
-
&[data-size="s"] .ladda-spinner,
|
134
|
-
&[data-size="xs"] .ladda-spinner {
|
135
|
-
right: $spinnerSize/-2 + 4;
|
136
|
-
}
|
137
|
-
|
138
|
-
&[data-loading] {
|
139
|
-
padding-right: 56px;
|
140
|
-
|
141
|
-
.ladda-spinner {
|
142
|
-
opacity: 1;
|
143
|
-
}
|
144
|
-
|
145
|
-
&[data-size="s"],
|
146
|
-
&[data-size="xs"] {
|
147
|
-
padding-right: 40px;
|
148
|
-
}
|
149
|
-
}
|
150
|
-
}
|
151
|
-
|
152
|
-
|
153
|
-
/*************************************
|
154
|
-
* EXPAND RIGHT
|
155
|
-
*/
|
156
|
-
|
157
|
-
.ladda-button[data-style=expand-left] {
|
158
|
-
.ladda-spinner {
|
159
|
-
left: $spinnerSize/2 + 10;
|
160
|
-
}
|
161
|
-
|
162
|
-
&[data-size="s"] .ladda-spinner,
|
163
|
-
&[data-size="xs"] .ladda-spinner {
|
164
|
-
left: 4px;
|
165
|
-
}
|
166
|
-
|
167
|
-
&[data-loading] {
|
168
|
-
padding-left: 56px;
|
169
|
-
|
170
|
-
.ladda-spinner {
|
171
|
-
opacity: 1;
|
172
|
-
}
|
173
|
-
|
174
|
-
&[data-size="s"],
|
175
|
-
&[data-size="xs"] {
|
176
|
-
padding-left: 40px;
|
177
|
-
}
|
178
|
-
}
|
179
|
-
}
|
180
|
-
|
181
|
-
|
182
|
-
/*************************************
|
183
|
-
* EXPAND UP
|
184
|
-
*/
|
185
|
-
|
186
|
-
.ladda-button[data-style=expand-up] {
|
187
|
-
overflow: hidden;
|
188
|
-
|
189
|
-
.ladda-spinner {
|
190
|
-
top: -$spinnerSize;
|
191
|
-
left: 50%;
|
192
|
-
margin-left: 0;
|
193
|
-
}
|
194
|
-
|
195
|
-
&[data-loading] {
|
196
|
-
padding-top: 54px;
|
197
|
-
|
198
|
-
.ladda-spinner {
|
199
|
-
opacity: 1;
|
200
|
-
top: ($spinnerSize/ 2) + 10;
|
201
|
-
margin-top: 0;
|
202
|
-
}
|
203
|
-
|
204
|
-
&[data-size="s"],
|
205
|
-
&[data-size="xs"] {
|
206
|
-
padding-top: 32px;
|
207
|
-
|
208
|
-
.ladda-spinner {
|
209
|
-
top: 4px;
|
210
|
-
}
|
211
|
-
}
|
212
|
-
}
|
213
|
-
}
|
214
|
-
|
215
|
-
|
216
|
-
/*************************************
|
217
|
-
* EXPAND DOWN
|
218
|
-
*/
|
219
|
-
|
220
|
-
.ladda-button[data-style=expand-down] {
|
221
|
-
overflow: hidden;
|
222
|
-
|
223
|
-
.ladda-spinner {
|
224
|
-
top: 62px;
|
225
|
-
left: 50%;
|
226
|
-
margin-left: 0;
|
227
|
-
}
|
228
|
-
|
229
|
-
&[data-size="s"] .ladda-spinner,
|
230
|
-
&[data-size="xs"] .ladda-spinner {
|
231
|
-
top: 40px;
|
232
|
-
}
|
233
|
-
|
234
|
-
&[data-loading] {
|
235
|
-
padding-bottom: 54px;
|
236
|
-
|
237
|
-
.ladda-spinner {
|
238
|
-
opacity: 1;
|
239
|
-
}
|
240
|
-
|
241
|
-
&[data-size="s"],
|
242
|
-
&[data-size="xs"] {
|
243
|
-
padding-bottom: 32px;
|
244
|
-
}
|
245
|
-
}
|
246
|
-
}
|
247
|
-
|
248
|
-
|
249
|
-
/*************************************
|
250
|
-
* SLIDE LEFT
|
251
|
-
*/
|
252
|
-
.ladda-button[data-style=slide-left] {
|
253
|
-
overflow: hidden;
|
254
|
-
|
255
|
-
.ladda-label {
|
256
|
-
position: relative;
|
257
|
-
}
|
258
|
-
.ladda-spinner {
|
259
|
-
left: 100%;
|
260
|
-
margin-left: 0;
|
261
|
-
}
|
262
|
-
|
263
|
-
&[data-loading] {
|
264
|
-
.ladda-label {
|
265
|
-
opacity: 0;
|
266
|
-
left: -100%;
|
267
|
-
}
|
268
|
-
.ladda-spinner {
|
269
|
-
opacity: 1;
|
270
|
-
left: 50%;
|
271
|
-
}
|
272
|
-
}
|
273
|
-
}
|
274
|
-
|
275
|
-
|
276
|
-
/*************************************
|
277
|
-
* SLIDE RIGHT
|
278
|
-
*/
|
279
|
-
.ladda-button[data-style=slide-right] {
|
280
|
-
overflow: hidden;
|
281
|
-
|
282
|
-
.ladda-label {
|
283
|
-
position: relative;
|
284
|
-
}
|
285
|
-
.ladda-spinner {
|
286
|
-
right: 100%;
|
287
|
-
margin-left: 0;
|
288
|
-
left: $spinnerSize/2
|
289
|
-
}
|
290
|
-
|
291
|
-
&[data-loading] {
|
292
|
-
.ladda-label {
|
293
|
-
opacity: 0;
|
294
|
-
left: 100%;
|
295
|
-
}
|
296
|
-
.ladda-spinner {
|
297
|
-
opacity: 1;
|
298
|
-
left: 50%;
|
299
|
-
}
|
300
|
-
}
|
301
|
-
}
|
302
|
-
|
303
|
-
|
304
|
-
/*************************************
|
305
|
-
* SLIDE UP
|
306
|
-
*/
|
307
|
-
.ladda-button[data-style=slide-up] {
|
308
|
-
overflow: hidden;
|
309
|
-
|
310
|
-
.ladda-label {
|
311
|
-
position: relative;
|
312
|
-
}
|
313
|
-
.ladda-spinner {
|
314
|
-
left: 50%;
|
315
|
-
margin-left: 0;
|
316
|
-
margin-top: 1em;
|
317
|
-
}
|
318
|
-
|
319
|
-
&[data-loading] {
|
320
|
-
.ladda-label {
|
321
|
-
opacity: 0;
|
322
|
-
top: -1em;
|
323
|
-
}
|
324
|
-
.ladda-spinner {
|
325
|
-
opacity: 1;
|
326
|
-
margin-top: 0;
|
327
|
-
}
|
328
|
-
}
|
329
|
-
}
|
330
|
-
|
331
|
-
|
332
|
-
/*************************************
|
333
|
-
* SLIDE DOWN
|
334
|
-
*/
|
335
|
-
.ladda-button[data-style=slide-down] {
|
336
|
-
overflow: hidden;
|
337
|
-
|
338
|
-
.ladda-label {
|
339
|
-
position: relative;
|
340
|
-
}
|
341
|
-
.ladda-spinner {
|
342
|
-
left: 50%;
|
343
|
-
margin-left: 0;
|
344
|
-
margin-top: -2em;
|
345
|
-
}
|
346
|
-
|
347
|
-
&[data-loading] {
|
348
|
-
.ladda-label {
|
349
|
-
opacity: 0;
|
350
|
-
top: 1em;
|
351
|
-
}
|
352
|
-
.ladda-spinner {
|
353
|
-
opacity: 1;
|
354
|
-
margin-top: 0;
|
355
|
-
}
|
356
|
-
}
|
357
|
-
}
|
358
|
-
|
359
|
-
|
360
|
-
/*************************************
|
361
|
-
* ZOOM-OUT
|
362
|
-
*/
|
363
|
-
|
364
|
-
.ladda-button[data-style=zoom-out] {
|
365
|
-
overflow: hidden;
|
366
|
-
}
|
367
|
-
.ladda-button[data-style=zoom-out] .ladda-spinner {
|
368
|
-
left: 50%;
|
369
|
-
margin-left: $spinnerSize;
|
370
|
-
|
371
|
-
@include transform( scale( 2.5 ) );
|
372
|
-
}
|
373
|
-
.ladda-button[data-style=zoom-out] .ladda-label {
|
374
|
-
position: relative;
|
375
|
-
display: inline-block;
|
376
|
-
}
|
377
|
-
|
378
|
-
.ladda-button[data-style=zoom-out][data-loading] .ladda-label {
|
379
|
-
opacity: 0;
|
380
|
-
|
381
|
-
@include transform( scale( 0.5 ) );
|
382
|
-
}
|
383
|
-
.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
|
384
|
-
opacity: 1;
|
385
|
-
margin-left: 0;
|
386
|
-
|
387
|
-
@include transform( none );
|
388
|
-
}
|
389
|
-
|
390
|
-
|
391
|
-
/*************************************
|
392
|
-
* ZOOM-IN
|
393
|
-
*/
|
394
|
-
|
395
|
-
.ladda-button[data-style=zoom-in] {
|
396
|
-
overflow: hidden;
|
397
|
-
}
|
398
|
-
.ladda-button[data-style=zoom-in] .ladda-spinner {
|
399
|
-
left: 50%;
|
400
|
-
margin-left: $spinnerSize/-2;
|
401
|
-
|
402
|
-
@include transform( scale( 0.2 ) );
|
403
|
-
}
|
404
|
-
.ladda-button[data-style=zoom-in] .ladda-label {
|
405
|
-
position: relative;
|
406
|
-
display: inline-block;
|
407
|
-
}
|
408
|
-
|
409
|
-
.ladda-button[data-style=zoom-in][data-loading] .ladda-label {
|
410
|
-
opacity: 0;
|
411
|
-
|
412
|
-
@include transform( scale( 2.2 ) );
|
413
|
-
}
|
414
|
-
.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
|
415
|
-
opacity: 1;
|
416
|
-
margin-left: 0;
|
417
|
-
|
418
|
-
@include transform( none );
|
419
|
-
}
|
420
|
-
|
421
|
-
|
422
|
-
/*************************************
|
423
|
-
* CONTRACT
|
424
|
-
*/
|
425
|
-
|
426
|
-
.ladda-button[data-style=contract] {
|
427
|
-
overflow: hidden;
|
428
|
-
width: 100px;
|
429
|
-
}
|
430
|
-
.ladda-button[data-style=contract] .ladda-spinner {
|
431
|
-
left: 50%;
|
432
|
-
margin-left: 0;
|
433
|
-
}
|
434
|
-
|
435
|
-
.ladda-button[data-style=contract][data-loading] {
|
436
|
-
border-radius: 50%;
|
437
|
-
width: 52px;
|
438
|
-
}
|
439
|
-
.ladda-button[data-style=contract][data-loading] .ladda-label {
|
440
|
-
opacity: 0;
|
441
|
-
}
|
442
|
-
.ladda-button[data-style=contract][data-loading] .ladda-spinner {
|
443
|
-
opacity: 1;
|
444
|
-
}
|
445
|
-
|
446
|
-
|
447
|
-
|
448
|
-
/*************************************
|
449
|
-
* OVERLAY
|
450
|
-
*/
|
451
|
-
|
452
|
-
.ladda-button[data-style=contract-overlay] {
|
453
|
-
overflow: hidden;
|
454
|
-
width: 100px;
|
455
|
-
|
456
|
-
box-shadow: 0px 0px 0px 2000px rgba(0,0,0,0);
|
457
|
-
}
|
458
|
-
.ladda-button[data-style=contract-overlay] .ladda-spinner {
|
459
|
-
left: 50%;
|
460
|
-
margin-left: 0;
|
461
|
-
}
|
462
|
-
|
463
|
-
.ladda-button[data-style=contract-overlay][data-loading] {
|
464
|
-
border-radius: 50%;
|
465
|
-
width: 52px;
|
466
|
-
|
467
|
-
/*outline: 10000px solid rgba( 0, 0, 0, 0.5 );*/
|
468
|
-
box-shadow: 0px 0px 0px 2000px rgba(0,0,0,0.8);
|
469
|
-
}
|
470
|
-
.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
|
471
|
-
opacity: 0;
|
472
|
-
}
|
473
|
-
.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
|
474
|
-
opacity: 1;
|
475
|
-
}
|
476
|
-
|
477
|
-
|
478
|
-
|
479
|
-
|
480
|
-
|
481
|
-
|
482
|
-
|
483
|
-
|
484
|
-
|
485
|
-
|
486
|
-
|