Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

updated css3 modules for compass 0.11, now requiring compass 0.11

  • Loading branch information...
commit cd7aeca232c4cb9307bd334ef14cec2268bb7f30 1 parent b0a89a7
@imathis imathis authored
View
6 VERSION.yml
@@ -1,6 +1,6 @@
---
:major: 1
:minor: 0
-:patch: 5
-:state:
-:build:
+:patch: 6
+:state: 'alpha'
+:build: 1
View
10 example/src/_page-styles.scss → example/sass/_page-styles.scss
@@ -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;
- }
+ }
View
0  example/src/button-advanced.scss → example/sass/button-advanced.scss
File renamed without changes
View
0  example/src/button-basics.scss → example/sass/button-basics.scss
File renamed without changes
View
7 example/src/buttons.sass → example/sass/buttons.sass
@@ -1,3 +1,4 @@
+$fb-allow-disabled: true
@import fancy-buttons
body
@@ -21,7 +22,7 @@ $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))
@@ -29,7 +30,7 @@ $heart_button: saturate(lighten($red, 2), 20)
+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)
View
0  example/src/ie6.sass → example/sass/ie6.sass
File renamed without changes
View
2  fancy-buttons.gemspec
@@ -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/**/*")
View
13 lib/stylesheets/_fancy-buttons.sass
@@ -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
View
10 lib/stylesheets/_fancy-gradient.sass
@@ -4,7 +4,7 @@
$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)
@@ -12,17 +12,17 @@
$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)
Please sign in to comment.
Something went wrong with that request. Please try again.