change font, buttons, fab style to match google guides

This commit is contained in:
Jordan Davis 2014-10-10 23:34:29 -07:00
parent eb116a89b6
commit 1e6716650a
10 changed files with 17856 additions and 5218 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

5453
dist/css/material.css vendored

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

19
dist/css/ripples.css vendored
View File

@ -1,6 +1,6 @@
.withripple { .withripple {
position: relative; } position: relative;
}
.ripple-wrapper { .ripple-wrapper {
position: absolute; position: absolute;
top: 0; top: 0;
@ -9,8 +9,8 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
border-radius: 2px; } border-radius: 2px;
}
.ripple { .ripple {
position: absolute; position: absolute;
width: 20px; width: 20px;
@ -26,14 +26,15 @@
-ms-transform-origin: 50%; -ms-transform-origin: 50%;
transform-origin: 50%; transform-origin: 50%;
opacity: 0; opacity: 0;
pointer-events: none; } pointer-events: none;
}
.ripple.ripple-on { .ripple.ripple-on {
-webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; -webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
opacity: 1; } opacity: 1;
}
.ripple.ripple-out { .ripple.ripple-out {
-webkit-transition: opacity 0.1s linear 0s !important; -webkit-transition: opacity 0.1s linear 0s !important;
transition: opacity 0.1s linear 0s !important; transition: opacity 0.1s linear 0s !important;
opacity: 0; } opacity: 0;
}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
.withripple { .withripple {
position: relative; } position: relative;
}
.ripple-wrapper { .ripple-wrapper {
position: absolute; position: absolute;
top: 0; top: 0;
@ -9,8 +9,8 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
border-radius: 2px; } border-radius: 2px;
}
.ripple { .ripple {
position: absolute; position: absolute;
width: 20px; width: 20px;
@ -26,14 +26,15 @@
-ms-transform-origin: 50%; -ms-transform-origin: 50%;
transform-origin: 50%; transform-origin: 50%;
opacity: 0; opacity: 0;
pointer-events: none; } pointer-events: none;
}
.ripple.ripple-on { .ripple.ripple-on {
-webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; -webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
opacity: 1; } opacity: 1;
}
.ripple.ripple-out { .ripple.ripple-out {
-webkit-transition: opacity 0.1s linear 0s !important; -webkit-transition: opacity 0.1s linear 0s !important;
transition: opacity 0.1s linear 0s !important; transition: opacity 0.1s linear 0s !important;
opacity: 0; } opacity: 0;
}