Permalink
Browse files

updated css3 modules for compass 0.11, now requiring compass 0.11

  • Loading branch information...
1 parent b0a89a7 commit cd7aeca232c4cb9307bd334ef14cec2268bb7f30 @imathis committed Jan 22, 2011
View
@@ -1,6 +1,6 @@
---
:major: 1
:minor: 0
-:patch: 5
-:state:
-:build:
+:patch: 6
+:state: 'alpha'
+:build: 1
@@ -2,25 +2,25 @@
@include global-reset;
@include reset-html5;
-html { @include linear-gradient(color-stops(#145599, darken(#145599, 19))); height: 100%; background-color: #0e3b69;}
+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)}
+#{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 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 box-shadow(rgba(#fff, .1) 0 0 1px 1px inset);
@include border-radius(10px);
@include background-clip(padding-box);
padding: 40px 0;
- }
+ }
File renamed without changes.
@@ -1,3 +1,4 @@
+$fb-allow-disabled: true
@import fancy-buttons
body
@@ -21,15 +22,15 @@ $heart_button: saturate(lighten($red, 2), 20)
=custom-fancy-gradient($color1, $color2)
- +radial-gradient(color_stops($color1, darken($color2, 5) 30px), "50% 10%")
+ +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]
@@ -58,4 +59,4 @@ $heart_button: saturate(lighten($red, 2), 20)
+fancy-button-padding(2px, 8px, 2px)
.blue
+fancy-button-colors($blue)
- +fancy-button-size(32px, 1em, 3px)
+ +fancy-button-size(32px, 1em, 3px)
File renamed without changes.
View
@@ -14,7 +14,7 @@ Gem::Specification.new do |gemspec|
gemspec.rubygems_version = "1.4.2"
gemspec.summary = "Make fancy CSS3 buttons with the Compass stylesheet authoring framework."
- gemspec.add_dependency 'compass', '= 0.10.6'
+ gemspec.add_dependency 'compass', '>= 0.11.beta.1'
gemspec.files = %w(README.markdown VERSION.yml Rakefile)
gemspec.files += Dir.glob("lib/**/*")
@@ -36,16 +36,17 @@ $fb-line-height: 1.2em !default
&:active
@if $active == 0
+fb-color(darken($color, 6), "active", $color)
- +box-shadow(darken($color, 15), 0, .08em, .1em, 1px, inset)
+ +box-shadow(darken($color, 15) 0 .08em .1em 1px inset)
@else
+fb-color($active, "active")
- +box-shadow(darken($active, 9), 0, .08em, .1em, 1px, inset)
-
+ +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 $allow-disabled
&.disabled, &[disabled]
+disable-fancy-button($color)
- +box-shadow(rgba(255,255,255, (lightness($color))/100), 0, 0, .1em, 1px, inset)
- +background-clip(padding-box)
+ +box-shadow(none)
=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
@@ -174,4 +175,4 @@ $fb-line-height: 1.2em !default
cursor: default !important
.fancy-button-reset-base-class
- +fb-reset
+ +fb-reset
@@ -4,25 +4,25 @@
$top_middle: $color1
$middle: lighten($color2, 3)
$bottom_middle: $color2
- +linear-gradient(color_stops($top_shine, $top_middle 10%, $middle 50%, $bottom_middle 50%, $bottom_glow))
+ +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)
- +linear-gradient(color_stops($top, $top_middle 30%, $middle 50%, $bottom_middle 50%, $bottom))
+ +background-image(linear-gradient($top, $top_middle 30%, $middle 50%, $bottom_middle 50%, $bottom))
=fancy-matte-gradient($color1, $color2)
- +linear-gradient(color_stops($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)
- +linear-gradient(color_stops($top, $middle 40%, $middle 85%, $bottom))
+ +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)
+ +custom-fancy-gradient($color1, $color2)

0 comments on commit cd7aeca

Please sign in to comment.