home/bootstrap
2
0
Fork 0
mirror of https://github.com/wahyd4/bootstrap.git synced 2026-08-09 12:56:17 +10:00
Code Issues Packages Projects Releases Wiki Activity

stub out updated customizer

Browse Source
This commit is contained in:
Mark Otto
2012-10-01 00:56:16 -07:00
parent da43c7c27c
commit f920cd4546
3 changed files with 97 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/assets/css/docs-customizer.css
+57
View File
@@ -0,0 +1,57 @@
/*
Bootstrap's customizer
*/
body {
padding: 0;
}
body > .navbar,
.footer {
display: none;
}
.bsc-sidebar {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 239px;
background-color: #f5f5f5;
border-right: 1px solid #ccc;
}
.bsc-preview {
margin-left: 240px;
padding: 20px;
}
.bsc-heading {
margin: 20px;
color: #ccc;
text-shadow: 0 1px 0 rgba(255,255,255,.75);
}
.bsc-toolbar {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.bsc-toolbar .btn-group {
width: 239px;
overflow: hidden;
}
.bsc-toolbar .btn-group .btn {
border-radius: 0;
width: 121px;
margin: 0;
padding: 10px;
}
.bsc-toolbar .btn-group .btn:first-child {
margin-left: -1px;
}
.bsc-toolbar .btn-group .btn:last-child {
margin-right: -1px;
border-left-width: 0;
}
docs/customize.html
+20 -27
View File
@@ -69,35 +69,31 @@
</div>
</div>
<!-- Masthead
================================================== -->
<header class="jumbotron subhead" id="overview">
<div class="container">
<h1>Customize and download</h1>
<p class="lead"><a href="https://github.com/twitter/bootstrap/zipball/master">Download Bootstrap</a> or customize variables, components, JavaScript plugins, and more.</p>
</div>
</header>
<!-- Customizer CSS -->
<link href="assets/css/docs-customizer.css" rel="stylesheet">
<form>
<div class="container">
<!-- Docs nav
================================================== -->
<div class="row">
<div class="span3 bs-docs-sidebar">
<ul class="nav nav-list bs-docs-sidenav">
<li><a href="#components"><i class="icon-chevron-right"></i> 1. Choose components</a></li>
<li><a href="#plugins"><i class="icon-chevron-right"></i> 2. Select jQuery plugins</a></li>
<li><a href="#variables"><i class="icon-chevron-right"></i> 3. Customize variables</a></li>
<li><a href="#download"><i class="icon-chevron-right"></i> 4. Download</a></li>
</ul>
<div class="bsc-sidebar">
<h3 class="bsc-heading">Bootjack</h3>
<ul class="bsc-accordion">
<li>
<input type="checkbox" checked> Scaffolding
</li>
</ul>
<div class="bsc-toolbar">
<div class="btn-group">
<button class="btn" type="button">Download</button>
<button class="btn" type="button">Reset</button>
</div>
<div class="span9">
</div>
</div>
<div class="bsc-preview">
preview
<!-- Customize form
================================================== -->
<form>
<section class="download" id="components">
<div class="page-header">
<a class="btn btn-small pull-right toggle-all" href="#">Toggle all</a>
@@ -425,15 +421,12 @@
<p>Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.</p>
</div>
</section><!-- /download -->
</form>
</div>
</div>
</div>
</form>
<!-- Footer
docs/templates/pages/customize.mustache
Vendored
+20 -27
View File
@@ -1,32 +1,28 @@
<!-- Masthead
================================================== -->
<header class="jumbotron subhead" id="overview">
<div class="container">
<h1>{{_i}}Customize and download{{/i}}</h1>
<p class="lead">{{_i}}<a href="https://github.com/twitter/bootstrap/zipball/master">Download Bootstrap</a> or customize variables, components, JavaScript plugins, and more.{{/i}}</p>
</div>
</header>
<!-- Customizer CSS -->
<link href="assets/css/docs-customizer.css" rel="stylesheet">
<form>
<div class="container">
<!-- Docs nav
================================================== -->
<div class="row">
<div class="span3 bs-docs-sidebar">
<ul class="nav nav-list bs-docs-sidenav">
<li><a href="#components"><i class="icon-chevron-right"></i> {{_i}}1. Choose components{{/i}}</a></li>
<li><a href="#plugins"><i class="icon-chevron-right"></i> {{_i}}2. Select jQuery plugins{{/i}}</a></li>
<li><a href="#variables"><i class="icon-chevron-right"></i> {{_i}}3. Customize variables{{/i}}</a></li>
<li><a href="#download"><i class="icon-chevron-right"></i> {{_i}}4. Download{{/i}}</a></li>
</ul>
<div class="bsc-sidebar">
<h3 class="bsc-heading">Bootjack</h3>
<ul class="bsc-accordion">
<li>
<input type="checkbox" checked> Scaffolding
</li>
</ul>
<div class="bsc-toolbar">
<div class="btn-group">
<button class="btn" type="button">Download</button>
<button class="btn" type="button">Reset</button>
</div>
<div class="span9">
</div>
</div>
<div class="bsc-preview">
preview
<!-- Customize form
================================================== -->
<form>
<section class="download" id="components">
<div class="page-header">
<a class="btn btn-small pull-right toggle-all" href="#">{{_i}}Toggle all{{/i}}</a>
@@ -354,11 +350,8 @@
<p>{{_i}}Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.{{/i}}</p>
</div>
</section><!-- /download -->
</form>
</div>
</div>{{! /span9 }}
</div>{{! row}}
</div>{{! /.container }}
</form>