re-org variables

This commit is contained in:
Mark Otto 2012-01-18 00:12:58 -08:00
parent dd4140319a
commit a920fa2993
1 changed files with 41 additions and 51 deletions

View File

@ -3,53 +3,56 @@
// ----------------------------------------------------- // -----------------------------------------------------
// LINK COLORS
// -----------
@linkColor: #08c; // GLOBAL VALUES
@linkColorHover: darken(@linkColor, 15); // --------------------------------------------------
// Links
@linkColor: #08c;
@linkColorHover: darken(@linkColor, 15);
// GRAYS // Grays
// ----- @black: #000;
@grayDark: #333;
@gray: #555;
@grayLight: #999;
@grayLighter: #eee;
@white: #fff;
@black: #000; // Accent colors
@grayDark: #333; @blue: #049CDB;
@gray: #555; @blueDark: #0064CD;
@grayLight: #999; @green: #46a546;
@grayLighter: #eee; @red: #9d261d;
@white: #fff; @yellow: #ffc40d;
@orange: #f89406;
@pink: #c3325f;
// ACCENT COLORS @purple: #7a43b6;
// -------------
@blue: #049CDB;
@blueDark: #0064CD;
@green: #46a546;
@red: #9d261d;
@yellow: #ffc40d;
@orange: #f89406;
@pink: #c3325f;
@purple: #7a43b6;
// GRID
// ----
// Grid system
// Modify the grid styles in mixins.less // Modify the grid styles in mixins.less
@gridColumns: 12; @gridColumns: 12;
@gridColumnWidth: 60px; @gridColumnWidth: 60px;
@gridGutterWidth: 20px; @gridGutterWidth: 20px;
@siteWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)); @siteWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
// Fluid width sidebar // Fluid width sidebar
@fluidSidebarWidth: 220px; @fluidSidebarWidth: 220px;
// Typography
@baseFontSize: 13px;
@baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
@baseLineHeight: 18px;
// Buttons
@primaryButtonColor: @blue;
// Z-INDEX
// -------
// COMPONENT VARIABLES
// --------------------------------------------------
// Z-index master list
// Used for a bird's eye view of components dependent on the z-axis
@zindexDropdown: 1000; @zindexDropdown: 1000;
@zindexPopover: 1010; @zindexPopover: 1010;
@zindexTooltip: 1020; @zindexTooltip: 1020;
@ -57,18 +60,5 @@
@zindexModalBackdrop: 1040; @zindexModalBackdrop: 1040;
@zindexModal: 1050; @zindexModal: 1050;
// Input placeholder text color
// THEME VARIABLES
// ---------------
// Typography
@baseFontSize: 13px;
@baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
@baseLineHeight: 18px;
// Visuals
@primaryButtonColor: @blue;
@placeHolderText: @grayLight; @placeHolderText: @grayLight;