Skip to content

Instantly share code, notes, and snippets.

@Parithi
Created August 1, 2018 10:13
Show Gist options
  • Save Parithi/e6515ca9bdedfaa861712aba3a306e20 to your computer and use it in GitHub Desktop.
Save Parithi/e6515ca9bdedfaa861712aba3a306e20 to your computer and use it in GitHub Desktop.
CSS For Responsive Login Form using Ionic 4
app-login {
}
$white-color: #fff;
$height100: 100%;
ion-grid {
width:100%;
height: $height100;
background: #dfdfdf;
}
ion-row {
height: $height100;
}
ion-col {
border: 1px solid #488aff;
background: $white-color;
}
ion-button {
font-weight: 300;
}
@media (min-width: 240px) and (max-width: 768px) {
ion-grid {
background: $white-color;
}
ion-col {
border: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment