2015-05-20 15:31:53 +02:00
|
|
|
/// progressCircular.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
|
2015-04-10 21:37:00 +02:00
|
|
|
@import 'extends';
|
2015-08-25 18:20:46 +02:00
|
|
|
|
|
|
|
.sg-progress-circular-floating {
|
|
|
|
&.ng-hide {
|
|
|
|
transform: translate(-50%, 0) scale(0);
|
|
|
|
}
|
|
|
|
transition: transform .3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
|
|
|
|
position: absolute;
|
|
|
|
top: (10 * $baseline-grid);
|
|
|
|
left: 50%;
|
|
|
|
transform: translate(-50%, 0) scale(1);
|
|
|
|
bottom: auto;
|
|
|
|
background-color: white;
|
|
|
|
border-radius: 50%;
|
2016-03-08 19:20:34 +01:00
|
|
|
padding: $baseline-grid/2;
|
2015-09-21 17:50:47 +02:00
|
|
|
box-shadow: $whiteframe-shadow-3dp;
|
2016-08-02 18:09:11 +02:00
|
|
|
z-index: $z-index-view;
|
2016-03-08 19:20:34 +01:00
|
|
|
md-progress-circular {
|
|
|
|
display: block;
|
|
|
|
}
|
2015-08-25 18:20:46 +02:00
|
|
|
}
|