hackathon-bootstrap 0.0.1.1
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/LICENSE.txt +22 -0
- data/README.md +31 -0
- data/Rakefile +2 -0
- data/app/assets/javascripts/hackathon-bootstrap.js.coffee +1 -0
- data/app/assets/stylesheets/hackathon-bootstrap/bootstrap-social.scss +114 -0
- data/app/assets/stylesheets/hackathon-bootstrap/themes/default.scss +102 -0
- data/app/assets/stylesheets/hackathon-bootstrap/themes/ios7.scss +892 -0
- data/app/assets/stylesheets/hackathon-bootstrap/themes/modern.scss +151 -0
- data/app/assets/stylesheets/hackathon-bootstrap.scss.erb +59 -0
- data/lib/hackathon/bootstrap/engine.rb +16 -0
- data/lib/hackathon/bootstrap/version.rb +6 -0
- data/lib/hackathon/bootstrap.rb +2 -0
- data/lib/hackathon-bootstrap.rb +85 -0
- metadata +215 -0
    
        checksums.yaml
    ADDED
    
    | @@ -0,0 +1,7 @@ | |
| 1 | 
            +
            ---
         | 
| 2 | 
            +
            SHA1:
         | 
| 3 | 
            +
              metadata.gz: 57f97c921f6fccc36a78d60b9679eae05c4c0da2
         | 
| 4 | 
            +
              data.tar.gz: 36131b84440eddeb2820b8c00433d8ed8f9b7ceb
         | 
| 5 | 
            +
            SHA512:
         | 
| 6 | 
            +
              metadata.gz: 34acb13405b5aea0cb67a153c7dd5db5957cb7bcfa042a1156adb0ef740b67c3858bd810167b6707080d0ad0d88329625919c083bd1315a79017f915c58d301d
         | 
| 7 | 
            +
              data.tar.gz: 95b78c565a0ad552aacb48ce38a5ea2cbf59f11e591d20e8a7176c20450af2651a8bcea6fba5a67c0ed8515011b1dd413ec8445b09d0a2144f80cede8506dbd2
         | 
    
        data/LICENSE.txt
    ADDED
    
    | @@ -0,0 +1,22 @@ | |
| 1 | 
            +
            Copyright (c) 2015 steigr
         | 
| 2 | 
            +
             | 
| 3 | 
            +
            MIT License
         | 
| 4 | 
            +
             | 
| 5 | 
            +
            Permission is hereby granted, free of charge, to any person obtaining
         | 
| 6 | 
            +
            a copy of this software and associated documentation files (the
         | 
| 7 | 
            +
            "Software"), to deal in the Software without restriction, including
         | 
| 8 | 
            +
            without limitation the rights to use, copy, modify, merge, publish,
         | 
| 9 | 
            +
            distribute, sublicense, and/or sell copies of the Software, and to
         | 
| 10 | 
            +
            permit persons to whom the Software is furnished to do so, subject to
         | 
| 11 | 
            +
            the following conditions:
         | 
| 12 | 
            +
             | 
| 13 | 
            +
            The above copyright notice and this permission notice shall be
         | 
| 14 | 
            +
            included in all copies or substantial portions of the Software.
         | 
| 15 | 
            +
             | 
| 16 | 
            +
            THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
         | 
| 17 | 
            +
            EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
         | 
| 18 | 
            +
            MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
         | 
| 19 | 
            +
            NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
         | 
| 20 | 
            +
            LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
         | 
| 21 | 
            +
            OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
         | 
| 22 | 
            +
            WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
         | 
    
        data/README.md
    ADDED
    
    | @@ -0,0 +1,31 @@ | |
| 1 | 
            +
            # Hackathon::Bootstrap
         | 
| 2 | 
            +
             | 
| 3 | 
            +
            TODO: Write a gem description
         | 
| 4 | 
            +
             | 
| 5 | 
            +
            ## Installation
         | 
| 6 | 
            +
             | 
| 7 | 
            +
            Add this line to your application's Gemfile:
         | 
| 8 | 
            +
             | 
| 9 | 
            +
            ```ruby
         | 
| 10 | 
            +
            gem 'hackathon-bootstrap'
         | 
| 11 | 
            +
            ```
         | 
| 12 | 
            +
             | 
| 13 | 
            +
            And then execute:
         | 
| 14 | 
            +
             | 
| 15 | 
            +
                $ bundle
         | 
| 16 | 
            +
             | 
| 17 | 
            +
            Or install it yourself as:
         | 
| 18 | 
            +
             | 
| 19 | 
            +
                $ gem install hackathon-bootstrap
         | 
| 20 | 
            +
             | 
| 21 | 
            +
            ## Usage
         | 
| 22 | 
            +
             | 
| 23 | 
            +
            TODO: Write usage instructions here
         | 
| 24 | 
            +
             | 
| 25 | 
            +
            ## Contributing
         | 
| 26 | 
            +
             | 
| 27 | 
            +
            1. Fork it ( https://github.com/[my-github-username]/hackathon-bootstrap/fork )
         | 
| 28 | 
            +
            2. Create your feature branch (`git checkout -b my-new-feature`)
         | 
| 29 | 
            +
            3. Commit your changes (`git commit -am 'Add some feature'`)
         | 
| 30 | 
            +
            4. Push to the branch (`git push origin my-new-feature`)
         | 
| 31 | 
            +
            5. Create a new Pull Request
         | 
    
        data/Rakefile
    ADDED
    
    
| @@ -0,0 +1 @@ | |
| 1 | 
            +
            #= require bootstrap-sprockets
         | 
| @@ -0,0 +1,114 @@ | |
| 1 | 
            +
            /*
         | 
| 2 | 
            +
             * Social Buttons for Bootstrap
         | 
| 3 | 
            +
             *
         | 
| 4 | 
            +
             * Copyright 2013-2014 Panayiotis Lipiridis
         | 
| 5 | 
            +
             * Licensed under the MIT License
         | 
| 6 | 
            +
             *
         | 
| 7 | 
            +
             * https://github.com/lipis/bootstrap-social
         | 
| 8 | 
            +
             */
         | 
| 9 | 
            +
             | 
| 10 | 
            +
            $bs-height-base: ($line-height-computed + $padding-base-vertical * 2);
         | 
| 11 | 
            +
            $bs-height-lg:   (floor($font-size-large * $line-height-base) + $padding-large-vertical * 2);
         | 
| 12 | 
            +
            $bs-height-sm:   (floor($font-size-small * 1.5) + $padding-small-vertical * 2);
         | 
| 13 | 
            +
            $bs-height-xs:   (floor($font-size-small * 1.2) + $padding-small-vertical + 1);
         | 
| 14 | 
            +
             | 
| 15 | 
            +
            @mixin btn-social-base {
         | 
| 16 | 
            +
              position: relative;
         | 
| 17 | 
            +
              padding-left: ($bs-height-base + $padding-base-horizontal);
         | 
| 18 | 
            +
              text-align: left;
         | 
| 19 | 
            +
              white-space: nowrap;
         | 
| 20 | 
            +
              overflow: hidden;
         | 
| 21 | 
            +
              text-overflow: ellipsis;
         | 
| 22 | 
            +
              > :first-child {
         | 
| 23 | 
            +
                position: absolute;
         | 
| 24 | 
            +
                left: 0;
         | 
| 25 | 
            +
                top: 0;
         | 
| 26 | 
            +
                bottom: 0;
         | 
| 27 | 
            +
                width: $bs-height-base;
         | 
| 28 | 
            +
                line-height: ($bs-height-base + 2);
         | 
| 29 | 
            +
                font-size: 1.6em;
         | 
| 30 | 
            +
                text-align: center;
         | 
| 31 | 
            +
                border-right: 1px solid rgba(0, 0, 0, 0.2);
         | 
| 32 | 
            +
              }
         | 
| 33 | 
            +
              &.btn-lg {
         | 
| 34 | 
            +
                padding-left: ($bs-height-lg + $padding-large-horizontal);
         | 
| 35 | 
            +
                :first-child {
         | 
| 36 | 
            +
                  line-height: $bs-height-lg;
         | 
| 37 | 
            +
                  width: $bs-height-lg;
         | 
| 38 | 
            +
                  font-size: 1.8em;
         | 
| 39 | 
            +
                }
         | 
| 40 | 
            +
              }
         | 
| 41 | 
            +
              &.btn-sm {
         | 
| 42 | 
            +
                padding-left: ($bs-height-sm + $padding-small-horizontal);
         | 
| 43 | 
            +
                :first-child {
         | 
| 44 | 
            +
                  line-height: $bs-height-sm;
         | 
| 45 | 
            +
                  width: $bs-height-sm;
         | 
| 46 | 
            +
                  font-size: 1.4em;
         | 
| 47 | 
            +
                }
         | 
| 48 | 
            +
              }
         | 
| 49 | 
            +
              &.btn-xs {
         | 
| 50 | 
            +
                padding-left: ($bs-height-xs + $padding-small-horizontal);
         | 
| 51 | 
            +
                :first-child {
         | 
| 52 | 
            +
                  line-height: $bs-height-xs;
         | 
| 53 | 
            +
                  width: $bs-height-xs;
         | 
| 54 | 
            +
                  font-size: 1.2em;
         | 
| 55 | 
            +
                }
         | 
| 56 | 
            +
              }
         | 
| 57 | 
            +
            }
         | 
| 58 | 
            +
             | 
| 59 | 
            +
            .btn-social-icon {
         | 
| 60 | 
            +
              @include btn-social-base;
         | 
| 61 | 
            +
              height: ($bs-height-base + 2);
         | 
| 62 | 
            +
              width: ($bs-height-base + 2);
         | 
| 63 | 
            +
              padding: 0;
         | 
| 64 | 
            +
              :first-child {
         | 
| 65 | 
            +
                border: none;
         | 
| 66 | 
            +
                text-align: center;
         | 
| 67 | 
            +
                width: 100%!important;
         | 
| 68 | 
            +
              }
         | 
| 69 | 
            +
              &.btn-lg {
         | 
| 70 | 
            +
                height: $bs-height-lg;
         | 
| 71 | 
            +
                width: $bs-height-lg;
         | 
| 72 | 
            +
                padding-left: 0;
         | 
| 73 | 
            +
                padding-right: 0;
         | 
| 74 | 
            +
              }
         | 
| 75 | 
            +
              &.btn-sm {
         | 
| 76 | 
            +
                height: ($bs-height-sm + 2);
         | 
| 77 | 
            +
                width: ($bs-height-sm + 2);
         | 
| 78 | 
            +
                padding-left: 0;
         | 
| 79 | 
            +
                padding-right: 0;
         | 
| 80 | 
            +
              }
         | 
| 81 | 
            +
              &.btn-xs {
         | 
| 82 | 
            +
                height: ($bs-height-xs + 2);
         | 
| 83 | 
            +
                width: ($bs-height-xs + 2);
         | 
| 84 | 
            +
                padding-left: 0;
         | 
| 85 | 
            +
                padding-right: 0;
         | 
| 86 | 
            +
              }
         | 
| 87 | 
            +
            }
         | 
| 88 | 
            +
             | 
| 89 | 
            +
            @mixin btn-social($color-bg, $color: #fff) {
         | 
| 90 | 
            +
              background-color: $color-bg;
         | 
| 91 | 
            +
              @include button-variant($color, $color-bg, rgba(0,0,0,.2));
         | 
| 92 | 
            +
            }
         | 
| 93 | 
            +
             | 
| 94 | 
            +
             | 
| 95 | 
            +
            .btn-adn           { @include btn-social(#d87a68); }
         | 
| 96 | 
            +
            .btn-bitbucket     { @include btn-social(#205081); }
         | 
| 97 | 
            +
            .btn-dropbox       { @include btn-social(#1087dd); }
         | 
| 98 | 
            +
            .btn-facebook      { @include btn-social(#3b5998); }
         | 
| 99 | 
            +
            .btn-flickr        { @include btn-social(#ff0084); }
         | 
| 100 | 
            +
            .btn-foursquare    { @include btn-social(#f94877); }
         | 
| 101 | 
            +
            .btn-github        { @include btn-social(#444444); }
         | 
| 102 | 
            +
            .btn-google-plus   { @include btn-social(#dd4b39); }
         | 
| 103 | 
            +
            .btn-instagram     { @include btn-social(#3f729b); }
         | 
| 104 | 
            +
            .btn-linkedin      { @include btn-social(#007bb6); }
         | 
| 105 | 
            +
            .btn-microsoft     { @include btn-social(#2672ec); }
         | 
| 106 | 
            +
            .btn-openid        { @include btn-social(#f7931e); }
         | 
| 107 | 
            +
            .btn-pinterest     { @include btn-social(#cb2027); }
         | 
| 108 | 
            +
            .btn-reddit        { @include btn-social(#eff7ff, #000); }
         | 
| 109 | 
            +
            .btn-soundcloud    { @include btn-social(#ff5500); }
         | 
| 110 | 
            +
            .btn-tumblr        { @include btn-social(#2c4762); }
         | 
| 111 | 
            +
            .btn-twitter       { @include btn-social(#55acee); }
         | 
| 112 | 
            +
            .btn-vimeo         { @include btn-social(#1ab7ea); }
         | 
| 113 | 
            +
            .btn-vk            { @include btn-social(#587ea3); }
         | 
| 114 | 
            +
            .btn-yahoo         { @include btn-social(#720e9e); }
         | 
| @@ -0,0 +1,102 @@ | |
| 1 | 
            +
            // Brand Colors
         | 
| 2 | 
            +
            // -------------------------
         | 
| 3 | 
            +
             | 
| 4 | 
            +
            $brand-primary: #4d90fc;
         | 
| 5 | 
            +
            $brand-success: #60bf60;
         | 
| 6 | 
            +
            $brand-warning: #ff9800;
         | 
| 7 | 
            +
            $brand-danger: #de4b33;
         | 
| 8 | 
            +
            $brand-info: #5bc0dd;
         | 
| 9 | 
            +
             | 
| 10 | 
            +
            // Typography
         | 
| 11 | 
            +
            // -------------------------
         | 
| 12 | 
            +
             | 
| 13 | 
            +
            $headings-font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue", "Arial Narrow", Arial, sans-serif;
         | 
| 14 | 
            +
             | 
| 15 | 
            +
            // Buttons
         | 
| 16 | 
            +
            // -------------------------
         | 
| 17 | 
            +
             | 
| 18 | 
            +
            $btn-primary-border: darken($btn-primary-bg, 3.2%);
         | 
| 19 | 
            +
            $btn-success-border: darken($btn-success-bg, 3.2%);
         | 
| 20 | 
            +
            $btn-warning-border: darken($btn-warning-bg, 3.2%);
         | 
| 21 | 
            +
            $btn-danger-border: darken($btn-danger-bg, 3.2%);
         | 
| 22 | 
            +
            $btn-info-border: darken($btn-info-bg, 3.2%);
         | 
| 23 | 
            +
             | 
| 24 | 
            +
            .btn {
         | 
| 25 | 
            +
              border-radius: 0;
         | 
| 26 | 
            +
              box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.11), 1px 1px 0 rgba(255, 255, 255, 0.21) inset;
         | 
| 27 | 
            +
             | 
| 28 | 
            +
              &:focus {
         | 
| 29 | 
            +
                outline: none;
         | 
| 30 | 
            +
              }
         | 
| 31 | 
            +
            }
         | 
| 32 | 
            +
             | 
| 33 | 
            +
            .btn-link {
         | 
| 34 | 
            +
              box-shadow: none;
         | 
| 35 | 
            +
            }
         | 
| 36 | 
            +
             | 
| 37 | 
            +
            .btn-default, .btn-default:focus {
         | 
| 38 | 
            +
              background-image: linear-gradient(to bottom, #ffffff 60%, #f8f8f8 100%);
         | 
| 39 | 
            +
            }
         | 
| 40 | 
            +
             | 
| 41 | 
            +
            // Forms
         | 
| 42 | 
            +
            // -------------------------
         | 
| 43 | 
            +
             | 
| 44 | 
            +
            $input-border-radius: 0;
         | 
| 45 | 
            +
            $input-border-focus: #2598f9;
         | 
| 46 | 
            +
             | 
| 47 | 
            +
            .form-control:focus {
         | 
| 48 | 
            +
              box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
         | 
| 49 | 
            +
            }
         | 
| 50 | 
            +
             | 
| 51 | 
            +
            // Form states and alerts
         | 
| 52 | 
            +
            // -------------------------
         | 
| 53 | 
            +
             | 
| 54 | 
            +
            $state-success-text: #569845;
         | 
| 55 | 
            +
            $state-success-bg: #dbf5d3;
         | 
| 56 | 
            +
            $state-success-border: #aed3a5;
         | 
| 57 | 
            +
             | 
| 58 | 
            +
            $state-info-text: #3a87ad;
         | 
| 59 | 
            +
            $state-info-bg: #d9edf7;
         | 
| 60 | 
            +
            $state-info-border: #98cce7;
         | 
| 61 | 
            +
             | 
| 62 | 
            +
            $state-warning-text: #bf9853;
         | 
| 63 | 
            +
            $state-warning-bg: #fdf8e2;
         | 
| 64 | 
            +
            $state-warning-border: #f2daab;
         | 
| 65 | 
            +
             | 
| 66 | 
            +
            $state-danger-text: #b94a48;
         | 
| 67 | 
            +
            $state-danger-bg: #f2dede;
         | 
| 68 | 
            +
            $state-danger-border: #e0b1b8;
         | 
| 69 | 
            +
             | 
| 70 | 
            +
            // Alerts
         | 
| 71 | 
            +
            // -------------------------
         | 
| 72 | 
            +
             | 
| 73 | 
            +
            .alert {
         | 
| 74 | 
            +
              border-radius: 0;
         | 
| 75 | 
            +
              box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
         | 
| 76 | 
            +
            }
         | 
| 77 | 
            +
             | 
| 78 | 
            +
            // Navbar
         | 
| 79 | 
            +
            // -------------------------
         | 
| 80 | 
            +
             | 
| 81 | 
            +
            $navbar-default-bg: rgba(255, 255, 255, 0.9);
         | 
| 82 | 
            +
            $navbar-default-link-color: #252525;
         | 
| 83 | 
            +
            $navbar-default-link-hover-color: #4da5f4;
         | 
| 84 | 
            +
            $navbar-default-link-active-color: #4da5f4;
         | 
| 85 | 
            +
            $navbar-default-link-hover-bg: transparent;
         | 
| 86 | 
            +
            $navbar-default-link-active-bg: transparent;
         | 
| 87 | 
            +
            $navbar-default-color: #fafafa;
         | 
| 88 | 
            +
            $navbar-default-brand-hover-color: #4da5f4;
         | 
| 89 | 
            +
             | 
| 90 | 
            +
            .navbar-default {
         | 
| 91 | 
            +
              border: 0;
         | 
| 92 | 
            +
              box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
         | 
| 93 | 
            +
             | 
| 94 | 
            +
              .navbar-nav {
         | 
| 95 | 
            +
                > li > a {
         | 
| 96 | 
            +
                  font-size: 12px;
         | 
| 97 | 
            +
                  font-weight: 500;
         | 
| 98 | 
            +
                  text-transform: uppercase;
         | 
| 99 | 
            +
                  transition: all 0.2s linear;
         | 
| 100 | 
            +
                }
         | 
| 101 | 
            +
              }
         | 
| 102 | 
            +
            }
         |