Permalink
Browse files

Step 19.8: Added CSS and material theme definition

  • Loading branch information...
1 parent 9db0d80 commit 5aa100a440c9e1284649d0bd142a2a14629cffed @dotansimha dotansimha committed with DAB0mB Sep 27, 2016
Showing with 12 additions and 20 deletions.
  1. +12 −20 client/main.scss
View
@@ -1,32 +1,24 @@
-@import "./imports/app/colors.scss";
+@import '../node_modules/@angular/material/core/theming/all-theme';
-html, body {
- height: 100%;
+@include md-core();
+$app-primary: md-palette($md-light-blue, 500, 100, 700);
+$app-accent: md-palette($md-pink, A200, A100, A400);
+$app-warn: md-palette($md-red);
+$app-theme: md-light-theme($app-primary, $app-accent, $app-warn);
+@include angular-material-theme($app-theme);
+
+.fill-remaining-space {
+ flex: 1 1 auto;
}
body {
background-color: #f8f8f8;
font-family: 'Muli', sans-serif;
+ padding: 0;
+ margin: 0;
}
.sebm-google-map-container {
width: 450px;
height: 450px;
}
-
-.navbar {
- background-color: #ffffff;
- border-bottom: #eee 1px solid;
- color: $color3;
- font-family: 'Muli', sans-serif;
- a {
- color: $color3;
- text-decoration: none !important;
- }
-
- .navbar-right-container {
- position: absolute;
- top: 17px;
- right: 17px;
- }
-}

0 comments on commit 5aa100a

Please sign in to comment.