Skip to content

B
bootstrap
Commit 037bf9fe authored by Jacob Thornton's avatar Jacob Thornton
Browse files
Options

clean up org more

parent 96c3e709
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1813 additions and 542 deletions
baseline-1.0.0.css
View file @ 037bf9fe
This diff is collapsed.
baseline-1.0.0.min.css
View file @ 037bf9fe
...@@ -194,24 +194,3 @@ div.pagination ul li a:hover,div.pagination ul li.active a{background-color:#eaf ...@@ -194,24 +194,3 @@ div.pagination ul li a:hover,div.pagination ul li.active a{background-color:#eaf
div.pagination ul li.disabled a,div.pagination ul li.disabled a:hover{background-color:none;color:#777777;} div.pagination ul li.disabled a,div.pagination ul li.disabled a:hover{background-color:none;color:#777777;}
div.pagination ul li.next a,div.pagination ul li:last-child a{border:0;} div.pagination ul li.next a,div.pagination ul li:last-child a{border:0;}
div.well{background:#f5f5f5;margin-bottom:20px;padding:19px;min-height:20px;border:1px solid #ddd;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);} div.well{background:#f5f5f5;margin-bottom:20px;padding:19px;min-height:20px;border:1px solid #ddd;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}
body{background-color:#ffffff;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), color-stop(0.15, #ffffff), to(#ffffff));background-image:-webkit-linear-gradient(#eeeeee, color-stop(0.15, #ffffff), #ffffff);background-image:-moz-linear-gradient(#eeeeee, color-stop(#ffffff, 0.15), #ffffff);background-attachment:fixed;background-position:0 40px;position:relative;}
header,section,footer,article,aside{display:block;}
section{padding-top:80px;margin-bottom:-40px;}
#masthead,#footer{background-color:#049cd9;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, left bottom, from(#0056b0), to(#049cd9));background-image:-webkit-linear-gradient(#0056b0, #049cd9);background-image:-moz-linear-gradient(#0056b0, #049cd9);background-image:-o-linear-gradient(top, #0056b0, #049cd9);background-image:-khtml-gradient(linear, left top, left bottom, from(#0056b0), to(#049cd9));filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0056b0', EndColorStr='#049cd9', GradientType=0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#0056b0', EndColorStr='#049cd9', GradientType=0))";}#masthead div.inner,#footer div.inner{background:transparent url(assets/img/grid-20px.png) 0 -1px;padding:40px 0;-webkit-box-shadow:inset 0 10px 30px rgba(0, 0, 0, 0.25);-moz-box-shadow:inset 0 10px 30px rgba(0, 0, 0, 0.25);box-shadow:inset 0 10px 30px rgba(0, 0, 0, 0.25);}
#masthead h1,#footer h1,#masthead p,#footer p,#masthead small,#footer small{color:#fff;text-shadow:0 2px 0 rgba(0, 0, 0, 0.25);}
#masthead{margin-top:40px;margin-bottom:-40px;}#masthead h1{margin-bottom:0;}
#masthead p.lead{font-size:20px;font-weight:300;line-height:30px;margin:5px 0;}
#masthead a.btn{background-color:#552e7e;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, left bottom, from(#7a43b6), to(#552e7e));background-image:-webkit-linear-gradient(#7a43b6, #552e7e);background-image:-moz-linear-gradient(#7a43b6, #552e7e);background-image:-o-linear-gradient(top, #7a43b6, #552e7e);background-image:-khtml-gradient(linear, left top, left bottom, from(#7a43b6), to(#552e7e));filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7a43b6', EndColorStr='#552e7e', GradientType=0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#7a43b6', EndColorStr='#552e7e', GradientType=0))";display:block;margin-bottom:20px;padding-top:5px;padding-bottom:5px;text-align:center;border:0;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.4);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.4);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.4);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;transition:all 0.2s linear;}
#masthead small{display:block;text-align:center;font-size:13px;line-height:20px;color:rgba(255, 255, 255, 0.5);}#masthead small a{color:#fff;}
#footer{margin-top:80px;}#footer p{margin-bottom:0;}
.show-grid{margin-top:20px;margin-bottom:20px;}.show-grid .column,.show-grid .columns{background:rgba(0, 0, 0, 0.1);text-align:center;-moz-border-radius:3px;border-radius:3px;height:30px;line-height:30px;}
.show-grid:hover .column,.show-grid:hover .columns{background:rgba(0, 0, 0, 0.25);}
#grid{width:980px;position:absolute;top:0;left:50%;margin-left:-490px;}
#grid div.vert{background-color:rgba(0, 206, 209, 0.075);width:39px;border:solid darkturquoise;border-width:0 1px;margin-right:19px;}
#grid div.vert.first-line{margin-left:19px;}
#grid div.horiz{height:19px;border-bottom:1px solid rgba(255, 0, 0, 0.1);margin:0;padding:0;}#grid div.horiz:nth-child(5n){border-color:rgba(255, 0, 0, 0.25);}
div.mini-layout{height:340px;margin-bottom:20px;padding:9px;border:1px solid rgba(0, 0, 0, 0.25);-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.125);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.125);box-shadow:0 1px 3px rgba(0, 0, 0, 0.125);}div.mini-layout div{-moz-border-radius:3px;border-radius:3px;}div.mini-layout div.mini-layout-body{background-color:rgba(141, 192, 219, 0.25);margin:0 auto;width:450px;height:340px;}
div.mini-layout.fluid div.mini-layout-sidebar,div.mini-layout.fluid div.mini-layout-header,div.mini-layout.fluid div.mini-layout-body{float:left;}
div.mini-layout.fluid div.mini-layout-sidebar{background-color:rgba(141, 192, 219, 0.5);width:90px;height:340px;}
div.mini-layout.fluid div.mini-layout-body{width:400px;margin-left:10px;}
div.topbar-wrapper{position:relative;height:40px;margin:5px 0 15px;}div.topbar-wrapper div.topbar{position:absolute;margin:0 -20px;padding-left:20px;padding-right:20px;-moz-border-radius:4px;border-radius:4px;}
docs/assets/css/docs.css 0 → 100644
View file @ 037bf9fe
/* Add additional stylesheets below
-------------------------------------------------- */
/*
Baseline's documentation styles
Special styles for presenting Baseline's documentation and examples
*/
/* Body and structure
-------------------------------------------------- */
body {
background-color: #ffffff;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), color-stop(0.15, #ffffff), to(#ffffff));
background-image: -webkit-linear-gradient(#eeeeee, color-stop(0.15, #ffffff), #ffffff);
background-image: -moz-linear-gradient(#eeeeee, color-stop(#ffffff, 0.15), #ffffff);
background-attachment: fixed;
background-position: 0 40px;
position: relative;
}
header,
section,
footer,
article,
aside {
display: block;
}
section {
padding-top: 80px;
margin-bottom: -40px;
}
#masthead, #footer {
background-color: #049cd9;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, left top, left bottom, from(#0056b0), to(#049cd9));
background-image: -webkit-linear-gradient(#0056b0, #049cd9);
background-image: -moz-linear-gradient(#0056b0, #049cd9);
background-image: -o-linear-gradient(top, #0056b0, #049cd9);
background-image: -khtml-gradient(linear, left top, left bottom, from(#0056b0), to(#049cd9));
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0056b0', EndColorStr='#049cd9', GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0056b0', EndColorStr='#049cd9', GradientType=0))";
}
#masthead div.inner, #footer div.inner {
background: transparent url(../img/grid-20px.png) 0 -1px;
padding: 40px 0;
-webkit-box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.25);
-moz-box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.25);
}
#masthead h1,
#footer h1,
#masthead p,
#footer p,
#masthead small,
#footer small {
color: #fff;
text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
}
#masthead {
margin-top: 40px;
margin-bottom: -40px;
}
#masthead h1 {
margin-bottom: 0;
}
#masthead p.lead {
font-size: 20px;
font-weight: 300;
line-height: 30px;
margin: 5px 0;
}
#masthead a.btn {
background-color: #552e7e;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, left top, left bottom, from(#7a43b6), to(#552e7e));
background-image: -webkit-linear-gradient(#7a43b6, #552e7e);
background-image: -moz-linear-gradient(#7a43b6, #552e7e);
background-image: -o-linear-gradient(top, #7a43b6, #552e7e);
background-image: -khtml-gradient(linear, left top, left bottom, from(#7a43b6), to(#552e7e));
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7a43b6', EndColorStr='#552e7e', GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7a43b6', EndColorStr='#552e7e', GradientType=0))";
display: block;
margin-bottom: 20px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
border: 0;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.4);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#masthead small {
display: block;
text-align: center;
font-size: 13px;
line-height: 20px;
color: rgba(255, 255, 255, 0.5);
}
#masthead small a {
color: #fff;
}
#footer {
margin-top: 80px;
}
#footer p {
margin-bottom: 0;
}
/* Special grid styles
-------------------------------------------------- */
.show-grid {
margin-top: 20px;
margin-bottom: 20px;
}
.show-grid .column, .show-grid .columns {
background: rgba(0, 0, 0, 0.1);
text-align: center;
-moz-border-radius: 3px;
border-radius: 3px;
height: 30px;
line-height: 30px;
}
.show-grid:hover .column, .show-grid:hover .columns {
background: rgba(0, 0, 0, 0.25);
}
/* Hashgrid.js grid (press G & H to view)
-------------------------------------------------- */
#grid {
width: 980px;
position: absolute;
top: 0;
left: 50%;
margin-left: -490px;
}
#grid div.vert {
background-color: rgba(0, 206, 209, 0.075);
width: 39px;
border: solid darkturquoise;
border-width: 0 1px;
margin-right: 19px;
}
#grid div.vert.first-line {
margin-left: 19px;
}
#grid div.horiz {
height: 19px;
border-bottom: 1px solid rgba(255, 0, 0, 0.1);
margin: 0;
padding: 0;
}
#grid div.horiz:nth-child(5n) {
border-color: rgba(255, 0, 0, 0.25);
}
/* Render mini layout previews
-------------------------------------------------- */
div.mini-layout {
height: 340px;
margin-bottom: 20px;
padding: 9px;
border: 1px solid rgba(0, 0, 0, 0.25);
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125);
}
div.mini-layout div {
-moz-border-radius: 3px;
border-radius: 3px;
}
div.mini-layout div.mini-layout-body {
background-color: rgba(141, 192, 219, 0.25);
margin: 0 auto;
width: 450px;
height: 340px;
}
div.mini-layout.fluid div.mini-layout-sidebar, div.mini-layout.fluid div.mini-layout-header, div.mini-layout.fluid div.mini-layout-body {
float: left;
}
div.mini-layout.fluid div.mini-layout-sidebar {
background-color: rgba(141, 192, 219, 0.5);
width: 90px;
height: 340px;
}
div.mini-layout.fluid div.mini-layout-body {
width: 400px;
margin-left: 10px;
}
/* Topbar special styles
-------------------------------------------------- */
div.topbar-wrapper {
position: relative;
height: 40px;
margin: 5px 0 15px;
}
div.topbar-wrapper div.topbar {
position: absolute;
margin: 0 -20px;
padding-left: 20px;
padding-right: 20px;
-moz-border-radius: 4px;
border-radius: 4px;
}
\ No newline at end of file
docs/assets/js/less-1.0.41.min.js deleted 100644 → 0
View file @ 96c3e709
This diff is collapsed.
docs/grid.html
View file @ 037bf9fe
...@@ -5,39 +5,13 @@ ...@@ -5,39 +5,13 @@
<title>Twitter Baseline</title> <title>Twitter Baseline</title>
<!-- // Less.js at the ready! --> <!-- // Less.js at the ready! -->
<link rel="stylesheet/less" type="text/css" media="all" href="less/baseline.less" /> <link href="../baseline-1.0.0.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/less-1.0.41.min.js"></script> <link href="assets/css/docs.css" rel="stylesheet" type="text/css">
<!-- // jQuery! --> <!-- // jQuery! -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="http://tablesorter.com/jquery.tablesorter.min.js"></script> <script type="text/javascript" src="http://tablesorter.com/jquery.tablesorter.min.js"></script>
<script type="text/javascript" src="js/jquery/hashgrid.js"></script> <script type="text/javascript" src="js/jquery/hashgrid.js"></script>
<script type="text/javascript">
// Javascript to toggle the dropdowns
$(document).ready(function(){
// Dropdowns
$("body").bind("click", function(e) {
$("ul.menu-dropdown").hide();
$('a.menu').parent("li").removeClass("open").children("ul.menu-dropdown").hide();
});
$("a.menu").click(function(e) {
var $target = $(this);
var $parent = $target.parent("li");
var $siblings = $target.siblings("ul.menu-dropdown");
var $parentSiblings = $parent.siblings("li");
if ($parent.hasClass("open")) {
$parent.removeClass("open");
$siblings.hide();
} else {
$parent.addClass("open");
$siblings.show();
}
$parentSiblings.children("ul.menu-dropdown").hide();
$parentSiblings.removeClass("open");
return false;
});
});
</script>
<!-- Code Highlighting --> <!-- Code Highlighting -->
<script type="text/javascript" src="js/jquery/chili/jquery.chili-2.2.js"></script> <script type="text/javascript" src="js/jquery/chili/jquery.chili-2.2.js"></script>
...@@ -47,24 +21,22 @@ ...@@ -47,24 +21,22 @@
</script> </script>
<!-- Debug line-height --> <!-- Debug line-height -->
<!-- <!--
<style> <style>
body { body {
background: url(img/baseline-10px.png) repeat 0 0, url(img/grid-940px.png) repeat-y top center; background: url(img/baseline-10px.png) repeat 0 0, url(img/grid-940px.png) repeat-y top center;
background-color: #fff; background-color: #fff;
} }
</style> </style>
--> -->
</head> </head>
<body> <body>
<div class="topbar"> <div class="topbar">
<div class="container fixed"> <div class="container fixed">
<h3><a class="logo" href="index.html"> <h3><a class="logo" href="index.html">
<img src="img/twitter-logo-no-bird.png" alt="Twitter" /> <span>baseline</span> <img src="assets/img/twitter-logo-no-bird.png" alt="Twitter" /> <span>baseline</span>
</a></h3> </a></h3>
<ul> <ul>
<li><a href="#getting-started">Getting Started</a></li> <li><a href="#getting-started">Getting Started</a></li>
...@@ -79,12 +51,12 @@ ...@@ -79,12 +51,12 @@
</ul> </ul>
</div> </div>
</div> </div>
<div class="container"> <div class="container">
<div class="page-header"> <div class="page-header">
<h1>Typography</h1> <h1>Typography</h1>
</div> </div>
<div class="row"> <div class="row">
<div class="span5 columns"> <div class="span5 columns">
<h2>Body Text</h2> <h2>Body Text</h2>
......
docs/index.html
View file @ 037bf9fe
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
<!-- // Less.js at the ready! --> <!-- // Less.js at the ready! -->
<link href="../baseline-1.0.0.css" rel="stylesheet" type="text/css"> <link href="../baseline-1.0.0.css" rel="stylesheet" type="text/css">
<link href="assets/css/docs.css" rel="stylesheet" type="text/css">
<!-- // jQuery! --> <!-- // jQuery! -->
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script> <script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
...@@ -34,8 +35,8 @@ ...@@ -34,8 +35,8 @@
<div class="topbar"> <div class="topbar">
<div class="container fixed"> <div class="container fixed">
<h3><a class="logo" href="index.html"> <h3><a class="logo" href="#">
<img src="img/twitter-logo-no-bird.png" alt="Twitter" /> <span>baseline</span> <img src="assets/img/twitter-logo-no-bird.png" alt="Twitter" /> <span>baseline</span>
</a></h3> </a></h3>
<ul> <ul>
<li><a href="#getting-started">Getting Started</a></li> <li><a href="#getting-started">Getting Started</a></li>
...@@ -85,7 +86,7 @@ ...@@ -85,7 +86,7 @@
</div> </div>
<div class="span12 columns"> <div class="span12 columns">
<h3>1. Compiled CSS</h3> <h3>1. Compiled CSS</h3>
<p>Use this option if you want all the styles of Baseline in a <a href="baseline-1.0.0.css">compiled and minified stylesheet</a>, but none of the extra power of LESS.</p> <p>Use this option if you want all the styles of Baseline in a <a href="../baseline-1.0.0.min.css">compiled and minified stylesheet</a>, but none of the extra power of LESS.</p>
<pre class="html">&lt;link type="text/css" href="baseline-1.0.0.css" media="all" /&gt;</pre> <pre class="html">&lt;link type="text/css" href="baseline-1.0.0.css" media="all" /&gt;</pre>
<h3>2. Run with LESS.js</h3> <h3>2. Run with LESS.js</h3>
<p>Use this option to make full use of Baseline's LESS variables, mixins, and nesting in CSS.</p> <p>Use this option to make full use of Baseline's LESS variables, mixins, and nesting in CSS.</p>
......
lib/baseline.less
View file @ 037bf9fe
...@@ -14,11 +14,4 @@ ...@@ -14,11 +14,4 @@
@import "type.less"; @import "type.less";
@import "forms.less"; @import "forms.less";
@import "tables.less"; @import "tables.less";
@import "patterns.less"; @import "patterns.less";
\ No newline at end of file
/* Add additional stylesheets below
-------------------------------------------------- */
// Documentation
@import "docs.less";
\ No newline at end of file
lib/docs.less deleted 100644 → 0
View file @ 96c3e709
/*
Baseline's documentation styles
Special styles for presenting Baseline's documentation and examples
*/
/* Body and structure
-------------------------------------------------- */
// Give us a gradient background
body {
#gradient > .vertical-three-colors(#eee, #fff, 0.15, #fff);
background-attachment: fixed;
background-position: 0 40px;
position: relative;
}
// Give us some love on HTML5 elements (hardly use these in Basline thus far though)
header,
section,
footer,
article,
aside {
display: block;
}
// Break up sections
section {
padding-top: @baseline * 4;
margin-bottom: @baseline * -2;
}
// Blueprint-style header and footer
#masthead,
#footer {
#gradient > .vertical(darken(@blue-dark, 7.5%), darken(@blue, 7.5%));
div.inner {
background: transparent url(assets/img/grid-20px.png) 0 -1px;
padding: 40px 0;
.box-shadow(inset 0 10px 30px rgba(0,0,0,.25));
}
h1, p, small {
color: #fff;
text-shadow: 0 2px 0 rgba(0,0,0,.25);
}
}
#masthead {
margin-top: @baseline * 2;
margin-bottom: @baseline * -2;
h1 {
margin-bottom: 0;
}
p.lead {
.font(300,20px,30px);
margin: 5px 0;
}
a.btn {
#gradient > .vertical(@purple, darken(@purple, 15%));
display: block;
margin-bottom: 20px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
border: 0;
@shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -1px 0 rgba(0,0,0,.25), 0 1px 2px rgba(0,0,0,.4);
.box-shadow(@shadow);
.transition(all .2s linear);
}
small {
display: block;
text-align: center;
font-size: 13px;
line-height: @baseline;
color: rgba(255,255,255,.5);
a {
color: #fff;
}
}
}
// Page footer
#footer {
margin-top: @baseline * 4;
p {
margin-bottom: 0;
}
}
/* Special grid styles
-------------------------------------------------- */
.show-grid {
margin-top: 20px;
margin-bottom: 20px;
.column,
.columns {
background: rgba(0,0,0,.1);
text-align: center;
.border-radius(3px);
height: 30px;
line-height: 30px;
}
&:hover {
.column,
.columns {
background: rgba(0,0,0,.25);
}
}
}
/* Hashgrid.js grid (press G & H to view)
-------------------------------------------------- */
#grid {
width: 980px;
position: absolute;
top: 0;
left: 50%;
margin-left: -490px;
}
#grid div.vert {
#translucent > .background(#00CED1, .075);
width: 39px;
border: solid darkturquoise;
border-width: 0 1px;
margin-right: 19px;
}
#grid div.vert.first-line {
margin-left: 19px;
}
#grid div.horiz {
height: @baseline - 1;
border-bottom: 1px solid rgba(255,0,0,.1);
margin: 0;
padding: 0;
&:nth-child(5n) {
border-color: rgba(255,0,0,.25);
}
}
/* Render mini layout previews
-------------------------------------------------- */
div.mini-layout {
height: 340px;
margin-bottom: @baseline;
padding: 9px;
border: 1px solid rgba(0,0,0,.25);
.border-radius(6px);
.box-shadow(0 1px 3px rgba(0,0,0,.125));
// Default mini layout (fixed container)
div {
.border-radius(3px);
&.mini-layout-body {
background-color: rgba(141,192,219,.25);
margin: 0 auto;
width: 450px;
height: 340px;
}
}
// Fluid layout (sidebar)
&.fluid {
div.mini-layout-sidebar,
div.mini-layout-header,
div.mini-layout-body {
float: left;
}
div.mini-layout-sidebar {
background-color: rgba(141,192,219,.5);
width: 90px;
height: 340px;
}
div.mini-layout-body {
width: 400px;
margin-left: 10px;
}
}
}
/* Topbar special styles
-------------------------------------------------- */
div.topbar-wrapper {
position: relative;
height: 40px;
margin: 5px 0 15px;
div.topbar {
position: absolute;
margin: 0 -20px;
padding-left: 20px;
padding-right: 20px;
.border-radius(4px);
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment