mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-07 06:57:02 +08:00
Nice login style
This commit is contained in:
@ -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;
|
||||
|
||||
@ -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) */
|
||||
|
||||
@ -9,5 +9,6 @@
|
||||
&.button-block {
|
||||
margin: $buttonBlockMargin;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@ -4,6 +4,7 @@
|
||||
border-width: $buttonBorderWidth;
|
||||
border-style: solid;
|
||||
padding: $buttonPadding;
|
||||
font-size: $buttonFontSize;
|
||||
|
||||
&.button-default {
|
||||
@include button-style($buttonDefaultBackground, $buttonDefaultBorder, $darkColor);
|
||||
|
||||
Reference in New Issue
Block a user