angular-farol-components
Version:
Farol Components for AngularJS
176 lines (139 loc) • 3.8 kB
CSS
.frl-data-rower .loading {
font-size: 30px; }
.frl-data-rower .loading:after {
overflow: hidden;
display: inline-block;
vertical-align: bottom;
-webkit-animation: ellipsis steps(4, end) 900ms infinite;
animation: ellipsis steps(4, end) 900ms infinite;
content: "\2026";
/* ascii code for the ellipsis character */
width: 0px; }
@keyframes ellipsis {
to {
width: 1.25em; } }
@-webkit-keyframes ellipsis {
to {
width: 1.25em; } }
.frl-data-rower .load-failled {
color: red; }
.frl-data-tabber .wraparound {
border: 2px solid lightgray;
padding: 16px; }
.frl-data-tabber .loading {
font-size: 30px; }
.frl-data-tabber .loading:after {
overflow: hidden;
display: inline-block;
vertical-align: bottom;
-webkit-animation: ellipsis steps(4, end) 900ms infinite;
animation: ellipsis steps(4, end) 900ms infinite;
content: "\2026";
/* ascii code for the ellipsis character */
width: 0px; }
@keyframes ellipsis {
to {
width: 1.25em; } }
@-webkit-keyframes ellipsis {
to {
width: 1.25em; } }
.frl-data-tabber .load-failled {
color: red; }
.frl-definition-rower .loading {
font-size: 30px; }
.frl-definition-rower .loading:after {
overflow: hidden;
display: inline-block;
vertical-align: bottom;
-webkit-animation: ellipsis steps(4, end) 900ms infinite;
animation: ellipsis steps(4, end) 900ms infinite;
content: "\2026";
/* ascii code for the ellipsis character */
width: 0px; }
@keyframes ellipsis {
to {
width: 1.25em; } }
@-webkit-keyframes ellipsis {
to {
width: 1.25em; } }
.frl-definition-rower .load-failled {
color: red; }
.frl-definition-tabber .loading {
font-size: 30px; }
.frl-definition-tabber .loading:after {
overflow: hidden;
display: inline-block;
vertical-align: bottom;
-webkit-animation: ellipsis steps(4, end) 900ms infinite;
animation: ellipsis steps(4, end) 900ms infinite;
content: '\2026';
/* ascii code for the ellipsis character */
width: 0px; }
@keyframes ellipsis {
to {
width: 1.25em; } }
@-webkit-keyframes ellipsis {
to {
width: 1.25em; } }
.frl-definition-tabber .load-failled {
color: red; }
.frl-field-router .loading {
font-size: 30px; }
.frl-field-router .loading:after {
overflow: hidden;
display: inline-block;
vertical-align: bottom;
-webkit-animation: ellipsis steps(4, end) 900ms infinite;
animation: ellipsis steps(4, end) 900ms infinite;
content: "\2026";
/* ascii code for the ellipsis character */
width: 0px; }
@keyframes ellipsis {
to {
width: 1.25em; } }
@-webkit-keyframes ellipsis {
to {
width: 1.25em; } }
.frl-field-router .load-failled {
color: red; }
.frl-field-select .loading {
font-size: 30px; }
.frl-field-select .loading:after {
overflow: hidden;
display: inline-block;
vertical-align: bottom;
-webkit-animation: ellipsis steps(4, end) 900ms infinite;
animation: ellipsis steps(4, end) 900ms infinite;
content: "\2026";
/* ascii code for the ellipsis character */
width: 0px; }
@keyframes ellipsis {
to {
width: 1.25em; } }
@-webkit-keyframes ellipsis {
to {
width: 1.25em; } }
.frl-field-select .load-failled {
color: red; }
.frl-data-tabber .wraparound {
border: 2px solid lightgray;
padding: 16px; }
.frl-data-tabber .loading {
font-size: 30px; }
.frl-data-tabber .loading:after {
overflow: hidden;
display: inline-block;
vertical-align: bottom;
-webkit-animation: ellipsis steps(4, end) 900ms infinite;
animation: ellipsis steps(4, end) 900ms infinite;
content: "\2026";
/* ascii code for the ellipsis character */
width: 0px; }
@keyframes ellipsis {
to {
width: 1.25em; } }
@-webkit-keyframes ellipsis {
to {
width: 1.25em; } }
.frl-data-tabber .load-failled {
color: red; }