<label>@link-color-hover</label>
<input type="text" class="span3" placeholder="darken(@link-color, 15%)">
- <h3>Sprites</h3>
- <label>@iconSpritePath</label>
- <input type="text" class="span3" placeholder="'../img/glyphicons-halflings.png'">
- <label>@iconWhiteSpritePath</label>
- <input type="text" class="span3" placeholder="'../img/glyphicons-halflings-white.png'">
-
<h3>Grid system</h3>
<label>@gridColumns</label>
<input type="text" class="span3" placeholder="12">
<label>@link-color-hover</label>
<input type="text" class="span3" placeholder="darken(@link-color, 15%)">
- <h3>{{_i}}Sprites{{/i}}</h3>
- <label>@iconSpritePath</label>
- <input type="text" class="span3" placeholder="'../img/glyphicons-halflings.png'">
- <label>@iconWhiteSpritePath</label>
- <input type="text" class="span3" placeholder="'../img/glyphicons-halflings-white.png'">
-
<h3>{{_i}}Grid system{{/i}}</h3>
<label>@gridColumns</label>
<input type="text" class="span3" placeholder="12">
position: absolute;
top: 100%;
left: 0;
- z-index: @zindexDropdown;
+ z-index: @zindex-dropdown;
display: none; // none by default, but block on "open" of the menu
float: left;
min-width: 160px;
right: 0;
bottom: 0;
left: 0;
- z-index: @zindexModalBackdrop;
+ z-index: @zindex-modal-background;
background-color: @black;
// Fade for backdrop
&.fade { opacity: 0; }
position: fixed;
top: 10%;
left: 50%;
- z-index: @zindexModal;
+ z-index: @zindex-modal;
width: 560px;
margin-left: -280px;
background-color: #fff;
position: fixed;
right: 0;
left: 0;
- z-index: @zindexFixedNavbar;
+ z-index: @zindex-navbar-fixed;
margin-bottom: 0; // remove 18px margin for default navbar
border-width: 0 0 1px;
padding-left: 0;
position: absolute;
top: 0;
left: 0;
- z-index: @zindexPopover;
+ z-index: @zindex-popover;
display: none;
width: 236px;
padding: 1px;
// Base class
.tooltip {
position: absolute;
- z-index: @zindexTooltip;
+ z-index: @zindex-tooltip;
display: block;
visibility: visible;
padding: 5px;
// -------------------------
// Used for a bird's eye view of components dependent on the z-axis
// Try to avoid customizing these :)
-@zindexDropdown: 1000;
-@zindexPopover: 1010;
-@zindexTooltip: 1030;
-@zindexFixedNavbar: 1030;
-@zindexModalBackdrop: 1040;
-@zindexModal: 1050;
-
-
-// Sprite icons path
-// -------------------------
-@iconSpritePath: "../img/glyphicons-halflings.png";
-@iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
-
+@zindex-dropdown: 1000;
+@zindex-popover: 1010;
+@zindex-tooltip: 1030;
+@zindex-navbar-fixed: 1030;
+@zindex-modal-background: 1040;
+@zindex-modal: 1050;
// Input placeholder text color
// -------------------------