diff options
| author | Jacob Thornton <[email protected]> | 2011-05-03 18:12:43 -0700 |
|---|---|---|
| committer | Jacob Thornton <[email protected]> | 2011-05-03 18:12:43 -0700 |
| commit | 96c3e709963516a06ad6e723a7bba3fbf5fc1ba2 (patch) | |
| tree | 4630ca93f148e406dc3c3391e5f790f630e53c97 /less/bootstrap.less | |
| parent | d447898bf251cfa4cc6b1c8f9cb4c238ad12ef52 (diff) | |
| download | bootstrap-96c3e709963516a06ad6e723a7bba3fbf5fc1ba2.tar.xz bootstrap-96c3e709963516a06ad6e723a7bba3fbf5fc1ba2.zip | |
cleanup old stuff
Diffstat (limited to 'less/bootstrap.less')
| -rw-r--r-- | less/bootstrap.less | 211 |
1 files changed, 0 insertions, 211 deletions
diff --git a/less/bootstrap.less b/less/bootstrap.less deleted file mode 100644 index 9e131a909..000000000 --- a/less/bootstrap.less +++ /dev/null @@ -1,211 +0,0 @@ -/* - Bootstrap v1.1 - Variables and mixins to bootstrap any new web development project. Modified from original version for Twitter Blueprint. -*/ - - -/* Variables --------------------------------------------------- */ - -// Links -@link-color: #0069d6; -@link-hover-color: darken(@link-color, 10); - -// Grays -@white: #fff; -@gray-lighter: #ccc; -@gray-light: #777; -@gray: #555; -@gray-dark: #333; -@black: #000; - -// Accent Colors -@blue: #08b5fb; -@blue-dark: #0069d6; -@green: #46a546; -@red: #9d261d; -@yellow: #ffc40d; -@orange: #f89406; -@pink: #c3325f; -@purple: #7a43b6; - -// Baseline grid -@baseline: 20px; - -// Griditude -@grid_columns: 16; -@grid_column_width: 40px; -@grid_gutter_width: 20px; -@site_width: (@grid_columns * @grid_column_width) + (@grid_gutter_width * (@grid_columns - 1)); - - -/* Mixins --------------------------------------------------- */ - -// Clearfix for clearing floats like a boss -.clearfix { - zoom: 1; - &:after { - display: block; - visibility: hidden; - height: 0; - clear: both; - content: "."; - } -} - -// Floats -.right { - float: right; -} -.left { - float: left; -} - -// Input placeholder text -.placeholder(@color: @gray-light) { - :-moz-placeholder { - color: @color; - } - ::-webkit-input-placeholder { - color: @color; - } -} - -// Font Stacks -.font(@weight: normal, @size: 14px, @lineheight: 20px) { - font-size: @size; - font-weight: @weight; - line-height: @lineheight; -} -.sans-serif(@weight: normal, @size: 14px, @lineheight: 20px) { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: @size; - font-weight: @weight; - line-height: @lineheight; -} -.serif(@weight: normal, @size: 14px, @lineheight: 20px) { - font-family: "Georgia", Times New Roman, Times, sans-serif; - font-size: @size; - font-weight: @weight; - line-height: @lineheight; -} -.monospace(@weight: normal, @size: 12px, @lineheight: 20px) { - font-family: "Monaco", Courier New, monospace; - font-size: @size; - font-weight: @weight; - line-height: @lineheight; -} - -// Grid System -.container { - width: @site_width; - margin: 0 auto; -} -.columns(@column_span: 1) { - display: inline; - float: left; - width: (@grid_column_width * @column_span) + (@grid_gutter_width * (@column_span - 1)); - margin-left: @grid_gutter_width; - &:first-child { - margin-left: 0; - } -} -.offset(@column_offset: 1) { - margin-left: (@grid_column_width * @column_offset) + (@grid_gutter_width * (@column_offset - 1)) !important; -} - -// Border Radius -.border-radius(@radius: 5px) { - -moz-border-radius: @radius; - border-radius: @radius; -} - -// Drop shadows -.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) { - -webkit-box-shadow: @shadow; - -moz-box-shadow: @shadow; - box-shadow: @shadow; -} - -// Transitions -.transition(@transition) { - -webkit-transition: @transition; - -moz-transition: @transition; - transition: @transition; -} - -// CSS3 Content Columns -.content-columns(@column_count, @column_gap: 20px) { - -webkit-column-count: @count; - -webkit-column-gap: @gap; - -moz-column-count: @count; - -moz-column-gap: @gap; - column-count: @count; - column-gap: @gap; -} - -// Buttons -.button(@color: #f9f9f9, @padding: 4px 14px, @text_color: #555, @text_shadow: 0 1px 0 rgba(255,255,255,.75), @font_size: 13px, @border_color: rgba(0,0,0,.1), @rounded: 4px) { - display: inline-block; - #gradient > .vertical-three-colors(@color, @color, 0.25, darken(@color, 10%)); - padding: @padding; - text-shadow: @text_shadow; - color: @text_color; - line-height: @baseline; - border: 1px solid @border_color; - border-bottom-color: fadein(@border_color, 15%); - .border-radius(@rounded); - @shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.1); - .box-shadow(@shadow); - cursor: pointer; - &:hover { - background-position: 0 -15px; - color: darken(@text_color, 10%); - text-decoration: none; - } -} - -// Add an alphatransparency value to any background or border color (via Elyse Holladay) -#translucent { - .background(@color: @white, @alpha: 1) { - background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha); - } - .border(@color: @white, @alpha: 1) { - border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha); - background-clip: padding-box; - } -} - -// Gradients -#gradient { - .horizontal(@startColor: #555, @endColor: #333) { - background-color: @endColor; - background-repeat: no-repeat; - background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor)); - background-image: -webkit-linear-gradient(right center, @startColor, @endColor); - background-image: -moz-linear-gradient(right center, @startColor, @endColor); - background-image: -o-linear-gradient(left, @startColor, @endColor); - background-image: -khtml-gradient(linear, left top, right top, from(@startColor), to(@endColor)); - filter: e(%("progid:DXImageTransform.Microsoft.Gradient(StartColorStr='%d', EndColorStr='%d', GradientType=1)",@startColor,@endColor)); - -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorStr='%d', EndColorStr='%d', GradientType=1))",@startColor,@endColor); - } - .vertical(@startColor: #555, @endColor: #333) { - background-color: @endColor; - background-repeat: no-repeat; - background-image: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); - background-image: -webkit-linear-gradient(@startColor, @endColor); - background-image: -moz-linear-gradient(@startColor, @endColor); - background-image: -o-linear-gradient(top, @startColor, @endColor); - background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); - filter: e(%("progid:DXImageTransform.Microsoft.Gradient(StartColorStr='%d', EndColorStr='%d', GradientType=0)",@startColor,@endColor)); - -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorStr='%d', EndColorStr='%d', GradientType=0))",@startColor,@endColor); - } - .vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 0.5, @endColor: #c3325f) { - background-color: @endColor; - background-repeat: no-repeat; - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor)); - background-image: -webkit-linear-gradient(@startColor, color-stop(@colorStop, @midColor), @endColor); - background-image: -moz-linear-gradient(@startColor, color-stop(@midColor, @colorStop), @endColor); - } -} |
