Skip to content

B
bootstrap
Commit 0ef4b641 authored by Mark Otto's avatar Mark Otto
Browse files
Options

overhaul frontpage jumbotron, add js for twitter buttons back in, fix up some... 

overhaul frontpage jumbotron, add js for twitter buttons back in, fix up some form ids and classes, straighten out the use of primary button variable
parent 106625a2
Expand all Show whitespace changes
Inline Side-by-side
Showing with 394 additions and 236 deletions
bootstrap-responsive.css
View file @ 0ef4b641
......@@ -13,6 +13,7 @@
}
.navbar .nav, .navbar .nav > li:last-child a {
-webkit-border-radius: 0 0 4px 0;
-moz-border-radius: 0 0 4px 0;
border-radius: 0 0 4px 0;
}
.navbar .nav > li {
......
bootstrap-responsive.min.css
View file @ 0ef4b641
.hidden{display:none;visibility:hidden;}
@media (max-width: 480px){.navbar .nav{position:absolute;top:0;left:0;width:180px;padding-top:40px;list-style:none;} .navbar .nav,.navbar .nav>li:last-child a{-webkit-border-radius:0 0 4px 0;border-radius:0 0 4px 0;} .navbar .nav>li{float:none;display:none;} .navbar .nav>li>a{float:none;background-color:#222;} .navbar .nav>.active{display:block;position:absolute;top:0;left:0;} .navbar .nav>.active>a{background-color:transparent;} .navbar .nav>.active>a:hover{background-color:#333;} .navbar .nav>.active>a:after{display:inline-block;width:0;height:0;margin-top:8px;margin-left:6px;text-indent:-99999px;vertical-align:top;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #ffffff;opacity:1;filter:alpha(opacity=100);content:"↓";} .navbar .nav:hover>li{display:block;} .navbar .nav:hover>li>a:hover{background-color:#333;} .form-horizontal .control-group>label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:0;} .modal{position:absolute;top:20px;left:20px;right:20px;width:auto;margin:0;}.modal.fade.in{top:auto;} .modal-header .close{padding:10px;}}@media (max-width: 768px){.navbar-fixed{position:absolute;} .navbar-fixed .nav{float:none;} .container{width:auto;padding:0 20px;} .row{margin-left:0;} .row>[class*="span"]{float:none;display:block;width:auto;margin:0;}}@media (min-width: 768px) and (max-width: 940px){.container{width:748px;} .span1{width:44px;} .span2{width:108px;} .span3{width:172px;} .span4{width:236px;} .span5{width:300px;} .span6{width:364px;} .span7{width:428px;} .span8{width:492px;} .span9{width:556px;} .span10{width:620px;} .span11{width:684px;} .span12{width:748px;} .offset1{margin-left:84px;} .offset2{margin-left:148px;} .offset3{margin-left:212px;} .offset4{margin-left:276px;} .offset5{margin-left:340px;} .offset6{margin-left:404px;} .offset7{margin-left:468px;} .offset8{margin-left:532px;} .offset9{margin-left:596px;} .offset10{margin-left:660px;} .offset11{margin-left:724px;} .offset12{margin-left:788px;}}
@media (max-width: 480px){.navbar .nav{position:absolute;top:0;left:0;width:180px;padding-top:40px;list-style:none;} .navbar .nav,.navbar .nav>li:last-child a{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;} .navbar .nav>li{float:none;display:none;} .navbar .nav>li>a{float:none;background-color:#222;} .navbar .nav>.active{display:block;position:absolute;top:0;left:0;} .navbar .nav>.active>a{background-color:transparent;} .navbar .nav>.active>a:hover{background-color:#333;} .navbar .nav>.active>a:after{display:inline-block;width:0;height:0;margin-top:8px;margin-left:6px;text-indent:-99999px;vertical-align:top;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #ffffff;opacity:1;filter:alpha(opacity=100);content:"↓";} .navbar .nav:hover>li{display:block;} .navbar .nav:hover>li>a:hover{background-color:#333;} .form-horizontal .control-group>label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:0;} .modal{position:absolute;top:20px;left:20px;right:20px;width:auto;margin:0;}.modal.fade.in{top:auto;} .modal-header .close{padding:10px;}}@media (max-width: 768px){.navbar-fixed{position:absolute;} .navbar-fixed .nav{float:none;} .container{width:auto;padding:0 20px;} .row{margin-left:0;} .row>[class*="span"]{float:none;display:block;width:auto;margin:0;}}@media (min-width: 768px) and (max-width: 940px){.container{width:748px;} .span1{width:44px;} .span2{width:108px;} .span3{width:172px;} .span4{width:236px;} .span5{width:300px;} .span6{width:364px;} .span7{width:428px;} .span8{width:492px;} .span9{width:556px;} .span10{width:620px;} .span11{width:684px;} .span12{width:748px;} .offset1{margin-left:84px;} .offset2{margin-left:148px;} .offset3{margin-left:212px;} .offset4{margin-left:276px;} .offset5{margin-left:340px;} .offset6{margin-left:404px;} .offset7{margin-left:468px;} .offset8{margin-left:532px;} .offset9{margin-left:596px;} .offset10{margin-left:660px;} .offset11{margin-left:724px;} .offset12{margin-left:788px;}}
bootstrap.css
View file @ 0ef4b641
This diff is collapsed.
bootstrap.min.css
View file @ 0ef4b641
This diff is collapsed.
docs/assets/css/docs.css
View file @ 0ef4b641
......@@ -50,31 +50,41 @@ section {
line-height: 1;
}
/* Faded out hr */
hr.soften {
height: 1px;
margin: 54px 0;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
border: 0;
}
/* Jumbotrons
-------------------------------------------------- */
.jumbotron {
position: relative;
text-shadow: 0 1px 0 #fff;
}
.jumbotron h1 {
margin-right: 40%;
margin-bottom: 9px;
font-size: 90px;
font-size: 108px;
letter-spacing: -1px;
line-height: 1;
}
.jumbotron p {
margin-right: 32%;
margin-bottom: 20px;
margin-bottom: 18px;
font-size: 25px;
font-weight: 300;
line-height: 36px;
color: #333;
}
.jumbotron .btn-large {
font-size: 20px;
font-weight: normal;
padding: 14px 24px;
margin-right: 5px;
margin-right: 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
......@@ -84,9 +94,26 @@ section {
color: #999;
}
/* Masthead (docs home) */
.masthead {
padding: 36px 0 0;
}
.masthead h1,
.masthead p {
text-align: center;
}
.masthead h1 {
margin-bottom: 18px;
}
.masthead p {
margin: 0 5% 27px;
}
/* Benefits list in masthead */
.benefits {
width: 280px;
display: none;
width: 260px;
position: absolute;
right: 0;
bottom: 0;
......@@ -213,16 +240,9 @@ section {
.quick-links {
min-height: 30px;
padding: 5px 20px;
margin: 45px 0;
margin: 36px 0;
list-style: none;
text-align: center;
background-color: #eee;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
overflow: hidden;
}
.quick-links li {
......
docs/base-css.html
View file @ 0ef4b641
This diff is collapsed.
docs/components.html
View file @ 0ef4b641
......@@ -27,6 +27,7 @@
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
================================================== -->
<div class="navbar navbar-fixed">
......@@ -1248,6 +1249,7 @@
</section>
<!-- Footer
================================================== -->
<footer class="footer">
......@@ -1260,9 +1262,11 @@
</div><!-- /container -->
<!-- Le javascript -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- <script src="http://code.jquery.com/jquery-1.7.min.js"></script> -->
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script src="../js/tests/vendor/jquery.js"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script src="../js/bootstrap-transition.js"></script>
......
docs/download.html
View file @ 0ef4b641
......@@ -27,6 +27,7 @@
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
================================================== -->
<div class="navbar navbar-fixed">
......@@ -301,6 +302,7 @@
</div>
</section><!-- /download -->
<!-- Footer
================================================== -->
<footer class="footer">
......@@ -313,9 +315,11 @@
</div><!-- /container -->
<!-- Le javascript -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- <script src="http://code.jquery.com/jquery-1.7.min.js"></script> -->
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script src="../js/tests/vendor/jquery.js"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script src="../js/bootstrap-transition.js"></script>
......
docs/examples.html
View file @ 0ef4b641
......@@ -27,6 +27,7 @@
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
================================================== -->
<div class="navbar navbar-fixed">
......@@ -89,6 +90,7 @@
</section>
<!-- Footer
================================================== -->
<footer class="footer">
......@@ -101,9 +103,11 @@
</div><!-- /container -->
<!-- Le javascript -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- <script src="http://code.jquery.com/jquery-1.7.min.js"></script> -->
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script src="../js/tests/vendor/jquery.js"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script src="../js/bootstrap-transition.js"></script>
......
docs/index.html
View file @ 0ef4b641
......@@ -27,6 +27,7 @@
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
================================================== -->
<div class="navbar navbar-fixed">
......@@ -68,18 +69,17 @@
================================================== -->
<header class="jumbotron masthead">
<div class="inner">
<h1>Bootstrap,<br> from Twitter</h1>
<p class="lead">Bootstrap is a responsive frontend toolkit from Twitter designed to kickstart web development, featuring HTML, CSS, and JS for dozens of base elements and common design components.</p>
<h1>Twitter Bootstrap</h1>
<p class="lead">Bootstrap is a comprehensive front-end toolkit from Twitter designed to kickstart web development. It features HTML, CSS, and JS for dozens of base elements, commonly used design components, and more.</p>
<p class="download-info">
<a href="https://github.com/twitter/bootstrap/" class="btn primary btn-large">View on GitHub</a>
<a href="./download.html" class="btn btn-large">Customize and Download</a>
<a href="https://github.com/twitter/bootstrap/" class="btn primary btn-large">View project on GitHub</a>
<a href="./download.html" class="btn btn-large">Customize and download</a>
</p>
<div class="benefits">
<h4>Feature highlights</h4>
<ul>
<li><span>&#10004;</span> Built on LESS</li>
<li><span>&#10004;</span> Complete styleguide docs</li>
<li><span>&#10004;</span> Complete style guide docs</li>
<li><span>&#10004;</span> Fully responsive design</li>
<li><span>&#10004;</span> Small footprint (10kb gzipped)</li>
<li><span>&#10004;</span> Support for IE7 and up</li>
......@@ -88,11 +88,9 @@
</ul>
</div>
</div>
</header>
<ul class="quick-links">
<li><strong>Quick links</strong></li>
<li><a href="https://github.com/twitter/bootstrap/">GitHub</a></li>
<li><a href="https://github.com/twitter/bootstrap/">GitHub repo</a></li>
<li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
<li><a href="https://github.com/twitter/bootstrap/wiki/Roadmap">Roadmap</a></li>
<li><a href="https://github.com/twitter/bootstrap/wiki/Changelog">Changelog</a></li>
......@@ -111,7 +109,9 @@
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://twitter.github.com/bootstrap/" data-count="horizontal" data-via="twbootstrap" data-related="mdo:Creator of Twitter Bootstrap">Tweet</a>
</li>
</ul>
</header>
<hr class="soften">
<div class="marketing">
<h1>Built with Bootstrap.</h1>
......@@ -134,6 +134,8 @@
</li>
</ul>
<hr class="soften">
<h1>Designed for everyone, everywhere.</h1>
<p class="marketing-byline">Need reasons to love Bootstrap? Look no further.</p>
<div class="row">
......@@ -210,6 +212,7 @@
</div>
</div><!--/row-->
<hr class="soften">
<!-- Quickstart options
================================================== -->
......@@ -243,6 +246,7 @@
</div><!-- /.marketing -->
</div><!-- /#overview -->
<!-- Footer
================================================== -->
<footer class="footer">
......@@ -255,9 +259,11 @@
</div><!-- /container -->
<!-- Le javascript -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- <script src="http://code.jquery.com/jquery-1.7.min.js"></script> -->
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script src="../js/tests/vendor/jquery.js"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script src="../js/bootstrap-transition.js"></script>
......
docs/javascript.html
View file @ 0ef4b641
......@@ -27,6 +27,7 @@
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
================================================== -->
<div class="navbar navbar-fixed">
......@@ -1356,6 +1357,7 @@ $('.myCarousel').carousel({
</div>
</div>
</section>
<!-- Footer
================================================== -->
<footer class="footer">
......@@ -1368,9 +1370,11 @@ $('.myCarousel').carousel({
</div><!-- /container -->
<!-- Le javascript -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- <script src="http://code.jquery.com/jquery-1.7.min.js"></script> -->
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script src="../js/tests/vendor/jquery.js"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script src="../js/bootstrap-transition.js"></script>
......
docs/less.html
View file @ 0ef4b641
......@@ -27,6 +27,7 @@
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
================================================== -->
<div class="navbar navbar-fixed">
......@@ -301,8 +302,8 @@
<table class="table table-bordered table-striped">
<tbody>
<tr>
<td class="span3"><code>@primaryButtonColor</code></td>
<td><code>@blue</code></td>
<td class="span3"><code>@primaryButtonBackground</code></td>
<td><code>@linkColor</code></td>
</tr>
</tbody>
</table>
......@@ -755,6 +756,7 @@
</div><!-- /row -->
</section>
<!-- Footer
================================================== -->
<footer class="footer">
......@@ -767,9 +769,11 @@
</div><!-- /container -->
<!-- Le javascript -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- <script src="http://code.jquery.com/jquery-1.7.min.js"></script> -->
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script src="../js/tests/vendor/jquery.js"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script src="../js/bootstrap-transition.js"></script>
......
docs/scaffolding.html
View file @ 0ef4b641
......@@ -27,6 +27,7 @@
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
================================================== -->
<div class="navbar navbar-fixed">
......@@ -379,6 +380,7 @@
</div>
</div>
</section>
<!-- Footer
================================================== -->
<footer class="footer">
......@@ -391,9 +393,11 @@
</div><!-- /container -->
<!-- Le javascript -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- <script src="http://code.jquery.com/jquery-1.7.min.js"></script> -->
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script src="../js/tests/vendor/jquery.js"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script src="../js/bootstrap-transition.js"></script>
......
docs/templates/layout.mustache
View file @ 0ef4b641
......@@ -27,6 +27,7 @@
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
================================================== -->
<div class="navbar navbar-fixed">
......@@ -64,6 +65,7 @@
{{>body}}
<!-- Footer
================================================== -->
<footer class="footer">
......@@ -76,9 +78,11 @@
</div><!-- /container -->
<!-- Le javascript -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- <script src="http://code.jquery.com/jquery-1.7.min.js"></script> -->
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script src="../js/tests/vendor/jquery.js"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script src="../js/bootstrap-transition.js"></script>
......
docs/templates/pages/base-css.mustache
View file @ 0ef4b641
This diff is collapsed.
docs/templates/pages/index.mustache
View file @ 0ef4b641
......@@ -4,18 +4,17 @@
================================================== -->
<header class="jumbotron masthead">
<div class="inner">
<h1>{{_i}}Bootstrap,<br> from Twitter{{/i}}</h1>
<p class="lead">{{_i}}Bootstrap is a responsive frontend toolkit from Twitter designed to kickstart web development, featuring HTML, CSS, and JS for dozens of base elements and common design components.{{/i}}</p>
<h1>{{_i}}Twitter Bootstrap{{/i}}</h1>
<p class="lead">{{_i}}Bootstrap is a comprehensive front-end toolkit from Twitter designed to kickstart web development. It features HTML, CSS, and JS for dozens of base elements, commonly used design components, and more.{{/i}}</p>
<p class="download-info">
<a href="https://github.com/twitter/bootstrap/" class="btn primary btn-large">{{_i}}View on GitHub{{/i}}</a>
<a href="./download.html" class="btn btn-large">{{_i}}Customize and Download{{/i}}</a>
<a href="https://github.com/twitter/bootstrap/" class="btn primary btn-large">{{_i}}View project on GitHub{{/i}}</a>
<a href="./download.html" class="btn btn-large">{{_i}}Customize and download{{/i}}</a>
</p>
<div class="benefits">
<h4>{{_i}}Feature highlights{{/i}}</h4>
<ul>
<li><span>&#10004;</span> {{_i}}Built on LESS{{/i}}</li>
<li><span>&#10004;</span> {{_i}}Complete styleguide docs{{/i}}</li>
<li><span>&#10004;</span> {{_i}}Complete style guide docs{{/i}}</li>
<li><span>&#10004;</span> {{_i}}Fully responsive design{{/i}}</li>
<li><span>&#10004;</span> {{_i}}Small footprint (10kb gzipped){{/i}}</li>
<li><span>&#10004;</span> {{_i}}Support for IE7 and up{{/i}}</li>
......@@ -24,11 +23,9 @@
</ul>
</div>
</div>
</header>
<ul class="quick-links">
<li><strong>{{_i}}Quick links{{/i}}</strong></li>
<li><a href="https://github.com/twitter/bootstrap/">GitHub</a></li>
<li><a href="https://github.com/twitter/bootstrap/">GitHub repo</a></li>
<li><a href="https://github.com/twitter/bootstrap/issues?state=open">{{_i}}Issues{{/i}}</a></li>
<li><a href="https://github.com/twitter/bootstrap/wiki/Roadmap">{{_i}}Roadmap{{/i}}</a></li>
<li><a href="https://github.com/twitter/bootstrap/wiki/Changelog">{{_i}}Changelog{{/i}}</a></li>
......@@ -47,7 +44,9 @@
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://twitter.github.com/bootstrap/" data-count="horizontal" data-via="twbootstrap" data-related="mdo:Creator of Twitter Bootstrap">Tweet</a>
</li>
</ul>
</header>
<hr class="soften">
<div class="marketing">
<h1>{{_i}}Built with Bootstrap.{{/i}}</h1>
......@@ -70,6 +69,8 @@
</li>
</ul>
<hr class="soften">
<h1>{{_i}}Designed for everyone, everywhere.{{/i}}</h1>
<p class="marketing-byline">{{_i}}Need reasons to love Bootstrap? Look no further.{{/i}}</p>
<div class="row">
......@@ -146,6 +147,7 @@
</div>
</div><!--/row-->
<hr class="soften">
<!-- Quickstart options
================================================== -->
......
docs/templates/pages/less.mustache
View file @ 0ef4b641
......@@ -237,8 +237,8 @@
<table class="table table-bordered table-striped">
<tbody>
<tr>
<td class="span3"><code>@primaryButtonColor</code></td>
<td><code>@blue</code></td>
<td class="span3"><code>@primaryButtonBackground</code></td>
<td><code>@linkColor</code></td>
</tr>
</tbody>
</table>
......
docs/upgrading.html
View file @ 0ef4b641
......@@ -27,6 +27,7 @@
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
================================================== -->
<div class="navbar navbar-fixed">
......@@ -148,6 +149,7 @@
</li>
-->
</ul>
<!-- Footer
================================================== -->
<footer class="footer">
......@@ -160,9 +162,11 @@
</div><!-- /container -->
<!-- Le javascript -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- <script src="http://code.jquery.com/jquery-1.7.min.js"></script> -->
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script src="../js/tests/vendor/jquery.js"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script src="../js/bootstrap-transition.js"></script>
......
lib/buttons.less
View file @ 0ef4b641
......@@ -59,7 +59,7 @@
&.primary {
color: @white;
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
.gradientBar(@blue, @blueDark)
.gradientBar(@primaryButtonBackground, spin(@primaryButtonBackground, 15));
}
// Transitions
......
lib/forms.less
View file @ 0ef4b641
......@@ -133,10 +133,16 @@ input[type=image] {
.box-shadow(none);
}
// Make textarea height behave
textarea {
height: auto;
}
// Hidden inputs
input[type=hidden] {
display: none;
}
// CHECKBOXES & RADIOS
......
lib/mixins.less
View file @ 0ef4b641
......@@ -134,12 +134,14 @@
// Border Radius
.border-radius(@radius: 5px) {
-webkit-border-radius: @radius;
-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;
}
......@@ -179,6 +181,7 @@
// Heads up: FF 3.6 and under need "padding" instead of "padding-box"
.background-clip(@clip) {
-webkit-background-clip: @clip;
-moz-background-clip: @clip;
background-clip: @clip;
}
......
lib/variables.less
View file @ 0ef4b641
......@@ -45,7 +45,7 @@
@baseLineHeight: 18px;
// Buttons
@primaryButtonColor: @blue;
@primaryButtonBackground: @linkColor;
......
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