diff options
| author | Mark Otto <[email protected]> | 2011-06-28 11:56:49 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2011-06-28 11:56:49 -0700 |
| commit | 9660f6f18d610ee4b03c0e3bf2823393fc66640b (patch) | |
| tree | 281e07e2dc2e4b397df48534e3ceb7e0b547d819 /lib/preboot.less | |
| parent | 80abe21189992f165ff8c7091743bda727adfedd (diff) | |
| download | bootstrap-9660f6f18d610ee4b03c0e3bf2823393fc66640b.tar.xz bootstrap-9660f6f18d610ee4b03c0e3bf2823393fc66640b.zip | |
new buttons, new modal updates around spacing and placeholder content
Diffstat (limited to 'lib/preboot.less')
| -rw-r--r-- | lib/preboot.less | 36 |
1 files changed, 23 insertions, 13 deletions
diff --git a/lib/preboot.less b/lib/preboot.less index f7c5c9ba9..b91df8a62 100644 --- a/lib/preboot.less +++ b/lib/preboot.less @@ -21,6 +21,7 @@ // Accent Colors @blue: #08b5fb; +@blueDark: #0069d6; @green: #46a546; @red: #9d261d; @yellow: #ffc40d; @@ -41,16 +42,16 @@ /* Color Scheme -------------------------------------------------- */ -@baseColor: @blue; // Set a base color -@complement: spin(@baseColor, 180); // Determine a complementary color -@split1: spin(@baseColor, 158); // Split complements -@split2: spin(@baseColor, -158); -@triad1: spin(@baseColor, 135); // Triads colors -@triad2: spin(@baseColor, -135); -@tetra1: spin(@baseColor, 90); // Tetra colors -@tetra2: spin(@baseColor, -90); -@analog1: spin(@baseColor, 22); // Analogs colors -@analog2: spin(@baseColor, -22); +@baseColor: @blue; // Set a base color +@complement: spin(@baseColor, 180); // Determine a complementary color +@split1: spin(@baseColor, 158); // Split complements +@split2: spin(@baseColor, -158); +@triad1: spin(@baseColor, 135); // Triads colors +@triad2: spin(@baseColor, -135); +@tetra1: spin(@baseColor, 90); // Tetra colors +@tetra2: spin(@baseColor, -90); +@analog1: spin(@baseColor, 22); // Analogs colors +@analog2: spin(@baseColor, -22); /* Mixins @@ -160,6 +161,13 @@ transition: @transition; } +// Background clipping +.background-clip(@clip) { + -webkit-background-clip: @clip; + -moz-background-clip: @clip; + background-clip: @clip; +} + // CSS3 Content Columns .content-columns(@columnCount, @columnGap: 20px) { -webkit-column-count: @columnCount; @@ -171,16 +179,18 @@ } // Buttons -.button(@color: #f5f5f5, @textColor: #333, @textShadow: 0 1px 1px rgba(255,255,255,.75), @fontSize: 13px, @padding: 9px 15px 10px, @borderRadius: 6px) { +.button(@color: #f5f5f5, @padding: 4px 14px, @textColor: #333, @textShadow: 0 1px 1px rgba(255,255,255,.75), @fontSize: 13px, @borderColor: rgba(0,0,0,.1), @borderRadius: 4px) { display: inline-block; - #gradient > .vertical(@color,darken(saturate(@color,10),10)); + #gradient > .vertical-three-colors(@color, @color, 0.25, darken(@color, 10%)); padding: @padding; text-shadow: @textShadow; color: @textColor; font-size: @fontSize; line-height: @baseline; + border: 1px solid @borderColor; + border-bottom-color: fadein(@borderColor, 15%); .border-radius(@borderRadius); - @shadow: inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.25); + @shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.1); .box-shadow(@shadow); &:hover { background-position: 0 -15px; |