Skip to content

Commit

Permalink
Merge branch 'master' of http://git.local.twitter.com/bootstrap
Browse files Browse the repository at this point in the history
  • Loading branch information
mdo committed Aug 18, 2011
2 parents 5c687ee + 07837a1 commit 6800740
Show file tree
Hide file tree
Showing 12 changed files with 134 additions and 95 deletions.
1 change: 1 addition & 0 deletions .gitignore
@@ -0,0 +1 @@
.DS_Store
28 changes: 19 additions & 9 deletions README.md
@@ -1,9 +1,13 @@
TWITTER BASELINE
----------------
TWITTER BOOTSTRAP
=================

Bootstrap is Twitter's toolkit for kickstarting CSS for websites, apps, and more. It includes base CSS styles for typography, forms, buttons, tables, grids, navigation, alerts, and more.

To get started -- checkout http://twitter.github.com/bootstrap!


== Usage ==
Usage
-----

You can use Twitter Bootstrap in one of two ways: just drop the compiled CSS into any new project and start cranking, or run LESS on your site and compile on the fly like a boss.

Expand All @@ -19,21 +23,27 @@ Or if you prefer, the standard css way:
For more info, refer to the docs!


== Reporting bugs ==
Reporting bugs
--------------

Please create an issue here on github! :P


== AUTHORS ==
AUTHORS
-------

**Mark Otto**
http://twitter.com/mdo

+ http://twitter.com/mdo
+ http://github.com/markdotto

**Jacob Thornton**
http://twitter.com/fat

+ http://twitter.com/fat
+ http://github.com/fat


== Copyright and License ==
Copyright and License
---------------------

Copyright 2011 Twitter, Inc.

Expand Down
28 changes: 7 additions & 21 deletions bootstrap-1.0.0.css
Expand Up @@ -6,12 +6,11 @@
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
* Date: Fri Jul 29 13:03:43 PDT 2011
* Date: Tue Aug 16 22:54:18 PDT 2011
*/
/*
* Reset.less
/* Reset.less
* Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
*/
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
html, body {
margin: 0;
padding: 0;
Expand Down Expand Up @@ -125,9 +124,7 @@ aside {
/*
* Scaffolding
* Basic and global styles for generating a grid system, structural layout, and page templates
*/
/* Baseline Grid System
-------------------------------------------------- */
* ------------------------------------------------------------------------------------------- */
.row {
zoom: 1;
}
Expand Down Expand Up @@ -338,8 +335,6 @@ aside {
.row .offset12:first-child {
margin-left: 720px !important;
}
/* Structural Layout
-------------------------------------------------- */
html, body {
background-color: #fff;
}
Expand Down Expand Up @@ -376,8 +371,6 @@ div.container-fluid div.content {
max-width: 1180px;
margin-left: 240px;
}
/* Base Styles
-------------------------------------------------- */
a {
color: #0069d6;
text-decoration: none;
Expand Down Expand Up @@ -639,12 +632,9 @@ pre {
border-radius: 3px;
white-space: pre-wrap;
}
/*
* Forms.less
/* Forms.less
* Base styles for various input types, form layouts, and states
*/
/* Global form styles
-------------------------------------------------- */
* ------------------------------------------------------------- */
form {
margin-bottom: 18px;
}
Expand Down Expand Up @@ -981,9 +971,7 @@ form.form-stacked div.actions {
/*
* Tables.less
* Tables for, you guessed it, tabular data
*/
/* Baseline styles
-------------------------------------------------- */
* ---------------------------------------- */
table {
width: 100%;
margin-bottom: 18px;
Expand All @@ -1003,8 +991,6 @@ table th {
font-weight: bold;
border-bottom-width: 2px;
}
/* Zebra-striping
-------------------------------------------------- */
table.zebra-striped tbody tr:nth-child(odd) td {
background-color: #f9f9f9;
}
Expand Down
10 changes: 5 additions & 5 deletions docs/index.html
Expand Up @@ -5,7 +5,7 @@
<title>Twitter Bootstrap</title>

<!-- Le styles -->
<link href="../bootstrap-1.0.0.css" rel="stylesheet" type="text/css">
<link href="assets/css/bootstrap-1.0.0.css" rel="stylesheet" type="text/css">
<link href="assets/css/docs.css" rel="stylesheet" type="text/css">

<!-- Le javascript -->
Expand Down Expand Up @@ -58,21 +58,21 @@ <h1>Bootstrap from Twitter</h1>
<h6>Hotlink the CSS</h6>
<p>For the quickest and easiest start, just copy this snippet into your webpage.</p>
<form>
<textarea class="copy-code" rows="1">&lt;link type="text/css" href="http://twitter.github.com/bootstrap-1.0.0.css</textarea>
<textarea class="copy-code" rows="1">&lt;link type="text/css" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-1.0.0.min.css"></textarea>
</form>
</div>
<div class="span5 columns">
<h6>Use it with LESS</h6>
<p>A fan of using LESS.js? No problem, just clone the repo and add these lines:</p>
<form>
<textarea class="copy-code" rows="2">&lt;link rel="stylesheet/less" type="text/css" href="http://twitter.github.com/bootstrap.less&gt;
&lt;script src="less.js"&gt;&lt;/script&gt;</textarea>
<textarea class="copy-code" rows="2">&lt;link rel="stylesheet/less" type="text/css" href="/path/to/bootstrap.less"&gt;
&lt;script src="/path/to/less.js"&gt;&lt;/script&gt;</textarea>
</form>
</div>
<div class="span5 columns">
<h6>Fork on GitHub</h6>
<p>Download, fork, pull, file issues, and more with the official Bootstrap repo on Github.</p>
<p><a href="" class="btn primary">Bootstrap on GitHub &raquo;</a></p>
<p><a target="_blank" href="https://github.com/twitter/bootstrap" class="btn primary">Bootstrap on GitHub &raquo;</a></p>
</div>
</div>
</div>
Expand Down
3 changes: 2 additions & 1 deletion lib/bootstrap.less
Expand Up @@ -20,4 +20,5 @@
@import "type.less";
@import "forms.less";
@import "tables.less";
@import "patterns.less";
@import "patterns.less";

22 changes: 17 additions & 5 deletions lib/forms.less
@@ -1,14 +1,14 @@
/*
* Forms.less
/* Forms.less
* Base styles for various input types, form layouts, and states
*/
* ------------------------------------------------------------- */


/* Global form styles
-------------------------------------------------- */
// FORM STYLES
// -----------

form {
margin-bottom: @baseline;

// Groups of fields with labels on top (legends)
fieldset {
margin-bottom: @baseline;
Expand All @@ -21,14 +21,17 @@ form {
color: @grayDark;
}
}

// Parent element that clears floats and wraps labels and fields together
div.clearfix {
margin-bottom: @baseline;
}

// Set font for forms
label, input, select, textarea {
#font > .sans-serif(normal,13px,normal);
}

// Float labels left
label {
padding-top: 6px;
Expand All @@ -39,15 +42,18 @@ form {
text-align: right;
color: @grayDark;
}

// Shift over the inside div to align all label's relevant content
div.input {
margin-left: 150px;
}

// Checkboxs and radio buttons
input[type=checkbox],
input[type=radio] {
cursor: pointer;
}

// Inputs, Textareas, Selects
input[type=text],
input[type=password],
Expand Down Expand Up @@ -79,13 +85,15 @@ form {
border-color: #ccc;
.box-shadow(inset 0 1px 2px rgba(0,0,0,.075));
}

// Placeholder text gets special styles; can't be bundled together though for some reason
:-moz-placeholder {
color: @grayLight;
}
::-webkit-input-placeholder {
color: @grayLight;
}

// Focus states
input[type=text],
input[type=password],
Expand All @@ -102,6 +110,7 @@ form {
@shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
.box-shadow(@shadow);
}

// Error styles
div.error {
background: lighten(@red, 57%);
Expand Down Expand Up @@ -133,6 +142,7 @@ form {
}
}
}

// Form element sizes
.input-mini, input.mini, textarea.mini, select.mini {
width: 60px;
Expand All @@ -155,6 +165,7 @@ form {
textarea.xxlarge {
overflow-y: scroll;
}

// Turn off focus for disabled (read-only) form elements
input[readonly]:focus,
textarea[readonly]:focus,
Expand Down Expand Up @@ -194,6 +205,7 @@ div.actions {
.help-inline {
padding-left: 5px;
}

// Big blocks of help text
.help-block {
display: block;
Expand Down

0 comments on commit 6800740

Please sign in to comment.