pax_global_header00006660000000000000000000000064117302016040014504gustar00rootroot0000000000000052 comment=385e3b294acbb359a4bec41e1e340873a991bcf0 compass-fancy-buttons-plugin-1.1.1~20120313/000077500000000000000000000000001173020160400202515ustar00rootroot00000000000000compass-fancy-buttons-plugin-1.1.1~20120313/.gitignore000077500000000000000000000001361173020160400222440ustar00rootroot00000000000000example/.sass-cache/ example/stylesheets/ example/sass/.sass-cache *.gem .bundle Gemfile.lock compass-fancy-buttons-plugin-1.1.1~20120313/.rvmrc000066400000000000000000000000351173020160400214010ustar00rootroot00000000000000rvm 1.8.7-p302@fancy-buttons compass-fancy-buttons-plugin-1.1.1~20120313/CHANGELOG.markdown000066400000000000000000000117501173020160400233100ustar00rootroot00000000000000# Fancy Buttons Changelog ## 1.1.1 - Now requires Compass 0.11 or higher - Compass CSS3 mixin usage was updated to work with the improved syntax in 0.11 ## 1.0.6 - Now removes inset box shadow styling from disabled buttons - Fixed: typo in variable $fb-allow-disabled (was sometimes $fb-allow-disable) ## 1.0.5 - Failed at being as cool as 1.0.6. Yanked as punishment. ## 1.0.4 - The naming pattern for gradient mixins which style the :active state has changed from *invert*-fancy-gradient to fancy-gradient-*active*. - Fixed: If button has a different color for the :active state, the inset shadow is based on that color. - Removed: $fb-inset option. Buttons look better with it always true. The code to keep this option is just ugly. - Removed: $fb-invert-on-click option. There is no reason not to invert the button. ## 1.0.3 - Improved inset box shadow for a nice depressed look on :active states. ## 1.0.2 - Added inset box shadow for improved button beauty! (if you don't like it, you can set $fb-inset: false) - Added background-clip to help with bleeding backgrounds under rounded corners in webkit ## 1.0.1 - Fixed a bug in `fancy-button-text-colors` (it works now) ## 1.0 - **Changes that affect your current style** - The mixin fancy-arrow was removed, I don't think anyone ever used this. - Removed doubled border on :active state (caused lots of CSS bloat for minimal visual effect). - Disabled styling is now off by default. `$fb-allow-disabled: false !default`. If you're using disabled styling, set this to true and you won't notice any changes. If not, your CSS output may be shrink quite a bit! - **Improvements/Fixes** - Disabled styles are much leaner - Button reset uses `@extend` to make sure all fancy buttons get styles reset in one location - New variable: `$fb-line-height: 1.2em !default` allows you to set a default button line-height. - New Mixin: `disable-fancy-button` allows you to set the color and opacity for disabled button states. This is best used with a 'disabled' class name, or disabled attribute selector. - Source is now dasherized (won't affect your usage, just makes it nicer for me) - Imports to Compass library now only use the minimum necessary css3 modules - Added support for RVM gem sets and bundler to aid development of fancy-buttons (doesn't affect users) ## 0.5.5 - Removed template files - Added `$fb-allow-disabled` variable - defaults to true (credit: Chris Eppstein) Now you can toggle the output of styling for disabled buttons or links with the class "button disabled". This is useful if you want to reduce the size of your css and won't be using the disabled feature. ## 0.5.4 Updated old linear-gradient syntax in the example ## 0.5.3 - Deprecated @import fancy_button.sass in favor of syntax agnostic and dashed import @import "fancy-buttons" - Added :visited override to avoid incorrect colors in link buttons ## 0.5.2 Updated requirements to include latest stable versions of Haml and Compass ## 0.5.1 Fixed an overzealous .gitignore rule where essential stylesheets were being excluded from the gem. Oh my! ## 0.5 Updated to use Sass3 syntax, this requires the latest pre-releases of both Haml and Compass which should be automatically installed for you. **Note: you may need to update your system with `sudo gem update --system` if you're not running ruby gems 1.3.6** ## 0.4 **Now Supporting the latest FireFox gradients** Note: You'll need Compass 0.10 (pending release) or 0.10.0.pre8 (if you're bleeding edge like me) ## 0.3.9 minor bug fixes ## 0.3.8 New: * !fb\_image\_path allows users to specify an alternate image or image path than the default * IE6 conditional stylesheet included (removes png background image) ## 0.3.7 * Mundane fixes which I've forgotten. ## 0.3.6 New: * CSS gradients can be disabled using !fb_gradient = 0 (mostly for testing purposes) Fixes: * Background color for buttons lighter than #aaa have been lightened to more closely match the gradient version. ## 0.3.5 New: * Use your own custom gradients (horizontal, vertical, or radial)! * New matte gradient * Improved gradient click style (looks inverted) * Set project-wide gradient type !fb\_gradient\_type = "glossy", "matte", "custom" (default is glossy) * Directly specify button padding with +fancy-button-padding(h\_padding, v\_padding, {border\_width}) * New demo showing glossy, matte, and custom gradients (includes a radial gradient demo) Fixes: * Fixed Text color flicker when using functions with borderline luminosity Changes: * **Important:** * You must use `sudo gem install compass --pre` since rubygems doesn't install prerelease gem versions automatically. * **Important:** Global defaults have changed from the prefix "!default\_button\_" to the prefix "!fb_". If you were using global project defaults update them or your buttons will break with this update. The reason for the change was to use a more specific namespace to avoid global variable interactions. * Now requiring Haml 2.2.14 and Compass 0.10.0.pre2 (for new gradient mixin) compass-fancy-buttons-plugin-1.1.1~20120313/Gemfile000066400000000000000000000000461173020160400215440ustar00rootroot00000000000000source "http://rubygems.org" gemspec compass-fancy-buttons-plugin-1.1.1~20120313/README.markdown000066400000000000000000000024431173020160400227550ustar00rootroot00000000000000## Using fancy buttons on your site? Add a link to the [wiki](http://wiki.github.com/imathis/fancy-buttons) ## Demo ![screenshot](http://s3.imathis.com/dev/compass/fancy-buttons/demo.png) Without CSS gradient support: ![screenshot](http://s3.imathis.com/dev/compass/fancy-buttons/demo-no-gradients.png) ## Install Install the plugin: (should automatically install latest dependencies for Compass, and Haml) gem install fancy-buttons To create a new project based on fancy-buttons: compass install -r fancy-buttons -f fancy-buttons To add fancy-buttons to an existing compass project: # Add the following lines to your compass configuration file: require 'fancy-buttons' # Then run the following command: compass install -r fancy-buttons -f fancy-buttons # Project Goals: - Generate a color palette from the base color - Discern sensible palette variations based on a base color (dark, medium, light) - Allow button style types (subtle gradient, shiny gradient) - Make it easy to override/modify styles - Reduce weight of generated styles (define button base, add color through additional classes) - Create good defaults - Ensure approximate consistency for browsers that don't support CSS gradients - Style the button element - Provide a decent alternative styling for ie6compass-fancy-buttons-plugin-1.1.1~20120313/Rakefile000066400000000000000000000000421173020160400217120ustar00rootroot00000000000000require 'rubygems' require 'rake' compass-fancy-buttons-plugin-1.1.1~20120313/VERSION.yml000066400000000000000000000000621173020160400221170ustar00rootroot00000000000000--- :major: 1 :minor: 1 :patch: 1 :state: :build: compass-fancy-buttons-plugin-1.1.1~20120313/example/000077500000000000000000000000001173020160400217045ustar00rootroot00000000000000compass-fancy-buttons-plugin-1.1.1~20120313/example/button-advanced.html000066400000000000000000000007441173020160400256550ustar00rootroot00000000000000 Fancy Buttons - Advanced Demo

Fancy Buttons

compass-fancy-buttons-plugin-1.1.1~20120313/example/button-basics.html000066400000000000000000000007401173020160400253500ustar00rootroot00000000000000 Fancy Buttons - Basics Demo

Fancy Buttons

compass-fancy-buttons-plugin-1.1.1~20120313/example/color-test.html000066400000000000000000000022141173020160400246640ustar00rootroot00000000000000 Fancy Buttons - Color Demo

Fancy Buttons - Color Demo

Click Me

Matte Gradient

Disabled Buttons

Custom Radial Gradient

compass-fancy-buttons-plugin-1.1.1~20120313/example/config.rb000066400000000000000000000003021173020160400234710ustar00rootroot00000000000000require '../lib/fancy-buttons' # Require any additional compass plugins here. project_type = :stand_alone css_dir = "stylesheets" sass_dir = "sass" images_dir = "images" relative_assets = true compass-fancy-buttons-plugin-1.1.1~20120313/example/images/000077500000000000000000000000001173020160400231515ustar00rootroot00000000000000compass-fancy-buttons-plugin-1.1.1~20120313/example/images/button_bg.png000066400000000000000000000024171173020160400256460ustar00rootroot00000000000000PNG  IHDR :%gAMAOX2tEXtSoftwareAdobe ImageReadyqe<IDATxOGg \ AKؖE  jpe¿.6"@Q(w({׻3gڇH}UT|a MqUEUS'ǧvjr9ꎎ84ãc )ՌʪuWXA-{kllt޾5].uu@9vEŌ`gg 2w\n&]{{;lM_#18K[8 577Wք,557Y{ 607H`:|>/;]{=>*6=^ zy:7a>1O'(H&D`xiP["+rvvhdd % )FGa, ]53q:CCØǸ"Fb1j 9F H X&cq ❉Q)eiF_id%&'i0LaЅcȓxq1_¡c$1(?$2BD”G2")ț8\6!Q011H~#(X:IENDB`compass-fancy-buttons-plugin-1.1.1~20120313/example/sass/000077500000000000000000000000001173020160400226555ustar00rootroot00000000000000compass-fancy-buttons-plugin-1.1.1~20120313/example/sass/_page-styles.scss000066400000000000000000000017521173020160400261530ustar00rootroot00000000000000@import "compass"; @include global-reset; @include reset-html5; html { @include background-image(linear-gradient(#145599, darken(#145599, 19))); height: 100%; background-color: #0e3b69;} body { background: none; text-align: center; padding-top: 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; } #{headings()} { letter-spacing: -1px; margin: .4em 0 .8em; font-weight: bold; @include text-shadow(rgba(#000,.3) 1px 1px 4px)} h1 { font-size: 50px; } h2 { font-size: 30px; } div { background: #fff; width: 310px; margin: 0 auto; border: 10px solid darken(#fff, 20); @include box-shadow(rgba(#000, .4) 0 0 1px 1px inset); @include border-radius(10px); @include background-clip(padding-box); padding: 40px 0; } div.dark { background: #151515; width: 310px; margin: 0 auto; border: 10px solid rgba(#000,1); @include box-shadow(rgba(#fff, .1) 0 0 1px 1px inset); @include border-radius(10px); @include background-clip(padding-box); padding: 40px 0; } compass-fancy-buttons-plugin-1.1.1~20120313/example/sass/button-advanced.scss000066400000000000000000000003321173020160400266260ustar00rootroot00000000000000@import "page-styles"; @import "fancy-buttons"; button { @include fancy-button-structure(26px, 1em, 4px); @include fancy-button-colors(#124c89, adjust-hue(#124c89, -120), darken(adjust-hue(#124c89, -120), 6)); }compass-fancy-buttons-plugin-1.1.1~20120313/example/sass/button-basics.scss000066400000000000000000000001511173020160400263240ustar00rootroot00000000000000@import "page-styles"; @import "fancy-buttons"; button {@include fancy-button(#124c89, 26px, 1em, 4px);}compass-fancy-buttons-plugin-1.1.1~20120313/example/sass/buttons.sass000066400000000000000000000026411173020160400252510ustar00rootroot00000000000000//$fb-allow-disabled: true @import fancy-buttons body text-align: center padding-top: 10px h1, h2, h3 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif color: #333 letter-spacing: -1px h1 font-size: 50px h2 font-size: 30px div margin-top: 15px $green: darken(#57b42c, 8) $blue: adjust_hue($green, 110) $red: adjust_hue($green, -100) $heart_button: saturate(lighten($red, 2), 20) =custom-fancy-gradient($color1, $color2) +background-image(radial-gradient(50% 10%, $color1, darken($color2, 5) 30px)) =custom-fancy-gradient-active($color1, $color2) +custom-fancy-gradient(lighten($color2, 10), lighten($color2, 25)) .fancy-button-base +fancy-button margin: 0 2px vertical-align: middle .button, button @extend .fancy-button-base &[disabled] +disable-fancy-button(gray) .light +fancy-button-colors-matte(#ddd) .matte-blue +fancy-button-colors($blue) .green +fancy-button-colors($green) .red +fancy-button-colors($red) .yellow +fancy-button-colors(darken(desaturate(yellow, 35), 5)) .custom +fancy-button-size(30px, .3em) +fancy-button-padding(2px, 12px, 2px) .heart +fancy-button-colors-custom($heart_button) .arrow +fancy-button-size(30px, 1em) +fancy-button-colors-custom(#ddd) +fancy-button-padding(2px, 6px, 2px) .spade +fancy-button-colors-custom($blue) +fancy-button-padding(2px, 8px, 2px) .blue +fancy-button-colors($blue) +fancy-button-size(32px, 1em, 3px) compass-fancy-buttons-plugin-1.1.1~20120313/example/sass/ie6.sass000066400000000000000000000001741173020160400242350ustar00rootroot00000000000000a.button, form button background-image: none !important &:hover, &:active, &:focus background-image: none !importantcompass-fancy-buttons-plugin-1.1.1~20120313/fancy-buttons.gemspec000066400000000000000000000020601173020160400244100ustar00rootroot00000000000000path = "#{File.dirname(__FILE__)}/lib" require File.join(path, 'version') Gem::Specification.new do |gemspec| gemspec.name = "fancy-buttons" gemspec.version = FancyButtons::VERSION # Update the VERSION.yml file to set this. gemspec.date = Time.now.strftime("%Y-%m-%d") # Automatically update for each build gemspec.description = "Fancy Buttons helps you easily style buttons with beautiful CSS3 features like gradients, rounded corners, etc. Don't worry the buttons also degrade nicely for browsers with no support. This requires the Compass stylesheet authoring framework." gemspec.homepage = "http://github.com/imathis/fancy-buttons" gemspec.authors = ["Brandon Mathis"] gemspec.email = "brandon@imathis.com" gemspec.has_rdoc = false gemspec.require_paths = %w(lib) gemspec.rubygems_version = "1.4.2" gemspec.summary = "Make fancy CSS3 buttons with the Compass stylesheet authoring framework." gemspec.add_dependency 'compass', '>= 0.11' gemspec.files = %w(README.markdown VERSION.yml Rakefile) gemspec.files += Dir.glob("lib/**/*") end compass-fancy-buttons-plugin-1.1.1~20120313/lib/000077500000000000000000000000001173020160400210175ustar00rootroot00000000000000compass-fancy-buttons-plugin-1.1.1~20120313/lib/fancy-buttons.rb000066400000000000000000000003751173020160400241450ustar00rootroot00000000000000Compass::Frameworks.register('fancy-buttons', :stylesheets_directory => File.join(File.dirname(__FILE__), 'stylesheets'), :templates_directory => File.join(File.dirname(__FILE__), 'templates'))compass-fancy-buttons-plugin-1.1.1~20120313/lib/stylesheets/000077500000000000000000000000001173020160400233735ustar00rootroot00000000000000compass-fancy-buttons-plugin-1.1.1~20120313/lib/stylesheets/_fancy-buttons.sass000077500000000000000000000145331173020160400272320ustar00rootroot00000000000000@import compass/css3/images @import compass/css3/border-radius @import compass/css3/opacity @import compass/css3/text-shadow @import compass/css3/box-shadow @import compass/css3/background-clip @import fancy-gradient $fb-gradient-style: glossy !default $fb-invert-on-click: 1 !default $fb-font-size: 18px !default $fb-color: #444444 !default $fb-font-weight: bold !default $fb-border-width: 1px !default $fb-radius: 6px !default $fb-light-text: white !default $fb-dark-text: #222222 !default $fb-gradient: 1 !default $fb-image-path: image-url("button_bg.png") !default $fb-allow-disabled: false !default $fb-line-height: 1.2em !default // Make a fancy button. =fancy-button($color: $fb-color, $font-size: $fb-font-size, $radius: $fb-radius, $border-width: $fb-border-width) +fancy-button-structure($font-size, $radius, $border-width) +fancy-button-colors($color) // Style the button's colors, picking the most appropriate color set for the base color. =fancy-button-colors($color: $fb-color, $hover: 0, $active: 0, $fb-allow-disabled: $fb-allow-disabled) +fb-color($color, "default") &:hover, &:focus @if $hover == 0 +fb-color(darken($color, 3), "hover", $color) @else +fb-color($hover, "hover") &:active @if $active == 0 +fb-color(darken($color, 6), "active", $color) +box-shadow(darken($color, 15) 0 .08em .2em 1px inset) @else +fb-color($active, "active") +box-shadow(darken($active, 9) 0 .08em .1em 1px inset) +box-shadow(rgba(#fff, (lightness($color))/100) 0 0 .1em 1px inset) +background-clip(padding-box) @if $fb-allow-disabled &.disabled, &[disabled] +disable-fancy-button($color) =fancy-button-allow-disable($color: $fb-color, $font-size: $fb-font-size, $radius: $fb-radius, $border-width: $fb-border-width) $fb-disable-allowed: $fb-allow-disabled $fb-allow-disabled: true +fancy-button-structure($font-size, $radius, $border-width) +fancy-button-colors-matte($color) $fb-allow-disabled: $fb-disable-allowed =fancy-button-matte($color: $fb-color, $font-size: $fb-font-size, $radius: $fb-radius, $border-width: $fb-border-width) +fancy-button-structure($font-size, $radius, $border-width) +fancy-button-colors-matte($color) =fancy-button-custom($color: $fb-color, $font-size: $fb-font-size, $radius: $fb-radius, $border-width: $fb-border-width) +fancy-button-structure($font-size, $radius, $border-width) +fancy-button-colors-custom($color, $font-size, $radius, $border-width) =fancy-button-colors-matte($color: $fb-color, $hover: 0, $active: 0) $fb-current-style: $fb-gradient-style $fb-gradient-style: matte +fancy-button-colors($color, $hover, $active) $fb-gradient-style: $fb-current-style =fancy-button-colors-custom($color: $fb-color, $hover: 0, $active: 0) $fb-current-style: $fb-gradient-style $fb-gradient-style: custom +fancy-button-colors($color, $hover, $active) $fb-gradient-style: $fb-current-style // Default state color settings =fb-color($color, $state, $lumins: $color) $gradient-top: lighten($color, 15) $gradient-bottom: darken($color, 6) $border-color: darken($color, 8) @if $fb-invert-on-click != 0 $border-color: darken($color, 15) @if saturation($color) > 0 $color: saturate($color, 40) @else if lightness($lumins) >= lightness(#aaaaaa) $color: lighten($color, 20) +fb-state-colors($color, $gradient-top, $gradient-bottom, $border-color, $state, $lumins) // Apply the button colors specified for the button state into which it is mixed. =fb-state-colors($color, $gradient-top, $gradient-bottom, $border, $state, $lumins: $color) background-color: $color @if $fb-gradient != 0 @if $fb-gradient-style == "glossy" @if $state == "active" +fancy-gradient-active($gradient-top, $gradient-bottom) @else +fancy-gradient($gradient-top, $gradient-bottom) @else if $fb-gradient-style == "matte" @if $state == "active" +fancy-matte-gradient-active($gradient-top, $gradient-bottom) @else +fancy-matte-gradient($gradient-top, $gradient-bottom) @else if $fb-gradient-style == "custom" @if $state == "active" +custom-fancy-gradient-active($gradient-top, $gradient-bottom) @else +custom-fancy-gradient($gradient-top, $gradient-bottom) border: color: $border $text-shadow-settings: unquote("0px 1px 1px") @if $fb-invert-on-click != 0 and $state == "active" $text-shadow-settings: unquote("0px -1px -1px") @if lightness($lumins) < lightness(#aaaaaa) text-shadow: darken($color, 25) $text-shadow-settings &, &:visited color: $fb-light-text @else text-shadow: lighten($color, 15) $text-shadow-settings &, &:visited color: $fb-dark-text =fancy-button-text-colors($color, $hover: $color, $active: $color, $fb-allow-disabled : $fb-allow-disabled) &, &:visited color: $color &:hover, &:focus color: $hover &:active color: $active @if $fb-allow-disabled &.disabled, &[disabled] color: $color // Layout the button's box =fancy-button-structure($font-size: $fb-font-size, $radius: $fb-radius, $border-width: $fb-border-width, $line-height: $fb-line-height) @extend .fancy-button-reset-base-class +fancy-button-size($font-size, $radius, $border-width, $line-height) =fancy-button-size($font-size: $fb-font-size, $radius: $fb-radius, $border-width: $fb-border-width, $line-height: $fb-line-height) // better padding for smaller buttons $v-padding: 0.3em $h-padding: 1em @if $radius > 0 +border-radius($radius) font-size: $font-size line-height: $line-height +fancy-button-padding($v-padding, $h-padding, $border-width) =fancy-button-padding($v-padding, $h-padding, $border-width: $fb-border-width) padding: $v-padding $h-padding border-width: $border-width // Reset the button's important properties to make sure they behave correctly =fb-reset($font-weight: $fb-font-weight) font-family: "Lucida Grande", Lucida, Arial, sans-serif background: #{$fb-image-path} repeat-x bottom left margin: 0 width: auto overflow: visible display: inline-block cursor: pointer text-decoration: none border-style: solid font-weight: $font-weight &::-moz-focus-inner border: none padding: 0 &:focus outline: none =disable-fancy-button($color: $fb-color, $opacity: 0.7) +fb-color($color, "default") +opacity($opacity) +box-shadow(none) cursor: default !important .fancy-button-reset-base-class +fb-reset compass-fancy-buttons-plugin-1.1.1~20120313/lib/stylesheets/_fancy-gradient.sass000077500000000000000000000020521173020160400273220ustar00rootroot00000000000000=fancy-gradient($color1, $color2) $top_shine: lighten($color1, 18) $bottom_glow: lighten($color2, 10) $top_middle: $color1 $middle: lighten($color2, 3) $bottom_middle: $color2 +background-image(linear-gradient($top_shine, $top_middle 10%, $middle 50%, $bottom_middle 50%, $bottom_glow)) =fancy-gradient-active($color1, $color2) $top: lighten($color2, 6) $bottom: lighten($color2, 14) $top_middle: lighten($color2, 8) $middle: lighten($color2, 4) $bottom_middle: lighten($color2, 1) +background-image(linear-gradient($top, $top_middle 30%, $middle 50%, $bottom_middle 50%, $bottom)) =fancy-matte-gradient($color1, $color2) +background-image(linear-gradient($color1, $color2)) =fancy-matte-gradient-active($color1, $color2) $top: lighten($color2, 5) $bottom: lighten($color2, 15) $middle: lighten($color2, 8) +background-image(linear-gradient($top, $middle 40%, $middle 85%, $bottom)) /* incase an inverted custom gradient isn't specified =custom-fancy-gradient-active($color1, $color2) +custom-fancy-gradient($color1, $color2) compass-fancy-buttons-plugin-1.1.1~20120313/lib/stylesheets/_fancy_buttons.sass000066400000000000000000000001701173020160400273010ustar00rootroot00000000000000@warn "DEPRECATED: Please change your @import of fancy_buttons.sass to: @import \"fancy-buttons\"" @import fancy-buttonscompass-fancy-buttons-plugin-1.1.1~20120313/lib/templates/000077500000000000000000000000001173020160400230155ustar00rootroot00000000000000compass-fancy-buttons-plugin-1.1.1~20120313/lib/templates/project/000077500000000000000000000000001173020160400244635ustar00rootroot00000000000000compass-fancy-buttons-plugin-1.1.1~20120313/lib/templates/project/button_bg.png000066400000000000000000000024171173020160400271600ustar00rootroot00000000000000PNG  IHDR :%gAMAOX2tEXtSoftwareAdobe ImageReadyqe<IDATxOGg \ AKؖE  jpe¿.6"@Q(w({׻3gڇH}UT|a MqUEUS'ǧvjr9ꎎ84ãc )ՌʪuWXA-{kllt޾5].uu@9vEŌ`gg 2w\n&]{{;lM_#18K[8 577Wք,557Y{ 607H`:|>/;]{=>*6=^ zy:7a>1O'(H&D`xiP["+rvvhdd % )FGa, ]53q:CCØǸ"Fb1j 9F H X&cq ❉Q)eiF_id%&'i0LaЅcȓxq1_¡c$1(?$2BD”G2")ț8\6!Q011H~#(X:IENDB`compass-fancy-buttons-plugin-1.1.1~20120313/lib/templates/project/ie6.sass000066400000000000000000000001741173020160400260430ustar00rootroot00000000000000a.button, form button background-image: none !important &:hover, &:active, &:focus background-image: none !importantcompass-fancy-buttons-plugin-1.1.1~20120313/lib/templates/project/manifest.rb000066400000000000000000000010651173020160400266200ustar00rootroot00000000000000# Make sure you list all the project template files here in the manifest. stylesheet 'ie6.sass', :media => 'screen, projection', :condition => "lt IE 7" image 'button_bg.png' #print "Check out http://brandonmathis.com/projects/fancy-buttons/guide/ to get a guide on how to use fancy-buttons" #print "Install example files? (html and buttons.sass) (Y/n)?" #response = gets #if response.downcase == "y" || response.downcase == "\n" #file 'index.html' #stylesheet 'buttons.sass', :media => 'screen, projection' #end #print 'Don\'t forget to @import "fancy-buttons"'compass-fancy-buttons-plugin-1.1.1~20120313/lib/version.rb000066400000000000000000000032741173020160400230370ustar00rootroot00000000000000module FancyButtons module Version # Returns a hash representing the version. # The :major, :minor, and :teeny keys have their respective numbers. # The :string key contains a human-readable string representation of the version. # The :rev key will have the current revision hash. # # This method swiped from Compass by Chris Eppstein who swiped it from Haml and then modified it, so some credit goes to Nathan Weizenbaum too. def version if defined?(@version) @version else read_version end end protected def scope(file) # :nodoc: File.join(File.dirname(__FILE__), '..', file) end def read_version require 'yaml' @version = YAML::load(File.read(scope('VERSION.yml'))) @version[:teeny] = @version[:patch] @version[:string] = "#{@version[:major]}.#{@version[:minor]}" @version[:string] << ".#{@version[:patch]}" if @version[:patch] @version[:string] << ".#{@version[:state]}" if @version[:state] @version[:string] << ".#{@version[:build]}" if @version[:build] #if !ENV['OFFICIAL'] && r = revision # @version[:string] << ".#{r[0..6]}" #end @version end def revision revision_from_git end def revision_from_git if File.exists?(scope('.git/HEAD')) rev = File.read(scope('.git/HEAD')).strip if rev =~ /^ref: (.*)$/ rev = File.read(scope(".git/#{$1}")).strip end end end end extend FancyButtons::Version def self.const_missing(const) # This avoid reading from disk unless the VERSION is requested. if const == :VERSION version[:string] else super end end end