Skip to content

Instantly share code, notes, and snippets.

@asimmon
Created November 20, 2015 14:21
Show Gist options
  • Save asimmon/1b15b6ed2c988143a126 to your computer and use it in GitHub Desktop.
Save asimmon/1b15b6ed2c988143a126 to your computer and use it in GitHub Desktop.
Centered login form with Ionic Framework CSS
#login {
background: #1c2627 url("../img/login_bg.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
.scroll-content {
display: table !important;
width: 100% !important;
height: 100% !important;
form {
display: table-cell;
vertical-align: middle;
.header {
padding-bottom: 20px;
img {
display: block;
width: 80%;
margin: 0 auto;
}
}
.button.button-light.active, .button.button-light.activated {
color: #fff;
opacity: inherit;
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment