beetstrap 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/README.md +61 -0
- data/Rakefile +32 -0
- data/assets/fonts/beetstrap/OpenSans/LICENSE.txt +202 -0
- data/assets/fonts/beetstrap/OpenSans/OpenSans.eot +0 -0
- data/assets/fonts/beetstrap/OpenSans/OpenSans.svg +1637 -0
- data/assets/fonts/beetstrap/OpenSans/OpenSans.ttf +0 -0
- data/assets/fonts/beetstrap/OpenSans/OpenSans.woff +0 -0
- data/assets/fonts/beetstrap/OpenSans-Bold/LICENSE.txt +202 -0
- data/assets/fonts/beetstrap/OpenSans-Bold/OpenSans-Bold.eot +0 -0
- data/assets/fonts/beetstrap/OpenSans-Bold/OpenSans-Bold.svg +1635 -0
- data/assets/fonts/beetstrap/OpenSans-Bold/OpenSans-Bold.ttf +0 -0
- data/assets/fonts/beetstrap/OpenSans-Bold/OpenSans-Bold.woff +0 -0
- data/assets/fonts/beetstrap/OpenSans-Light/LICENSE.txt +202 -0
- data/assets/fonts/beetstrap/OpenSans-Light/OpenSans-Light.eot +0 -0
- data/assets/fonts/beetstrap/OpenSans-Light/OpenSans-Light.svg +1823 -0
- data/assets/fonts/beetstrap/OpenSans-Light/OpenSans-Light.ttf +0 -0
- data/assets/fonts/beetstrap/OpenSans-Light/OpenSans-Light.woff +0 -0
- data/assets/fonts/beetstrap/OpenSans-Semibold/LICENSE.txt +202 -0
- data/assets/fonts/beetstrap/OpenSans-Semibold/OpenSans-Semibold.eot +0 -0
- data/assets/fonts/beetstrap/OpenSans-Semibold/OpenSans-Semibold.svg +1827 -0
- data/assets/fonts/beetstrap/OpenSans-Semibold/OpenSans-Semibold.ttf +0 -0
- data/assets/fonts/beetstrap/OpenSans-Semibold/OpenSans-Semibold.woff +0 -0
- data/assets/fonts/beetstrap/ic-icons.eot +0 -0
- data/assets/fonts/beetstrap/ic-icons.svg +78 -0
- data/assets/fonts/beetstrap/ic-icons.ttf +0 -0
- data/assets/fonts/beetstrap/ic-icons.woff +0 -0
- data/assets/images/beetstrap/icon-arrow-down-white-4.png +0 -0
- data/assets/images/beetstrap/icon-arrow-down-white-4@2x.png +0 -0
- data/assets/images/beetstrap/icon-arrow-down-white-4@3x.png +0 -0
- data/assets/images/beetstrap/icon-arrow-right-gray-4.png +0 -0
- data/assets/images/beetstrap/icon-arrow-right-gray-4@2x.png +0 -0
- data/assets/images/beetstrap/icon-arrow-right-gray-4@3x.png +0 -0
- data/assets/images/beetstrap/icon-cart.png +0 -0
- data/assets/images/beetstrap/icon-cart@2x.png +0 -0
- data/assets/images/beetstrap/icon-cart@3x.png +0 -0
- data/assets/images/beetstrap/icon-departments-hamburger.png +0 -0
- data/assets/images/beetstrap/icon-departments-hamburger@2x.png +0 -0
- data/assets/images/beetstrap/icon-departments-hamburger@3x.png +0 -0
- data/assets/images/beetstrap/icon-help.png +0 -0
- data/assets/images/beetstrap/icon-help@2x.png +0 -0
- data/assets/images/beetstrap/icon-help@3x.png +0 -0
- data/assets/images/beetstrap/icon-home.png +0 -0
- data/assets/images/beetstrap/icon-home@2x.png +0 -0
- data/assets/images/beetstrap/icon-home@3x.png +0 -0
- data/assets/images/beetstrap/icon-lists-and-recipes.png +0 -0
- data/assets/images/beetstrap/icon-lists-and-recipes@2x.png +0 -0
- data/assets/images/beetstrap/icon-lists-and-recipes@3x.png +0 -0
- data/assets/images/beetstrap/icon-more.png +0 -0
- data/assets/images/beetstrap/icon-more@2x.png +0 -0
- data/assets/images/beetstrap/icon-more@3x.png +0 -0
- data/assets/images/beetstrap/icon-search.png +0 -0
- data/assets/images/beetstrap/icon-search@2x.png +0 -0
- data/assets/images/beetstrap/icon-search@3x.png +0 -0
- data/assets/images/beetstrap/instacart-logo-top-bar.png +0 -0
- data/assets/images/beetstrap/instacart-logo-top-bar@2x.png +0 -0
- data/assets/images/beetstrap/instacart-logo-top-bar@3x.png +0 -0
- data/assets/javascripts/beetstrap.js +387 -0
- data/assets/stylesheets/_beetstrap.scss +19 -0
- data/assets/stylesheets/beetstrap/_button-groups.scss +228 -0
- data/assets/stylesheets/beetstrap/_buttons.scss +223 -0
- data/assets/stylesheets/beetstrap/_fonts.scss +51 -0
- data/assets/stylesheets/beetstrap/_forms.scss +578 -0
- data/assets/stylesheets/beetstrap/_grid.scss +84 -0
- data/assets/stylesheets/beetstrap/_hero.scss +27 -0
- data/assets/stylesheets/beetstrap/_icons.scss +241 -0
- data/assets/stylesheets/beetstrap/_input-groups.scss +166 -0
- data/assets/stylesheets/beetstrap/_labels.scss +66 -0
- data/assets/stylesheets/beetstrap/_mixins.scss +33 -0
- data/assets/stylesheets/beetstrap/_modal.scss +50 -0
- data/assets/stylesheets/beetstrap/_scaffolding.scss +129 -0
- data/assets/stylesheets/beetstrap/_topbar.scss +20 -0
- data/assets/stylesheets/beetstrap/_topbar_static.scss +111 -0
- data/assets/stylesheets/beetstrap/_type.scss +298 -0
- data/assets/stylesheets/beetstrap/_utils.scss +128 -0
- data/assets/stylesheets/beetstrap/_variables.scss +883 -0
- data/assets/stylesheets/beetstrap/mixins/_background-variant.scss +11 -0
- data/assets/stylesheets/beetstrap/mixins/_border-radius.scss +18 -0
- data/assets/stylesheets/beetstrap/mixins/_buttons.scss +52 -0
- data/assets/stylesheets/beetstrap/mixins/_center-block.scss +7 -0
- data/assets/stylesheets/beetstrap/mixins/_clearfix.scss +22 -0
- data/assets/stylesheets/beetstrap/mixins/_forms.scss +88 -0
- data/assets/stylesheets/beetstrap/mixins/_gradients.scss +56 -0
- data/assets/stylesheets/beetstrap/mixins/_grid-framework.scss +81 -0
- data/assets/stylesheets/beetstrap/mixins/_grid.scss +122 -0
- data/assets/stylesheets/beetstrap/mixins/_hide-text.scss +21 -0
- data/assets/stylesheets/beetstrap/mixins/_image.scss +33 -0
- data/assets/stylesheets/beetstrap/mixins/_labels.scss +12 -0
- data/assets/stylesheets/beetstrap/mixins/_list-group.scss +31 -0
- data/assets/stylesheets/beetstrap/mixins/_opacity.scss +8 -0
- data/assets/stylesheets/beetstrap/mixins/_reset-filter.scss +8 -0
- data/assets/stylesheets/beetstrap/mixins/_resize.scss +6 -0
- data/assets/stylesheets/beetstrap/mixins/_responsive-visibility.scss +21 -0
- data/assets/stylesheets/beetstrap/mixins/_size.scss +10 -0
- data/assets/stylesheets/beetstrap/mixins/_tab-focus.scss +9 -0
- data/assets/stylesheets/beetstrap/mixins/_table-row.scss +28 -0
- data/assets/stylesheets/beetstrap/mixins/_text-emphasis.scss +11 -0
- data/assets/stylesheets/beetstrap/mixins/_text-overflow.scss +8 -0
- data/assets/stylesheets/beetstrap/mixins/_vendor-prefixes.scss +222 -0
- data/lib/beetstrap/engine.rb +11 -0
- data/lib/beetstrap/version.rb +3 -0
- data/lib/beetstrap.rb +4 -0
- data/lib/tasks/beetstrap_tasks.rake +4 -0
- data/test/beetstrap_test.rb +7 -0
- data/test/dummy/README.rdoc +28 -0
- data/test/dummy/Rakefile +6 -0
- data/test/dummy/app/assets/javascripts/application.js +14 -0
- data/test/dummy/app/assets/stylesheets/application.scss +42 -0
- data/test/dummy/app/controllers/application_controller.rb +5 -0
- data/test/dummy/app/controllers/static_controller.rb +6 -0
- data/test/dummy/app/helpers/application_helper.rb +2 -0
- data/test/dummy/app/views/layouts/application.html.erb +15 -0
- data/test/dummy/app/views/static/_buttons.html +38 -0
- data/test/dummy/app/views/static/_type.html +12 -0
- data/test/dummy/app/views/static/index.html.erb +291 -0
- data/test/dummy/bin/bundle +3 -0
- data/test/dummy/bin/rails +4 -0
- data/test/dummy/bin/rake +4 -0
- data/test/dummy/config/application.rb +22 -0
- data/test/dummy/config/boot.rb +5 -0
- data/test/dummy/config/database.yml +25 -0
- data/test/dummy/config/environment.rb +5 -0
- data/test/dummy/config/environments/development.rb +37 -0
- data/test/dummy/config/environments/production.rb +78 -0
- data/test/dummy/config/environments/test.rb +39 -0
- data/test/dummy/config/initializers/assets.rb +9 -0
- data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
- data/test/dummy/config/initializers/cookies_serializer.rb +3 -0
- data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
- data/test/dummy/config/initializers/inflections.rb +16 -0
- data/test/dummy/config/initializers/mime_types.rb +4 -0
- data/test/dummy/config/initializers/session_store.rb +3 -0
- data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
- data/test/dummy/config/locales/en.yml +23 -0
- data/test/dummy/config/routes.rb +7 -0
- data/test/dummy/config/secrets.yml +22 -0
- data/test/dummy/config.ru +4 -0
- data/test/dummy/db/development.sqlite3 +0 -0
- data/test/dummy/log/development.log +1862 -0
- data/test/dummy/public/404.html +67 -0
- data/test/dummy/public/422.html +67 -0
- data/test/dummy/public/500.html +66 -0
- data/test/dummy/public/favicon.ico +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/10a9d129f1e51b537e9c5b6f7e3152c77b72e426/application.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/4f8cf8ed81d6ca603edef1eb0a94183224831d18/_beetstrap.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/bd16a4626145afe8673074e4f3522cd2a53f5f08/_button-groups.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/bd16a4626145afe8673074e4f3522cd2a53f5f08/_buttons.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/bd16a4626145afe8673074e4f3522cd2a53f5f08/_fonts.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/bd16a4626145afe8673074e4f3522cd2a53f5f08/_forms.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/bd16a4626145afe8673074e4f3522cd2a53f5f08/_grid.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/bd16a4626145afe8673074e4f3522cd2a53f5f08/_hero.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/bd16a4626145afe8673074e4f3522cd2a53f5f08/_icons.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/bd16a4626145afe8673074e4f3522cd2a53f5f08/_input-groups.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/bd16a4626145afe8673074e4f3522cd2a53f5f08/_labels.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/bd16a4626145afe8673074e4f3522cd2a53f5f08/_mixins.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/bd16a4626145afe8673074e4f3522cd2a53f5f08/_scaffolding.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/bd16a4626145afe8673074e4f3522cd2a53f5f08/_topbar.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/bd16a4626145afe8673074e4f3522cd2a53f5f08/_topbar_static.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/bd16a4626145afe8673074e4f3522cd2a53f5f08/_type.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/bd16a4626145afe8673074e4f3522cd2a53f5f08/_utils.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/bd16a4626145afe8673074e4f3522cd2a53f5f08/_variables.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_background-variant.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_border-radius.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_buttons.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_center-block.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_clearfix.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_forms.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_gradients.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_grid-framework.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_grid.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_hide-text.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_image.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_labels.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_list-group.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_opacity.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_reset-filter.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_resize.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_responsive-visibility.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_size.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_tab-focus.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_table-row.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_text-emphasis.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_text-overflow.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/caf7f31c90225e9db582a235bc48e13e4ca1a4e1/_vendor-prefixes.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/02724eb02223ea401dcbfcf8c8da073f +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/03766eeda9849d89c2623e05e8befbd2 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/06c3406d07bf8cb91e2e0fb627fbbc92 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/0c63ec19c11d21da9af625533da57c37 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/0d9ecc579ee4186e9c90534201d5aab0 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/1800dac7caca3c785beff977e8b0ee39 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/2a0015201081b900361d359b28b44d93 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/2bddb09b441a5af534e43a2e452fa52a +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/2bfcff81727b10efbbe7a9d4f76991d0 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/2caacee8bda199f19e9610d85824e4e6 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/2dd64da8168da05a04782e32f4c4dddd +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/2f5173deea6c795b8fdde723bb4b63af +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/352bab412d75fa19d0a07504553b59df +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/3601bdb1facede412601307d16288586 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/4f1679e1ed38fc6bd1a9bad30b1240e8 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/53030e85be9ede4bf5c22f1afd65894c +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/6552437661667470bc41a67b11a8d560 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/66674ec5126e89bccf50082f5bb00784 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/6e1bd95023705b5529e7ccc754a02867 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/7ce5d0e58ceda2f38c9cbfa38916ff4c +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/88b9b036a738dbce732946581fcdbc89 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/8d9c5f45e9807699e2fc3f0d2404af9d +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/92613a75279536c4bcf4f3ba6cfde494 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/bc87aa562082007306fb307b8e8e1562 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/bd8ad07d4bfd456040073b9b09d55c1d +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/c2bcd0edcebbd88cb77913aea0259e27 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/c9e0a4a74865873c0a98c2bd4cabacf6 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/cffd775d018f68ce5dba1ee0d951a994 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/d4295a244c48a28cdac19098c838465c +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/f7cbd26ba1d28d48de824f0e94586655 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/f8fb64e5df91a6e8a627e9dc517c6708 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/fd6551e205411b5803cc9898b3508ebc +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/ff6c66a957b10ee3f7de313ac23c23f4 +0 -0
- data/test/test_helper.rb +15 -0
- metadata +419 -0
|
@@ -0,0 +1,222 @@
|
|
|
1
|
+
// Vendor Prefixes
|
|
2
|
+
//
|
|
3
|
+
// All vendor mixins are deprecated as of v3.2.0 due to the introduction of
|
|
4
|
+
// Autoprefixer in our Gruntfile. They will be removed in v4.
|
|
5
|
+
|
|
6
|
+
// - Animations
|
|
7
|
+
// - Backface visibility
|
|
8
|
+
// - Box shadow
|
|
9
|
+
// - Box sizing
|
|
10
|
+
// - Content columns
|
|
11
|
+
// - Hyphens
|
|
12
|
+
// - Placeholder text
|
|
13
|
+
// - Transformations
|
|
14
|
+
// - Transitions
|
|
15
|
+
// - User Select
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
// Animations
|
|
19
|
+
@mixin animation($animation) {
|
|
20
|
+
-webkit-animation: $animation;
|
|
21
|
+
-o-animation: $animation;
|
|
22
|
+
animation: $animation;
|
|
23
|
+
}
|
|
24
|
+
@mixin animation-name($name) {
|
|
25
|
+
-webkit-animation-name: $name;
|
|
26
|
+
animation-name: $name;
|
|
27
|
+
}
|
|
28
|
+
@mixin animation-duration($duration) {
|
|
29
|
+
-webkit-animation-duration: $duration;
|
|
30
|
+
animation-duration: $duration;
|
|
31
|
+
}
|
|
32
|
+
@mixin animation-timing-function($timing-function) {
|
|
33
|
+
-webkit-animation-timing-function: $timing-function;
|
|
34
|
+
animation-timing-function: $timing-function;
|
|
35
|
+
}
|
|
36
|
+
@mixin animation-delay($delay) {
|
|
37
|
+
-webkit-animation-delay: $delay;
|
|
38
|
+
animation-delay: $delay;
|
|
39
|
+
}
|
|
40
|
+
@mixin animation-iteration-count($iteration-count) {
|
|
41
|
+
-webkit-animation-iteration-count: $iteration-count;
|
|
42
|
+
animation-iteration-count: $iteration-count;
|
|
43
|
+
}
|
|
44
|
+
@mixin animation-direction($direction) {
|
|
45
|
+
-webkit-animation-direction: $direction;
|
|
46
|
+
animation-direction: $direction;
|
|
47
|
+
}
|
|
48
|
+
@mixin animation-fill-mode($fill-mode) {
|
|
49
|
+
-webkit-animation-fill-mode: $fill-mode;
|
|
50
|
+
animation-fill-mode: $fill-mode;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
// Backface visibility
|
|
54
|
+
// Prevent browsers from flickering when using CSS 3D transforms.
|
|
55
|
+
// Default value is `visible`, but can be changed to `hidden`
|
|
56
|
+
|
|
57
|
+
@mixin backface-visibility($visibility){
|
|
58
|
+
-webkit-backface-visibility: $visibility;
|
|
59
|
+
-moz-backface-visibility: $visibility;
|
|
60
|
+
backface-visibility: $visibility;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
// Drop shadows
|
|
64
|
+
//
|
|
65
|
+
// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
|
|
66
|
+
// supported browsers that have box shadow capabilities now support it.
|
|
67
|
+
|
|
68
|
+
@mixin box-shadow($shadow...) {
|
|
69
|
+
-webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1
|
|
70
|
+
box-shadow: $shadow;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
// Box sizing
|
|
74
|
+
@mixin box-sizing($boxmodel) {
|
|
75
|
+
-webkit-box-sizing: $boxmodel;
|
|
76
|
+
-moz-box-sizing: $boxmodel;
|
|
77
|
+
box-sizing: $boxmodel;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
// CSS3 Content Columns
|
|
81
|
+
@mixin content-columns($column-count, $column-gap: $grid-gutter-width) {
|
|
82
|
+
-webkit-column-count: $column-count;
|
|
83
|
+
-moz-column-count: $column-count;
|
|
84
|
+
column-count: $column-count;
|
|
85
|
+
-webkit-column-gap: $column-gap;
|
|
86
|
+
-moz-column-gap: $column-gap;
|
|
87
|
+
column-gap: $column-gap;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
// Optional hyphenation
|
|
91
|
+
@mixin hyphens($mode: auto) {
|
|
92
|
+
word-wrap: break-word;
|
|
93
|
+
-webkit-hyphens: $mode;
|
|
94
|
+
-moz-hyphens: $mode;
|
|
95
|
+
-ms-hyphens: $mode; // IE10+
|
|
96
|
+
-o-hyphens: $mode;
|
|
97
|
+
hyphens: $mode;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
// Placeholder text
|
|
101
|
+
@mixin placeholder($color: $input-color-placeholder) {
|
|
102
|
+
// Firefox
|
|
103
|
+
&::-moz-placeholder {
|
|
104
|
+
color: $color;
|
|
105
|
+
opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
|
|
106
|
+
}
|
|
107
|
+
&:-ms-input-placeholder { color: $color; } // Internet Explorer 10+
|
|
108
|
+
&::-webkit-input-placeholder { color: $color; } // Safari and Chrome
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
// Transformations
|
|
112
|
+
@mixin scale($ratio...) {
|
|
113
|
+
-webkit-transform: scale($ratio);
|
|
114
|
+
-ms-transform: scale($ratio); // IE9 only
|
|
115
|
+
-o-transform: scale($ratio);
|
|
116
|
+
transform: scale($ratio);
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
@mixin scaleX($ratio) {
|
|
120
|
+
-webkit-transform: scaleX($ratio);
|
|
121
|
+
-ms-transform: scaleX($ratio); // IE9 only
|
|
122
|
+
-o-transform: scaleX($ratio);
|
|
123
|
+
transform: scaleX($ratio);
|
|
124
|
+
}
|
|
125
|
+
@mixin scaleY($ratio) {
|
|
126
|
+
-webkit-transform: scaleY($ratio);
|
|
127
|
+
-ms-transform: scaleY($ratio); // IE9 only
|
|
128
|
+
-o-transform: scaleY($ratio);
|
|
129
|
+
transform: scaleY($ratio);
|
|
130
|
+
}
|
|
131
|
+
@mixin skew($x, $y) {
|
|
132
|
+
-webkit-transform: skewX($x) skewY($y);
|
|
133
|
+
-ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
|
|
134
|
+
-o-transform: skewX($x) skewY($y);
|
|
135
|
+
transform: skewX($x) skewY($y);
|
|
136
|
+
}
|
|
137
|
+
@mixin translate($x, $y) {
|
|
138
|
+
-webkit-transform: translate($x, $y);
|
|
139
|
+
-ms-transform: translate($x, $y); // IE9 only
|
|
140
|
+
-o-transform: translate($x, $y);
|
|
141
|
+
transform: translate($x, $y);
|
|
142
|
+
}
|
|
143
|
+
@mixin translate3d($x, $y, $z) {
|
|
144
|
+
-webkit-transform: translate3d($x, $y, $z);
|
|
145
|
+
transform: translate3d($x, $y, $z);
|
|
146
|
+
}
|
|
147
|
+
@mixin rotate($degrees) {
|
|
148
|
+
-webkit-transform: rotate($degrees);
|
|
149
|
+
-ms-transform: rotate($degrees); // IE9 only
|
|
150
|
+
-o-transform: rotate($degrees);
|
|
151
|
+
transform: rotate($degrees);
|
|
152
|
+
}
|
|
153
|
+
@mixin rotateX($degrees) {
|
|
154
|
+
-webkit-transform: rotateX($degrees);
|
|
155
|
+
-ms-transform: rotateX($degrees); // IE9 only
|
|
156
|
+
-o-transform: rotateX($degrees);
|
|
157
|
+
transform: rotateX($degrees);
|
|
158
|
+
}
|
|
159
|
+
@mixin rotateY($degrees) {
|
|
160
|
+
-webkit-transform: rotateY($degrees);
|
|
161
|
+
-ms-transform: rotateY($degrees); // IE9 only
|
|
162
|
+
-o-transform: rotateY($degrees);
|
|
163
|
+
transform: rotateY($degrees);
|
|
164
|
+
}
|
|
165
|
+
@mixin perspective($perspective) {
|
|
166
|
+
-webkit-perspective: $perspective;
|
|
167
|
+
-moz-perspective: $perspective;
|
|
168
|
+
perspective: $perspective;
|
|
169
|
+
}
|
|
170
|
+
@mixin perspective-origin($perspective) {
|
|
171
|
+
-webkit-perspective-origin: $perspective;
|
|
172
|
+
-moz-perspective-origin: $perspective;
|
|
173
|
+
perspective-origin: $perspective;
|
|
174
|
+
}
|
|
175
|
+
@mixin transform-origin($origin) {
|
|
176
|
+
-webkit-transform-origin: $origin;
|
|
177
|
+
-moz-transform-origin: $origin;
|
|
178
|
+
-ms-transform-origin: $origin; // IE9 only
|
|
179
|
+
transform-origin: $origin;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
|
|
183
|
+
// Transitions
|
|
184
|
+
|
|
185
|
+
@mixin transition($transition...) {
|
|
186
|
+
-webkit-transition: $transition;
|
|
187
|
+
-o-transition: $transition;
|
|
188
|
+
transition: $transition;
|
|
189
|
+
}
|
|
190
|
+
@mixin transition-property($transition-property...) {
|
|
191
|
+
-webkit-transition-property: $transition-property;
|
|
192
|
+
transition-property: $transition-property;
|
|
193
|
+
}
|
|
194
|
+
@mixin transition-delay($transition-delay) {
|
|
195
|
+
-webkit-transition-delay: $transition-delay;
|
|
196
|
+
transition-delay: $transition-delay;
|
|
197
|
+
}
|
|
198
|
+
@mixin transition-duration($transition-duration...) {
|
|
199
|
+
-webkit-transition-duration: $transition-duration;
|
|
200
|
+
transition-duration: $transition-duration;
|
|
201
|
+
}
|
|
202
|
+
@mixin transition-timing-function($timing-function) {
|
|
203
|
+
-webkit-transition-timing-function: $timing-function;
|
|
204
|
+
transition-timing-function: $timing-function;
|
|
205
|
+
}
|
|
206
|
+
@mixin transition-transform($transition...) {
|
|
207
|
+
-webkit-transition: -webkit-transform $transition;
|
|
208
|
+
-moz-transition: -moz-transform $transition;
|
|
209
|
+
-o-transition: -o-transform $transition;
|
|
210
|
+
transition: transform $transition;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
|
|
214
|
+
// User select
|
|
215
|
+
// For selecting text on the page
|
|
216
|
+
|
|
217
|
+
@mixin user-select($select) {
|
|
218
|
+
-webkit-user-select: $select;
|
|
219
|
+
-moz-user-select: $select;
|
|
220
|
+
-ms-user-select: $select; // IE10+
|
|
221
|
+
user-select: $select;
|
|
222
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
module Beetstrap
|
|
2
|
+
class Engine < ::Rails::Engine
|
|
3
|
+
initializer 'beetstrap' do |app|
|
|
4
|
+
%w(stylesheets fonts images javascripts).each do |sub|
|
|
5
|
+
app.config.assets.paths << root.join('assets', sub).to_s
|
|
6
|
+
end
|
|
7
|
+
|
|
8
|
+
app.config.assets.precompile << %r(beetstrap\/.*\.(?:png|jpg|gif|eot|svg|ttf|woff)$)
|
|
9
|
+
end
|
|
10
|
+
end
|
|
11
|
+
end
|
data/lib/beetstrap.rb
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
== README
|
|
2
|
+
|
|
3
|
+
This README would normally document whatever steps are necessary to get the
|
|
4
|
+
application up and running.
|
|
5
|
+
|
|
6
|
+
Things you may want to cover:
|
|
7
|
+
|
|
8
|
+
* Ruby version
|
|
9
|
+
|
|
10
|
+
* System dependencies
|
|
11
|
+
|
|
12
|
+
* Configuration
|
|
13
|
+
|
|
14
|
+
* Database creation
|
|
15
|
+
|
|
16
|
+
* Database initialization
|
|
17
|
+
|
|
18
|
+
* How to run the test suite
|
|
19
|
+
|
|
20
|
+
* Services (job queues, cache servers, search engines, etc.)
|
|
21
|
+
|
|
22
|
+
* Deployment instructions
|
|
23
|
+
|
|
24
|
+
* ...
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
Please feel free to use a different markup language if you do not plan to run
|
|
28
|
+
<tt>rake doc:app</tt>.
|
data/test/dummy/Rakefile
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
// This is a manifest file that'll be compiled into application.js, which will include all the files
|
|
2
|
+
// listed below.
|
|
3
|
+
//
|
|
4
|
+
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
|
|
5
|
+
// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
|
|
6
|
+
//
|
|
7
|
+
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
|
|
8
|
+
// compiled file.
|
|
9
|
+
//
|
|
10
|
+
// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
|
|
11
|
+
// about supported directives.
|
|
12
|
+
//
|
|
13
|
+
//= require_tree .
|
|
14
|
+
//= require beetstrap
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* This is a manifest file that'll be compiled into application.css, which will include all the files
|
|
3
|
+
* listed below.
|
|
4
|
+
*
|
|
5
|
+
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
|
|
6
|
+
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
|
|
7
|
+
*
|
|
8
|
+
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
|
|
9
|
+
* compiled file so the styles you add here take precedence over styles defined in any styles
|
|
10
|
+
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new
|
|
11
|
+
* file per style scope.
|
|
12
|
+
*
|
|
13
|
+
*= require_tree .
|
|
14
|
+
*= require_self
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
@import 'beetstrap';
|
|
18
|
+
// Fonts are opt-in
|
|
19
|
+
@import 'beetstrap/fonts';
|
|
20
|
+
// Grid is opt-in
|
|
21
|
+
@import 'beetstrap/grid';
|
|
22
|
+
|
|
23
|
+
body {
|
|
24
|
+
background-color: #fcfcfc;
|
|
25
|
+
margin: 0;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.icon {
|
|
29
|
+
padding: 2px 10px;
|
|
30
|
+
padding-bottom: 10px;
|
|
31
|
+
margin-bottom: 5px;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.bg-green {
|
|
35
|
+
background-color: #60AB59;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.example {
|
|
39
|
+
border-radius: 4px;
|
|
40
|
+
border: 1px solid $color-gray-light;
|
|
41
|
+
padding: 15px;
|
|
42
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<title>Dummy</title>
|
|
5
|
+
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
|
|
6
|
+
<script src='https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react-with-addons.min.js'></script>
|
|
7
|
+
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
|
|
8
|
+
<%= csrf_meta_tags %>
|
|
9
|
+
</head>
|
|
10
|
+
<body>
|
|
11
|
+
|
|
12
|
+
<%= yield %>
|
|
13
|
+
|
|
14
|
+
</body>
|
|
15
|
+
</html>
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
<div class='row section'>
|
|
2
|
+
<h1>Buttons</h1>
|
|
3
|
+
<p>Standard</p>
|
|
4
|
+
<div class='example'>
|
|
5
|
+
<button class='ic-btn ic-btn-default'>Default</button>
|
|
6
|
+
<button class='ic-btn ic-btn-primary'>Primary</button>
|
|
7
|
+
<button class='ic-btn ic-btn-secondary'>Secondary</button>
|
|
8
|
+
<button class='ic-btn ic-btn-ng'>Negative</button>
|
|
9
|
+
<button class='ic-btn ic-btn-success'>Success</button>
|
|
10
|
+
</div>
|
|
11
|
+
|
|
12
|
+
<p>Large</p>
|
|
13
|
+
<div class='example'>
|
|
14
|
+
<button class='ic-btn ic-btn-lg ic-btn-default'>Default</button>
|
|
15
|
+
<button class='ic-btn ic-btn-lg ic-btn-primary'>Primary</button>
|
|
16
|
+
<button class='ic-btn ic-btn-lg ic-btn-secondary'>Secondary</button>
|
|
17
|
+
<button class='ic-btn ic-btn-lg ic-btn-ng'>Negative</button>
|
|
18
|
+
<button class='ic-btn ic-btn-lg ic-btn-success'>Success</button>
|
|
19
|
+
</div>
|
|
20
|
+
|
|
21
|
+
<p>Small</p>
|
|
22
|
+
<div class='example'>
|
|
23
|
+
<button class='ic-btn ic-btn-sm ic-btn-default'>Default</button>
|
|
24
|
+
<button class='ic-btn ic-btn-sm ic-btn-primary'>Primary</button>
|
|
25
|
+
<button class='ic-btn ic-btn-sm ic-btn-secondary'>Secondary</button>
|
|
26
|
+
<button class='ic-btn ic-btn-sm ic-btn-ng'>Negative</button>
|
|
27
|
+
<button class='ic-btn ic-btn-sm ic-btn-success'>Success</button>
|
|
28
|
+
</div>
|
|
29
|
+
|
|
30
|
+
<p>Extra small</p>
|
|
31
|
+
<div class='example'>
|
|
32
|
+
<button class='ic-btn ic-btn-xs ic-btn-default'>Default</button>
|
|
33
|
+
<button class='ic-btn ic-btn-xs ic-btn-primary'>Primary</button>
|
|
34
|
+
<button class='ic-btn ic-btn-xs ic-btn-secondary'>Secondary</button>
|
|
35
|
+
<button class='ic-btn ic-btn-xs ic-btn-ng'>Negative</button>
|
|
36
|
+
<button class='ic-btn ic-btn-xs ic-btn-success'>Success</button>
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<div class='row section'>
|
|
2
|
+
<h1>Typography</h1>
|
|
3
|
+
<p>Open Sans</p>
|
|
4
|
+
<div class='example'>
|
|
5
|
+
<h1>I am an h1 tag</h1>
|
|
6
|
+
<h2>I am an h2 tag</h2>
|
|
7
|
+
<h3>I am an h3 tag</h3>
|
|
8
|
+
<h4>I am an h4 tag</h4>
|
|
9
|
+
<h5>I am an h5 tag</h5>
|
|
10
|
+
<h6>I am an h6 tag</h6>
|
|
11
|
+
</div>
|
|
12
|
+
</div>
|