summaryrefslogtreecommitdiff
path: root/united/variables.less
diff options
context:
space:
mode:
Diffstat (limited to 'united/variables.less')
-rwxr-xr-xunited/variables.less102
1 files changed, 102 insertions, 0 deletions
diff --git a/united/variables.less b/united/variables.less
new file mode 100755
index 00000000..d547e273
--- /dev/null
+++ b/united/variables.less
@@ -0,0 +1,102 @@
+// Variables.less
+// Variables to customize the look and feel of Bootstrap
+// Swatch: United
+// -----------------------------------------------------
+
+
+
+// GLOBAL VALUES
+// --------------------------------------------------
+
+// Links
+@linkColor: #DD4814;
+@linkColorHover: darken(@linkColor, 15%);
+
+// Grays
+@black: #000;
+@grayDarker: #222;
+@grayDark: #333;
+@gray: #555;
+@grayLight: #999;
+@grayLighter: #eee;
+@white: #fff;
+
+// Accent colors
+@blue: #19B6EE;
+@blueDark: #0064cd;
+@green: #38B44A;
+@red: #DF382C;
+@yellow: #EFB73E;
+@orange: #DD4814;
+@pink: #c3325f;
+@purple: #772953;
+
+// Typography
+@baseFontSize: 13px;
+@baseFontFamily: 'Ubuntu', Tahoma, sans-serif;
+@baseLineHeight: 18px;
+@textColor: @grayDark;
+
+// Buttons
+@primaryButtonBackground: @linkColor;
+
+
+
+// COMPONENT VARIABLES
+// --------------------------------------------------
+
+// Z-index master list
+// Used for a bird's eye view of components dependent on the z-axis
+// Try to avoid customizing these :)
+@zindexDropdown: 1000;
+@zindexPopover: 1010;
+@zindexTooltip: 1020;
+@zindexFixedNavbar: 1030;
+@zindexModalBackdrop: 1040;
+@zindexModal: 1050;
+
+// Input placeholder text color
+@placeholderText: @grayLight;
+
+// Navbar
+@navbarHeight: 40px;
+@navbarBackground: #DD4814;
+@navbarBackgroundHighlight: #CE4213;
+
+@navbarText: @white;
+@navbarLinkColor: @white;
+@navbarLinkColorHover: @white;
+
+// Form states and alerts
+@warningText: #ECA918;
+@warningBackground: lighten(@warningText, 40%);
+@warningBorder: darken(spin(@warningBackground, -10), 3%);
+
+@errorText: #DF382C;
+@errorBackground: lighten(@errorText, 40%);
+@errorBorder: darken(spin(@errorBackground, -10), 3%);
+
+@successText: #38B44A;
+@successBackground: lighten(@successText, 40%);
+@successBorder: darken(spin(@successBackground, -10), 5%);
+
+@infoText: #19B6EE;
+@infoBackground: lighten(@infoText, 40%);
+@infoBorder: darken(spin(@infoBackground, -10), 7%);
+
+
+
+// GRID
+// --------------------------------------------------
+
+// Default 940px grid
+@gridColumns: 12;
+@gridColumnWidth: 60px;
+@gridGutterWidth: 20px;
+@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
+
+// Fluid grid
+@fluidGridColumnWidth: 6.382978723%;
+@fluidGridGutterWidth: 2.127659574%;
+
+