Skip to content

Commit d3e6c0a

Browse files
thomas-mcdonaldthomas-mcdonald
committed
Created gh-pages branch via GitHub
0 parents  commit d3e6c0a

File tree

5 files changed

+466
-0
lines changed

5 files changed

+466
-0
lines changed

‎index.html‎

Lines changed: 124 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,124 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="chrome=1">
6+
<title>bootstrap-sass by thomas-mcdonald</title>
7+
8+
<link rel="stylesheet" href="stylesheets/styles.css">
9+
<link rel="stylesheet" href="stylesheets/pygment_trac.css">
10+
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
11+
<!--[if lt IE 9]>
12+
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
13+
<![endif]-->
14+
</head>
15+
<body>
16+
<div class="wrapper">
17+
<header>
18+
<h1>bootstrap-sass</h1>
19+
<p>bootstrap-sass is bootstrap for Sass, ready to roll</p>
20+
<p class="view"><a href="https://github.com/thomas-mcdonald/bootstrap-sass">View the Project on GitHub <small>thomas-mcdonald/bootstrap-sass</small></a></p>
21+
<ul>
22+
<li><a href="https://github.com/thomas-mcdonald/bootstrap-sass/zipball/master">Download <strong>ZIP File</strong></a></li>
23+
<li><a href="https://github.com/thomas-mcdonald/bootstrap-sass/tarball/master">Download <strong>TAR Ball</strong></a></li>
24+
<li><a href="https://github.com/thomas-mcdonald/bootstrap-sass">Fork On <strong>GitHub</strong></a></li>
25+
</ul>
26+
</header>
27+
<section>
28+
<h1>Bootstrap for Sass</h1>
29+
30+
<p><code>bootstrap-sass</code> is an Sass-powered version of <a href="http://github.com/twitter/bootstrap">Twitter's Bootstrap</a>, ready to drop right into your Sass powered applications.</p>
31+
32+
<p>Enjoy.</p>
33+
34+
<h2>Updating</h2>
35+
36+
<p>Updating your application to a new version of <code>bootstrap-sass</code>? See <a href="https://github.com/thomas-mcdonald/bootstrap-sass/blob/master/CHANGELOG.md">our changelog</a>, <a href="https://github.com/twitter/bootstrap/wiki/Changelog">Bootstrap's changelog</a>, and this <a href="http://twitter.github.com/bootstrap/upgrading.html">guide to updating to Bootstrap 2.0</a></p>
37+
38+
<h2>Usage</h2>
39+
40+
<h3>Rails</h3>
41+
42+
<p>In your Gemfile:</p>
43+
44+
<pre><code>gem 'sass-rails', '~&gt; 3.1'
45+
gem 'bootstrap-sass', '~&gt; 2.0.2'
46+
</code></pre>
47+
48+
<h4>CSS</h4>
49+
50+
<p>Import "bootstrap" in your SCSS file of choice to get all of Bootstrap's styles, mixins and variables! We recommend against using <code>//= require</code> directives, since none of your other stylesheets will be <a href="https://github.com/thomas-mcdonald/bootstrap-sass/issues/79#issuecomment-4428595">able to use</a> the awesome mixins that Bootstrap has defined.</p>
51+
52+
<pre><code>@import "bootstrap";
53+
</code></pre>
54+
55+
<p>Need to configure a variable or two? Simple define the value of the variable you want to change <em>before</em> importing Bootstrap. Sass will respect your existing definition rather than overwriting it with the Bootstrap defaults. A list of customisable variables can be found in the <a href="http://twitter.github.com/bootstrap/less.html#variables">Bootstrap documentation</a>.</p>
56+
57+
<pre><code>$primaryButtonBackground: #f00;
58+
@import "bootstrap";
59+
</code></pre>
60+
61+
<p><strong>Note</strong>: It's important that the file you are importing is not named <code>bootstrap</code>, since this will cause an import loop. As a general rule, errors are something you should try to avoid.</p>
62+
63+
<h4>Javascripts</h4>
64+
65+
<p>You can include the Bootstrap javascripts through two methods. In this case, Sprocket's <code>//= require</code> directives are useful, since there is no better alternative.</p>
66+
67+
<p>We have a helper that includes all available javascripts:</p>
68+
69+
<pre><code>// Loads all Bootstrap javascripts
70+
//= require bootstrap
71+
</code></pre>
72+
73+
<p>You can also load individual modules, provided you sort out any related dependencies.</p>
74+
75+
<pre><code>//= require bootstrap-scrollspy
76+
//= require bootstrap-modal
77+
//= require bootstrap-dropdown
78+
</code></pre>
79+
80+
<p>Simples.</p>
81+
82+
<h3>Compass</h3>
83+
84+
<p><code>bootstrap-sass</code> 2.0 now comes with support for Compass, meaning projects that don't use Rails can get in on the fun Bootstrap web.</p>
85+
86+
<h4>New project</h4>
87+
88+
<p>Install the gem and create a new project using the gem.</p>
89+
90+
<pre><code>gem install bootstrap-sass
91+
compass create compass-test -r bootstrap-sass --using bootstrap
92+
</code></pre>
93+
94+
<p>This will sort a few things out:</p>
95+
96+
<ul>
97+
<li>You'll get a starting <code>styles.scss</code> ready for your alterations</li>
98+
<li>You'll get a compiled stylesheet compiled &amp; ready to drop into your application</li>
99+
<li>We'll also copy the Bootstrap javascripts &amp; images into their respective folders for you, absolutely free of charge! How cool is that?</li>
100+
</ul><h4>Existing project</h4>
101+
102+
<p>Install the gem, add the require statement to the top of your configuration file, and install the extension.</p>
103+
104+
<pre><code>gem install bootstrap-sass
105+
106+
# In config.rb
107+
require 'bootstrap-sass'
108+
109+
compass install bootstrap
110+
</code></pre>
111+
112+
<p>You'll get the same benefits as those starting from scratch. Radical.</p>
113+
114+
<hr><p>As per the Bootstrap project we don't include the responsive styles by default. <code>@import "bootstrap-responsive";</code> to get them.</p>
115+
</section>
116+
<footer>
117+
<p>This project is maintained by <a href="https://github.com/thomas-mcdonald">thomas-mcdonald</a></p>
118+
<p><small>Hosted on GitHub Pages &mdash; Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p>
119+
</footer>
120+
</div>
121+
<script src="javascripts/scale.fix.js"></script>
122+
123+
</body>
124+
</html>

‎javascripts/scale.fix.js‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
var metas = document.getElementsByTagName('meta');
2+
var i;
3+
if (navigator.userAgent.match(/iPhone/i)) {
4+
for (i=0; i<metas.length; i++) {
5+
if (metas[i].name == "viewport") {
6+
metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
7+
}
8+
}
9+
document.addEventListener("gesturestart", gestureStart, false);
10+
}
11+
function gestureStart() {
12+
for (i=0; i<metas.length; i++) {
13+
if (metas[i].name == "viewport") {
14+
metas[i].content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
15+
}
16+
}
17+
}

‎params.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"note":"Don't delete this file! It's used internally to help with page regeneration.","name":"bootstrap-sass","body":"# Bootstrap for Sass\r\n\r\n`bootstrap-sass` is an Sass-powered version of [Twitter's Bootstrap](http://github.com/twitter/bootstrap), ready to drop right into your Sass powered applications.\r\n\r\nEnjoy.\r\n\r\n## Updating\r\nUpdating your application to a new version of `bootstrap-sass`? See [our changelog](https://github.com/thomas-mcdonald/bootstrap-sass/blob/master/CHANGELOG.md), [Bootstrap's changelog](https://github.com/twitter/bootstrap/wiki/Changelog), and this [guide to updating to Bootstrap 2.0](http://twitter.github.com/bootstrap/upgrading.html)\r\n\r\n## Usage\r\n\r\n### Rails\r\n\r\nIn your Gemfile:\r\n\r\n gem 'sass-rails', '~> 3.1'\r\n gem 'bootstrap-sass', '~> 2.0.2'\r\n\r\n#### CSS\r\n\r\nImport \"bootstrap\" in your SCSS file of choice to get all of Bootstrap's styles, mixins and variables! We recommend against using `//= require` directives, since none of your other stylesheets will be [able to use](https://github.com/thomas-mcdonald/bootstrap-sass/issues/79#issuecomment-4428595) the awesome mixins that Bootstrap has defined.\r\n\r\n @import \"bootstrap\";\r\n\r\nNeed to configure a variable or two? Simple define the value of the variable you want to change *before* importing Bootstrap. Sass will respect your existing definition rather than overwriting it with the Bootstrap defaults. A list of customisable variables can be found in the [Bootstrap documentation](http://twitter.github.com/bootstrap/less.html#variables).\r\n\r\n $primaryButtonBackground: #f00;\r\n @import \"bootstrap\";\r\n\r\n**Note**: It's important that the file you are importing is not named `bootstrap`, since this will cause an import loop. As a general rule, errors are something you should try to avoid.\r\n\r\n#### Javascripts\r\n\r\nYou can include the Bootstrap javascripts through two methods. In this case, Sprocket's `//= require` directives are useful, since there is no better alternative.\r\n\r\nWe have a helper that includes all available javascripts:\r\n\r\n // Loads all Bootstrap javascripts\r\n //= require bootstrap\r\n\r\nYou can also load individual modules, provided you sort out any related dependencies.\r\n\r\n //= require bootstrap-scrollspy\r\n //= require bootstrap-modal\r\n //= require bootstrap-dropdown\r\n\r\nSimples.\r\n\r\n### Compass\r\n\r\n`bootstrap-sass` 2.0 now comes with support for Compass, meaning projects that don't use Rails can get in on the fun Bootstrap web.\r\n\r\n#### New project\r\n\r\nInstall the gem and create a new project using the gem.\r\n\r\n gem install bootstrap-sass\r\n compass create compass-test -r bootstrap-sass --using bootstrap\r\n\r\nThis will sort a few things out:\r\n\r\n* You'll get a starting `styles.scss` ready for your alterations\r\n* You'll get a compiled stylesheet compiled & ready to drop into your application\r\n* We'll also copy the Bootstrap javascripts & images into their respective folders for you, absolutely free of charge! How cool is that?\r\n\r\n#### Existing project\r\n\r\nInstall the gem, add the require statement to the top of your configuration file, and install the extension.\r\n\r\n gem install bootstrap-sass\r\n\r\n # In config.rb\r\n require 'bootstrap-sass'\r\n\r\n compass install bootstrap\r\n\r\nYou'll get the same benefits as those starting from scratch. Radical.\r\n\r\n----\r\n\r\nAs per the Bootstrap project we don't include the responsive styles by default. `@import \"bootstrap-responsive\";` to get them.\r\n","google":"","tagline":"bootstrap-sass is bootstrap for Sass, ready to roll"}

‎stylesheets/pygment_trac.css‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
.highlight { background: #ffffff; }
2+
.highlight .c { color: #999988; font-style: italic } /* Comment */
3+
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
4+
.highlight .k { font-weight: bold } /* Keyword */
5+
.highlight .o { font-weight: bold } /* Operator */
6+
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
7+
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
8+
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
9+
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
10+
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
11+
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
12+
.highlight .ge { font-style: italic } /* Generic.Emph */
13+
.highlight .gr { color: #aa0000 } /* Generic.Error */
14+
.highlight .gh { color: #999999 } /* Generic.Heading */
15+
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
16+
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
17+
.highlight .go { color: #888888 } /* Generic.Output */
18+
.highlight .gp { color: #555555 } /* Generic.Prompt */
19+
.highlight .gs { font-weight: bold } /* Generic.Strong */
20+
.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */
21+
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
22+
.highlight .kc { font-weight: bold } /* Keyword.Constant */
23+
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
24+
.highlight .kn { font-weight: bold } /* Keyword.Namespace */
25+
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
26+
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
27+
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
28+
.highlight .m { color: #009999 } /* Literal.Number */
29+
.highlight .s { color: #d14 } /* Literal.String */
30+
.highlight .na { color: #008080 } /* Name.Attribute */
31+
.highlight .nb { color: #0086B3 } /* Name.Builtin */
32+
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
33+
.highlight .no { color: #008080 } /* Name.Constant */
34+
.highlight .ni { color: #800080 } /* Name.Entity */
35+
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
36+
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
37+
.highlight .nn { color: #555555 } /* Name.Namespace */
38+
.highlight .nt { color: #000080 } /* Name.Tag */
39+
.highlight .nv { color: #008080 } /* Name.Variable */
40+
.highlight .ow { font-weight: bold } /* Operator.Word */
41+
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
42+
.highlight .mf { color: #009999 } /* Literal.Number.Float */
43+
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
44+
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
45+
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
46+
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
47+
.highlight .sc { color: #d14 } /* Literal.String.Char */
48+
.highlight .sd { color: #d14 } /* Literal.String.Doc */
49+
.highlight .s2 { color: #d14 } /* Literal.String.Double */
50+
.highlight .se { color: #d14 } /* Literal.String.Escape */
51+
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
52+
.highlight .si { color: #d14 } /* Literal.String.Interpol */
53+
.highlight .sx { color: #d14 } /* Literal.String.Other */
54+
.highlight .sr { color: #009926 } /* Literal.String.Regex */
55+
.highlight .s1 { color: #d14 } /* Literal.String.Single */
56+
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
57+
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
58+
.highlight .vc { color: #008080 } /* Name.Variable.Class */
59+
.highlight .vg { color: #008080 } /* Name.Variable.Global */
60+
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
61+
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
62+
63+
.type-csharp .highlight .k { color: #0000FF }
64+
.type-csharp .highlight .kt { color: #0000FF }
65+
.type-csharp .highlight .nf { color: #000000; font-weight: normal }
66+
.type-csharp .highlight .nc { color: #2B91AF }
67+
.type-csharp .highlight .nn { color: #000000 }
68+
.type-csharp .highlight .s { color: #A31515 }
69+
.type-csharp .highlight .sc { color: #A31515 }

0 commit comments

Comments
 (0)