summaryrefslogtreecommitdiff
path: root/amelia/variables.less
diff options
context:
space:
mode:
Diffstat (limited to 'amelia/variables.less')
-rwxr-xr-xamelia/variables.less27
1 files changed, 24 insertions, 3 deletions
diff --git a/amelia/variables.less b/amelia/variables.less
index da208eb9..2f4c1215 100755
--- a/amelia/variables.less
+++ b/amelia/variables.less
@@ -1,8 +1,8 @@
+// Amelia 2.2.1
// Variables
-// Swatch: Amelia
-// Version: 2.1.1
// --------------------------------------------------
+
// Global values
// --------------------------------------------------
@@ -57,6 +57,24 @@
@headingsFontWeight: normal; // instead of browser default, bold
@headingsColor: inherit; // empty to use BS default, @textColor
+
+// Component sizing
+// -------------------------
+// Based on 14px font-size and 20px line-height
+
+@fontSizeLarge: @baseFontSize * 1.25; // ~18px
+@fontSizeSmall: @baseFontSize * 0.85; // ~12px
+@fontSizeMini: @baseFontSize * 0.75; // ~11px
+
+@paddingLarge: 11px 19px; // 44px
+@paddingSmall: 2px 10px; // 26px
+@paddingMini: 1px 6px; // 24px
+
+@baseBorderRadius: 0;
+@borderRadiusLarge: 6px;
+@borderRadiusSmall: 3px;
+
+
// Tables
// -------------------------
@tableBackground: lighten(#147E88, 10%); // overall background-color
@@ -93,9 +111,10 @@
// -------------------------
@inputBackground: @white;
@inputBorder: transparent;
-@inputBorderRadius: 0;
+@inputBorderRadius: @baseBorderRadius;
@inputDisabledBackground: @grayLighter;
@formActionsBackground: transparent;
+@inputHeight: @baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
// Dropdowns
// -------------------------
@@ -116,6 +135,7 @@
// COMPONENT VARIABLES
// --------------------------------------------------
+
// Z-index master list
// -------------------------
// Used for a bird's eye view of components dependent on the z-axis
@@ -157,6 +177,7 @@
// Navbar
// -------------------------
@navbarCollapseWidth: 979px;
+@navbarCollapseDesktopWidth: @navbarCollapseWidth + 1;
@navbarHeight: 50px;
@navbarBackgroundHighlight: @red;