Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

updated css3 modules for compass 0.11, now requiring compass 0.11

  • Loading branch information...
commit cd7aeca232c4cb9307bd334ef14cec2268bb7f30 1 parent b0a89a7
Brandon Mathis imathis authored
6 VERSION.yml
... ... @@ -1,6 +1,6 @@
1 1 ---
2 2 :major: 1
3 3 :minor: 0
4   -:patch: 5
5   -:state:
6   -:build:
  4 +:patch: 6
  5 +:state: 'alpha'
  6 +:build: 1
10 example/src/_page-styles.scss → example/sass/_page-styles.scss
@@ -2,25 +2,25 @@
2 2 @include global-reset;
3 3 @include reset-html5;
4 4
5   -html { @include linear-gradient(color-stops(#145599, darken(#145599, 19))); height: 100%; background-color: #0e3b69;}
  5 +html { @include background-image(linear-gradient(#145599, darken(#145599, 19))); height: 100%; background-color: #0e3b69;}
6 6 body { background: none; text-align: center; padding-top: 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; }
7 7
8   -#{headings()} { letter-spacing: -1px; margin: .4em 0 .8em; font-weight: bold; @include text-shadow(rgba(#000,.3), 1px, 1px, 4px)}
  8 +#{headings()} { letter-spacing: -1px; margin: .4em 0 .8em; font-weight: bold; @include text-shadow(rgba(#000,.3) 1px 1px 4px)}
9 9
10 10 h1 { font-size: 50px; }
11 11 h2 { font-size: 30px; }
12 12
13 13 div { background: #fff; width: 310px; margin: 0 auto;
14 14 border: 10px solid darken(#fff, 20);
15   - @include box-shadow(rgba(#000, .4), 0, 0, 1px, 1px, inset);
  15 + @include box-shadow(rgba(#000, .4) 0 0 1px 1px inset);
16 16 @include border-radius(10px);
17 17 @include background-clip(padding-box);
18 18 padding: 40px 0;
19 19 }
20 20 div.dark { background: #151515; width: 310px; margin: 0 auto;
21 21 border: 10px solid rgba(#000,1);
22   - @include box-shadow(rgba(#fff, .1), 0, 0, 1px, 1px, inset);
  22 + @include box-shadow(rgba(#fff, .1) 0 0 1px 1px inset);
23 23 @include border-radius(10px);
24 24 @include background-clip(padding-box);
25 25 padding: 40px 0;
26   - }
  26 + }
0  example/src/button-advanced.scss → example/sass/button-advanced.scss
File renamed without changes
0  example/src/button-basics.scss → example/sass/button-basics.scss
File renamed without changes
7 example/src/buttons.sass → example/sass/buttons.sass
... ... @@ -1,3 +1,4 @@
  1 +$fb-allow-disabled: true
1 2 @import fancy-buttons
2 3
3 4 body
@@ -21,7 +22,7 @@ $heart_button: saturate(lighten($red, 2), 20)
21 22
22 23
23 24 =custom-fancy-gradient($color1, $color2)
24   - +radial-gradient(color_stops($color1, darken($color2, 5) 30px), "50% 10%")
  25 + +background-image(radial-gradient(50% 10%, $color1, darken($color2, 5) 30px))
25 26 =custom-fancy-gradient-active($color1, $color2)
26 27 +custom-fancy-gradient(lighten($color2, 10), lighten($color2, 25))
27 28
@@ -29,7 +30,7 @@ $heart_button: saturate(lighten($red, 2), 20)
29 30 +fancy-button
30 31 margin: 0 2px
31 32 vertical-align: middle
32   -
  33 +
33 34 .button, button
34 35 @extend .fancy-button-base
35 36 &[disabled]
@@ -58,4 +59,4 @@ $heart_button: saturate(lighten($red, 2), 20)
58 59 +fancy-button-padding(2px, 8px, 2px)
59 60 .blue
60 61 +fancy-button-colors($blue)
61   - +fancy-button-size(32px, 1em, 3px)
  62 + +fancy-button-size(32px, 1em, 3px)
0  example/src/ie6.sass → example/sass/ie6.sass
File renamed without changes
2  fancy-buttons.gemspec
@@ -14,7 +14,7 @@ Gem::Specification.new do |gemspec|
14 14 gemspec.rubygems_version = "1.4.2"
15 15 gemspec.summary = "Make fancy CSS3 buttons with the Compass stylesheet authoring framework."
16 16
17   - gemspec.add_dependency 'compass', '= 0.10.6'
  17 + gemspec.add_dependency 'compass', '>= 0.11.beta.1'
18 18
19 19 gemspec.files = %w(README.markdown VERSION.yml Rakefile)
20 20 gemspec.files += Dir.glob("lib/**/*")
13 lib/stylesheets/_fancy-buttons.sass
@@ -36,16 +36,17 @@ $fb-line-height: 1.2em !default
36 36 &:active
37 37 @if $active == 0
38 38 +fb-color(darken($color, 6), "active", $color)
39   - +box-shadow(darken($color, 15), 0, .08em, .1em, 1px, inset)
  39 + +box-shadow(darken($color, 15) 0 .08em .1em 1px inset)
40 40 @else
41 41 +fb-color($active, "active")
42   - +box-shadow(darken($active, 9), 0, .08em, .1em, 1px, inset)
43   -
  42 + +box-shadow(darken($active, 9) 0 .08em .1em 1px inset)
  43 +
  44 + +box-shadow(rgba(#fff, (lightness($color))/100) 0 0 .1em 1px inset)
  45 + +background-clip(padding-box)
44 46 @if $allow-disabled
45 47 &.disabled, &[disabled]
46 48 +disable-fancy-button($color)
47   - +box-shadow(rgba(255,255,255, (lightness($color))/100), 0, 0, .1em, 1px, inset)
48   - +background-clip(padding-box)
  49 + +box-shadow(none)
49 50
50 51 =fancy-button-allow-disable($color: $fb-color, $font-size: $fb-font-size, $radius: $fb-radius, $border-width: $fb-border-width)
51 52 $fb-disable-allowed: $fb-allow-disabled
@@ -174,4 +175,4 @@ $fb-line-height: 1.2em !default
174 175 cursor: default !important
175 176
176 177 .fancy-button-reset-base-class
177   - +fb-reset
  178 + +fb-reset
10 lib/stylesheets/_fancy-gradient.sass
@@ -4,7 +4,7 @@
4 4 $top_middle: $color1
5 5 $middle: lighten($color2, 3)
6 6 $bottom_middle: $color2
7   - +linear-gradient(color_stops($top_shine, $top_middle 10%, $middle 50%, $bottom_middle 50%, $bottom_glow))
  7 + +background-image(linear-gradient($top_shine, $top_middle 10%, $middle 50%, $bottom_middle 50%, $bottom_glow))
8 8
9 9 =fancy-gradient-active($color1, $color2)
10 10 $top: lighten($color2, 6)
@@ -12,17 +12,17 @@
12 12 $top_middle: lighten($color2, 8)
13 13 $middle: lighten($color2, 4)
14 14 $bottom_middle: lighten($color2, 1)
15   - +linear-gradient(color_stops($top, $top_middle 30%, $middle 50%, $bottom_middle 50%, $bottom))
  15 + +background-image(linear-gradient($top, $top_middle 30%, $middle 50%, $bottom_middle 50%, $bottom))
16 16
17 17 =fancy-matte-gradient($color1, $color2)
18   - +linear-gradient(color_stops($color1, $color2))
  18 + +background-image(linear-gradient($color1, $color2))
19 19
20 20 =fancy-matte-gradient-active($color1, $color2)
21 21 $top: lighten($color2, 5)
22 22 $bottom: lighten($color2, 15)
23 23 $middle: lighten($color2, 8)
24   - +linear-gradient(color_stops($top, $middle 40%, $middle 85%, $bottom))
  24 + +background-image(linear-gradient($top, $middle 40%, $middle 85%, $bottom))
25 25
26 26 /* incase an inverted custom gradient isn't specified
27 27 =custom-fancy-gradient-active($color1, $color2)
28   - +custom-fancy-gradient($color1, $color2)
  28 + +custom-fancy-gradient($color1, $color2)

0 comments on commit cd7aeca

Please sign in to comment.
Something went wrong with that request. Please try again.