style-tiles 0.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/lib/style-tiles.rb +30 -0
- data/stylesheets/style-tiles.scss +9 -0
- data/stylesheets/style-tiles/core/_content.scss +11 -0
- data/stylesheets/style-tiles/core/_mixins.scss +134 -0
- data/stylesheets/style-tiles/core/_structure.scss +168 -0
- data/stylesheets/style-tiles/core/_typography.scss +69 -0
- data/stylesheets/style-tiles/core/_variables.scss +160 -0
- data/templates/project/config.rb +50 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Bold-webfont.eot +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Bold-webfont.svg +150 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Bold-webfont.ttf +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Bold-webfont.woff +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-BoldItalic-webfont.eot +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-BoldItalic-webfont.svg +150 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-BoldItalic-webfont.ttf +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-BoldItalic-webfont.woff +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Italic-webfont.eot +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Italic-webfont.svg +150 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Italic-webfont.ttf +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Italic-webfont.woff +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Regular-webfont.eot +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Regular-webfont.svg +150 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Regular-webfont.ttf +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Regular-webfont.woff +0 -0
- data/templates/project/fonts/DroidSerif/Google Android License.txt +18 -0
- data/templates/project/fonts/Pacifico/Pacifico SIL OFL Font License 1.1.txt +94 -0
- data/templates/project/fonts/Pacifico/Pacifico-webfont.eot +0 -0
- data/templates/project/fonts/Pacifico/Pacifico-webfont.svg +150 -0
- data/templates/project/fonts/Pacifico/Pacifico-webfont.ttf +0 -0
- data/templates/project/fonts/Pacifico/Pacifico-webfont.woff +0 -0
- data/templates/project/fonts/Peralta/OFL.txt +93 -0
- data/templates/project/fonts/Peralta/peralta-regular-webfont.eot +0 -0
- data/templates/project/fonts/Peralta/peralta-regular-webfont.svg +243 -0
- data/templates/project/fonts/Peralta/peralta-regular-webfont.ttf +0 -0
- data/templates/project/fonts/Peralta/peralta-regular-webfont.woff +0 -0
- data/templates/project/html/screen-v1.html +550 -0
- data/templates/project/html/screen-v2.html +538 -0
- data/templates/project/html/screen-v3.html +529 -0
- data/templates/project/html/template.html +84 -0
- data/templates/project/images/logos/sample-logo.png +0 -0
- data/templates/project/images/logos/sassy-style-tiles-logo.png +0 -0
- data/templates/project/images/textures/asphalt.png +0 -0
- data/templates/project/images/textures/concrete.png +0 -0
- data/templates/project/images/textures/cotton-shirt.png +0 -0
- data/templates/project/images/textures/dark-concrete.png +0 -0
- data/templates/project/images/textures/denim.jpg +0 -0
- data/templates/project/images/textures/scratched-metal.png +0 -0
- data/templates/project/images/textures/scratched-metal2.png +0 -0
- data/templates/project/index.html +53 -0
- data/templates/project/manifest.rb +83 -0
- data/templates/project/sass/index.scss +11 -0
- data/templates/project/sass/partials/variations/_index.scss +33 -0
- data/templates/project/sass/partials/variations/_v1.scss +92 -0
- data/templates/project/sass/partials/variations/_v2.scss +69 -0
- data/templates/project/sass/partials/variations/_v3.scss +50 -0
- data/templates/project/sass/screen-v1.scss +11 -0
- data/templates/project/sass/screen-v2.scss +11 -0
- data/templates/project/sass/screen-v3.scss +11 -0
- metadata +130 -0
| @@ -0,0 +1,50 @@ | |
| 1 | 
            +
            // Project Name and Version Header 
         | 
| 2 | 
            +
            $version-number: "3.0";
         | 
| 3 | 
            +
             | 
| 4 | 
            +
            $footer-text: '\2752\20 Designed by Grey Boxes \2751'; // ❒ Designed by Grey Boxes ❑
         | 
| 5 | 
            +
             | 
| 6 | 
            +
            $para-1: "Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Sed posuere consectetur est at lobortis. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Curabitur blandit tempus porttitor.";
         | 
| 7 | 
            +
             | 
| 8 | 
            +
            $para-2: "Vestibulum id ligula porta felis euismod semper. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum. Maecenas sed diam eget risus varius blandit sit amet non magna.";
         | 
| 9 | 
            +
             | 
| 10 | 
            +
            $para-3: "Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam id dolor id nibh ultricies vehicula ut id elit.";
         | 
| 11 | 
            +
             | 
| 12 | 
            +
            /// Global Variables
         | 
| 13 | 
            +
            $standard-spacing: calc-em(20px, $base-font-size);
         | 
| 14 | 
            +
            //$inline-images: false;
         | 
| 15 | 
            +
             | 
| 16 | 
            +
            /// Design Variables
         | 
| 17 | 
            +
            // sample 5 colors and 3 textures (add figures to html for more)
         | 
| 18 | 
            +
            $colors: $link-color, #666666, #999999, #aaaaaa, #eee;
         | 
| 19 | 
            +
            $textures: "concrete.png", "dark-concrete.png", "asphalt.png";
         | 
| 20 | 
            +
            $adjectives:  dull, conservative, boring, desaturated;
         | 
| 21 | 
            +
             | 
| 22 | 
            +
            $body-background-color: #666;
         | 
| 23 | 
            +
             | 
| 24 | 
            +
            $page-background-color: #eee;
         | 
| 25 | 
            +
            $page-margin: 0 auto ($standard-spacing * 4) auto;
         | 
| 26 | 
            +
             | 
| 27 | 
            +
             | 
| 28 | 
            +
            // Logo is added as a background to a transparent image. Adjust height and width and source
         | 
| 29 | 
            +
            $header-background-color: #aaa;
         | 
| 30 | 
            +
             | 
| 31 | 
            +
            $aside-width: calc-em(360px, $base-font-size);
         | 
| 32 | 
            +
            $aside-margin: 0 0 $standard-spacing 0;
         | 
| 33 | 
            +
            $aside-background-color: #bbb;
         | 
| 34 | 
            +
            $aside-border: none;
         | 
| 35 | 
            +
             | 
| 36 | 
            +
            // Figure (colors and textures boxes)
         | 
| 37 | 
            +
            $figure-border:  calc-em(1px, $base-font-size) #888 solid;
         | 
| 38 | 
            +
             | 
| 39 | 
            +
            $button-corners: calc-em(10px, $base-font-size);
         | 
| 40 | 
            +
            $button-background-color: #999;
         | 
| 41 | 
            +
            $button-text-shadow: 0 calc-em(1px, $base-font-size) calc-em(1px, $base-font-size) rgba(0,0,0,.5);
         | 
| 42 | 
            +
            $button-border: calc-em(2px, $base-font-size) #eee solid;
         | 
| 43 | 
            +
            $button-box-shadow: calc-em(1px, $base-font-size) calc-em(1px, $base-font-size) calc-em(2px, $base-font-size) rgba(0,0,0,.5);
         | 
| 44 | 
            +
            $button-text-color-over: adjust-lightness($button-text-color, 10%);
         | 
| 45 | 
            +
            $button-background-color-over: tint($button-background-color, 10%);
         | 
| 46 | 
            +
             | 
| 47 | 
            +
            $footer-background-color: #bbb;
         | 
| 48 | 
            +
            $footer-background-image: false;
         | 
| 49 | 
            +
            $footer-text-color: rgba(#333,.75);
         | 
| 50 | 
            +
            $footer-text-shadow:none;
         | 
| @@ -0,0 +1,11 @@ | |
| 1 | 
            +
            @import "compass/reset";
         | 
| 2 | 
            +
            @import "compass/typography";
         | 
| 3 | 
            +
            @import "compass/css3";
         | 
| 4 | 
            +
             | 
| 5 | 
            +
            @import "style-tiles";
         | 
| 6 | 
            +
             | 
| 7 | 
            +
            // Override default variables with version specific variables 
         | 
| 8 | 
            +
            @import "partials/variations/_v1";
         | 
| 9 | 
            +
             | 
| 10 | 
            +
            // import the Style Tiles css structure
         | 
| 11 | 
            +
            @import "style-tiles/core/_structure";
         | 
| @@ -0,0 +1,11 @@ | |
| 1 | 
            +
            @import "compass/reset";
         | 
| 2 | 
            +
            @import "compass/typography";
         | 
| 3 | 
            +
            @import "compass/css3";
         | 
| 4 | 
            +
             | 
| 5 | 
            +
            @import "style-tiles";
         | 
| 6 | 
            +
             | 
| 7 | 
            +
            // Override default variables with version specific variables 
         | 
| 8 | 
            +
            @import "partials/variations/_v2";
         | 
| 9 | 
            +
             | 
| 10 | 
            +
            // import the Style Tiles css structure
         | 
| 11 | 
            +
            @import "style-tiles/core/_structure";
         | 
| @@ -0,0 +1,11 @@ | |
| 1 | 
            +
            @import "compass/reset";
         | 
| 2 | 
            +
            @import "compass/typography";
         | 
| 3 | 
            +
            @import "compass/css3";
         | 
| 4 | 
            +
             | 
| 5 | 
            +
            @import "style-tiles";
         | 
| 6 | 
            +
             | 
| 7 | 
            +
            // Override default variables with version specific variables 
         | 
| 8 | 
            +
            @import "partials/variations/_v3";
         | 
| 9 | 
            +
             | 
| 10 | 
            +
            // import the Style Tiles css structure
         | 
| 11 | 
            +
            @import "style-tiles/core/_structure";
         | 
    
        metadata
    ADDED
    
    | @@ -0,0 +1,130 @@ | |
| 1 | 
            +
            --- !ruby/object:Gem::Specification 
         | 
| 2 | 
            +
            name: style-tiles
         | 
| 3 | 
            +
            version: !ruby/object:Gem::Version 
         | 
| 4 | 
            +
              version: "0.1"
         | 
| 5 | 
            +
            platform: ruby
         | 
| 6 | 
            +
            authors: 
         | 
| 7 | 
            +
            - Mark Reilly
         | 
| 8 | 
            +
            autorequire: 
         | 
| 9 | 
            +
            bindir: bin
         | 
| 10 | 
            +
            cert_chain: []
         | 
| 11 | 
            +
             | 
| 12 | 
            +
            date: 2013-06-14 00:00:00 Z
         | 
| 13 | 
            +
            dependencies: 
         | 
| 14 | 
            +
            - !ruby/object:Gem::Dependency 
         | 
| 15 | 
            +
              name: sass
         | 
| 16 | 
            +
              prerelease: false
         | 
| 17 | 
            +
              requirement: &id001 !ruby/object:Gem::Requirement 
         | 
| 18 | 
            +
                requirements: 
         | 
| 19 | 
            +
                - - ">="
         | 
| 20 | 
            +
                  - !ruby/object:Gem::Version 
         | 
| 21 | 
            +
                    version: 3.2.0
         | 
| 22 | 
            +
              type: :runtime
         | 
| 23 | 
            +
              version_requirements: *id001
         | 
| 24 | 
            +
            - !ruby/object:Gem::Dependency 
         | 
| 25 | 
            +
              name: compass
         | 
| 26 | 
            +
              prerelease: false
         | 
| 27 | 
            +
              requirement: &id002 !ruby/object:Gem::Requirement 
         | 
| 28 | 
            +
                requirements: 
         | 
| 29 | 
            +
                - - ">="
         | 
| 30 | 
            +
                  - !ruby/object:Gem::Version 
         | 
| 31 | 
            +
                    version: 0.12.1
         | 
| 32 | 
            +
              type: :runtime
         | 
| 33 | 
            +
              version_requirements: *id002
         | 
| 34 | 
            +
            description: Create HTML and CSS Style Tiles with Sass & Compass
         | 
| 35 | 
            +
            email: 
         | 
| 36 | 
            +
            - mark@alienresident.net
         | 
| 37 | 
            +
            executables: []
         | 
| 38 | 
            +
             | 
| 39 | 
            +
            extensions: []
         | 
| 40 | 
            +
             | 
| 41 | 
            +
            extra_rdoc_files: []
         | 
| 42 | 
            +
             | 
| 43 | 
            +
            files: 
         | 
| 44 | 
            +
            - lib/style-tiles.rb
         | 
| 45 | 
            +
            - stylesheets/style-tiles/core/_content.scss
         | 
| 46 | 
            +
            - stylesheets/style-tiles/core/_mixins.scss
         | 
| 47 | 
            +
            - stylesheets/style-tiles/core/_structure.scss
         | 
| 48 | 
            +
            - stylesheets/style-tiles/core/_typography.scss
         | 
| 49 | 
            +
            - stylesheets/style-tiles/core/_variables.scss
         | 
| 50 | 
            +
            - stylesheets/style-tiles.scss
         | 
| 51 | 
            +
            - templates/project/config.rb
         | 
| 52 | 
            +
            - templates/project/fonts/DroidSerif/DroidSerif-Bold-webfont.eot
         | 
| 53 | 
            +
            - templates/project/fonts/DroidSerif/DroidSerif-Bold-webfont.svg
         | 
| 54 | 
            +
            - templates/project/fonts/DroidSerif/DroidSerif-Bold-webfont.ttf
         | 
| 55 | 
            +
            - templates/project/fonts/DroidSerif/DroidSerif-Bold-webfont.woff
         | 
| 56 | 
            +
            - templates/project/fonts/DroidSerif/DroidSerif-BoldItalic-webfont.eot
         | 
| 57 | 
            +
            - templates/project/fonts/DroidSerif/DroidSerif-BoldItalic-webfont.svg
         | 
| 58 | 
            +
            - templates/project/fonts/DroidSerif/DroidSerif-BoldItalic-webfont.ttf
         | 
| 59 | 
            +
            - templates/project/fonts/DroidSerif/DroidSerif-BoldItalic-webfont.woff
         | 
| 60 | 
            +
            - templates/project/fonts/DroidSerif/DroidSerif-Italic-webfont.eot
         | 
| 61 | 
            +
            - templates/project/fonts/DroidSerif/DroidSerif-Italic-webfont.svg
         | 
| 62 | 
            +
            - templates/project/fonts/DroidSerif/DroidSerif-Italic-webfont.ttf
         | 
| 63 | 
            +
            - templates/project/fonts/DroidSerif/DroidSerif-Italic-webfont.woff
         | 
| 64 | 
            +
            - templates/project/fonts/DroidSerif/DroidSerif-Regular-webfont.eot
         | 
| 65 | 
            +
            - templates/project/fonts/DroidSerif/DroidSerif-Regular-webfont.svg
         | 
| 66 | 
            +
            - templates/project/fonts/DroidSerif/DroidSerif-Regular-webfont.ttf
         | 
| 67 | 
            +
            - templates/project/fonts/DroidSerif/DroidSerif-Regular-webfont.woff
         | 
| 68 | 
            +
            - templates/project/fonts/DroidSerif/Google Android License.txt
         | 
| 69 | 
            +
            - templates/project/fonts/Pacifico/Pacifico SIL OFL Font License 1.1.txt
         | 
| 70 | 
            +
            - templates/project/fonts/Pacifico/Pacifico-webfont.eot
         | 
| 71 | 
            +
            - templates/project/fonts/Pacifico/Pacifico-webfont.svg
         | 
| 72 | 
            +
            - templates/project/fonts/Pacifico/Pacifico-webfont.ttf
         | 
| 73 | 
            +
            - templates/project/fonts/Pacifico/Pacifico-webfont.woff
         | 
| 74 | 
            +
            - templates/project/fonts/Peralta/OFL.txt
         | 
| 75 | 
            +
            - templates/project/fonts/Peralta/peralta-regular-webfont.eot
         | 
| 76 | 
            +
            - templates/project/fonts/Peralta/peralta-regular-webfont.svg
         | 
| 77 | 
            +
            - templates/project/fonts/Peralta/peralta-regular-webfont.ttf
         | 
| 78 | 
            +
            - templates/project/fonts/Peralta/peralta-regular-webfont.woff
         | 
| 79 | 
            +
            - templates/project/html/screen-v1.html
         | 
| 80 | 
            +
            - templates/project/html/screen-v2.html
         | 
| 81 | 
            +
            - templates/project/html/screen-v3.html
         | 
| 82 | 
            +
            - templates/project/html/template.html
         | 
| 83 | 
            +
            - templates/project/images/logos/sample-logo.png
         | 
| 84 | 
            +
            - templates/project/images/logos/sassy-style-tiles-logo.png
         | 
| 85 | 
            +
            - templates/project/images/textures/asphalt.png
         | 
| 86 | 
            +
            - templates/project/images/textures/concrete.png
         | 
| 87 | 
            +
            - templates/project/images/textures/cotton-shirt.png
         | 
| 88 | 
            +
            - templates/project/images/textures/dark-concrete.png
         | 
| 89 | 
            +
            - templates/project/images/textures/denim.jpg
         | 
| 90 | 
            +
            - templates/project/images/textures/scratched-metal.png
         | 
| 91 | 
            +
            - templates/project/images/textures/scratched-metal2.png
         | 
| 92 | 
            +
            - templates/project/index.html
         | 
| 93 | 
            +
            - templates/project/manifest.rb
         | 
| 94 | 
            +
            - templates/project/sass/index.scss
         | 
| 95 | 
            +
            - templates/project/sass/partials/variations/_index.scss
         | 
| 96 | 
            +
            - templates/project/sass/partials/variations/_v1.scss
         | 
| 97 | 
            +
            - templates/project/sass/partials/variations/_v2.scss
         | 
| 98 | 
            +
            - templates/project/sass/partials/variations/_v3.scss
         | 
| 99 | 
            +
            - templates/project/sass/screen-v1.scss
         | 
| 100 | 
            +
            - templates/project/sass/screen-v2.scss
         | 
| 101 | 
            +
            - templates/project/sass/screen-v3.scss
         | 
| 102 | 
            +
            homepage: http://alienresident.net
         | 
| 103 | 
            +
            licenses: []
         | 
| 104 | 
            +
             | 
| 105 | 
            +
            metadata: {}
         | 
| 106 | 
            +
             | 
| 107 | 
            +
            post_install_message: 
         | 
| 108 | 
            +
            rdoc_options: []
         | 
| 109 | 
            +
             | 
| 110 | 
            +
            require_paths: 
         | 
| 111 | 
            +
            - lib
         | 
| 112 | 
            +
            required_ruby_version: !ruby/object:Gem::Requirement 
         | 
| 113 | 
            +
              requirements: 
         | 
| 114 | 
            +
              - - ">="
         | 
| 115 | 
            +
                - !ruby/object:Gem::Version 
         | 
| 116 | 
            +
                  version: "0"
         | 
| 117 | 
            +
            required_rubygems_version: !ruby/object:Gem::Requirement 
         | 
| 118 | 
            +
              requirements: 
         | 
| 119 | 
            +
              - - ">="
         | 
| 120 | 
            +
                - !ruby/object:Gem::Version 
         | 
| 121 | 
            +
                  version: 1.3.6
         | 
| 122 | 
            +
            requirements: []
         | 
| 123 | 
            +
             | 
| 124 | 
            +
            rubyforge_project: style-tiles
         | 
| 125 | 
            +
            rubygems_version: 2.0.3
         | 
| 126 | 
            +
            signing_key: 
         | 
| 127 | 
            +
            specification_version: 4
         | 
| 128 | 
            +
            summary: Style Tiles allows you to quickly build style tiles. This allows you to show your clients a number of directions that they could go with in designing a site.
         | 
| 129 | 
            +
            test_files: []
         | 
| 130 | 
            +
             |