Nice login style

This commit is contained in:
Max Lynch
2013-09-09 19:56:12 -05:00
parent 78ab65c2b7
commit 30718279a5
7 changed files with 70 additions and 6 deletions

View File

@ -65,13 +65,14 @@ $darkColor: #333;
// Buttons
// -------------------------------
$buttonColor: #222;
$buttonPadding: 4px 12px;
$buttonPadding: 12px 12px;
$buttonClearPadding: 10px 0px;
$buttonBorderRadius: 2px;
$buttonBorderWidth: 1px;
$buttonFontSize: 16px;
// Button block that has spacing
$buttonBlockMargin: 0 0 10px 0;
$buttonBlockMargin: 10px 0 10px 0;
$buttonDefaultBackground: #fff;
$buttonDefaultBackgroundActive: #eee;

View File

@ -36,6 +36,7 @@ body {
overflow: auto;
right: 0;
left: 0;
bottom: 0;
}
/* Hack to force all relatively and absolutely positioned elements still render while scrolling
Note: This is a bug for "-webkit-overflow-scrolling: touch" (via ratchet) */

View File

@ -9,5 +9,6 @@
&.button-block {
margin: $buttonBlockMargin;
display: block;
width: 100%;
}
}

View File

@ -4,6 +4,7 @@
border-width: $buttonBorderWidth;
border-style: solid;
padding: $buttonPadding;
font-size: $buttonFontSize;
&.button-default {
@include button-style($buttonDefaultBackground, $buttonDefaultBorder, $darkColor);