76 lines
1.1 KiB
SCSS
76 lines
1.1 KiB
SCSS
md-icon {
|
|
width:50%;height:50%
|
|
}
|
|
|
|
md-icon svg {
|
|
-webkit-border-radius: 50%;
|
|
-moz-border-radius: 50%;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.s64 {
|
|
font-size:64px;
|
|
}
|
|
|
|
.s32 {
|
|
|
|
font-size:48px;
|
|
|
|
}
|
|
|
|
md-icon.fa {
|
|
display:block;
|
|
padding-left:0px;
|
|
}
|
|
|
|
md-icon.s32 span {
|
|
padding-left:8px;
|
|
}
|
|
|
|
md-grid-list {
|
|
margin: 8px; }
|
|
.gray {
|
|
background: #f5f5f5; }
|
|
.green {
|
|
background: #b9f6ca; }
|
|
.yellow {
|
|
background: #ffff8d; }
|
|
.blue {
|
|
background: #84ffff; }
|
|
.darkBlue {
|
|
background: #80d8ff; }
|
|
.deepBlue {
|
|
background: #448aff; }
|
|
.purple {
|
|
background: #b388ff; }
|
|
.lightPurple {
|
|
background: #8c9eff; }
|
|
.red {
|
|
background: #ff8a80; }
|
|
.pink {
|
|
background: #ff80ab; }
|
|
|
|
md-grid-tile {
|
|
-webkit-transition: all 500ms ease-out 100ms;
|
|
-moz-transition: all 500ms ease-out 100ms;
|
|
-o-transition: all 500ms ease-out 100ms;
|
|
transition: all 500ms ease-out 100ms;
|
|
}
|
|
|
|
md-grid-tile md-grid-tile-footer {
|
|
background: rgba(0,0,0,.68);
|
|
height: 36px;
|
|
|
|
}
|
|
|
|
md-grid-tile-footer figcaption {
|
|
width:100%;
|
|
}
|
|
|
|
md-grid-tile-footer figcaption h3 {
|
|
margin:0px;
|
|
font-weight:700;
|
|
width:100%;
|
|
text-align:center;
|
|
}
|