cargdev/angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(button): dramatically clean-up button css.

Browse Source
This commit is contained in:
Jeremy Elbourn
2015-07-30 17:25:32 -07:00
parent 7b94bbf3e4
commit 21e2f3c1db
6 changed files with 149 additions and 330 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
modules/angular2_material/src/core/style/shadows.scss
View File

@ -1,9 +1,5 @@
// Elements can have an "elevation" from 1 to 5, signified by shadows.
// See http://google.com/design/spec/what-is-material/objects-in-3d-space.html
.md-shadow-bottom-z-1 {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.md-shadow-bottom-z-2 {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}
$md-shadow-bottom-z-1: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
$md-shadow-bottom-z-2: 0 4px 8px 0 rgba(0, 0, 0, 0.4);

6
modules/angular2_material/src/core/style/theme-functions.scss
View File

@ -2,6 +2,12 @@
// md-palette: used for defining your theme in terms of Material hues.
// md-color: apply colors to components from the palette. Consumes the output of md-palette
// Implement the rem unit with SCSS so we don't have to actually set a font-size on
// the user's body element.
@function rem($multiplier) {
$font-size: 10px;
@return $multiplier * $font-size;
}
// For a given hue in a palette, return the contrast color from the map of contrast palettes.
@function md-contrast($color-map, $hue, $contrast-color-map) {

5
modules/angular2_material/src/core/style/variables.scss
View File

@ -1,3 +1,5 @@
@import 'theme-functions';
// Font
$font-family: RobotoDraft, Roboto, 'Helvetica Neue', sans-serif !default;
@ -9,6 +11,9 @@ $layout-breakpoint-md: 960px !default;
$layout-breakpoint-lg: 1200px !default;
$layout-gutter-width: ($baseline-grid * 2) !default;
// Typography
$md-body-font-size-base: rem(1.400) !default;
// App bar variables
$app-bar-height: 64px;