UNPKG

tm-ng-odometer

Version:

TmNgOdometer: An Angular library for animated numeric counters with precise decimal handling, customizable themes, and odometer-style animations.

5 lines (4 loc) 4.59 kB
/** * Created: 2017-02-23 by Jose Andres */ export declare const PLAZA_THEME = "\n .odometer.odometer-auto-theme,\n .odometer.odometer-theme-plaza {\n display: inline-block;\n vertical-align: middle;\n position: relative;\n }\n .odometer.odometer-auto-theme .odometer-digit,\n .odometer.odometer-theme-plaza .odometer-digit {\n display: inline-block;\n vertical-align: middle;\n position: relative;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,\n .odometer.odometer-theme-plaza .odometer-digit .odometer-digit-spacer {\n display: inline-block;\n vertical-align: middle;\n visibility: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,\n .odometer.odometer-theme-plaza .odometer-digit .odometer-digit-inner {\n text-align: left;\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,\n .odometer.odometer-theme-plaza .odometer-digit .odometer-ribbon {\n display: block;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,\n .odometer.odometer-theme-plaza .odometer-digit .odometer-ribbon-inner {\n display: block;\n -webkit-backface-visibility: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-value,\n .odometer.odometer-theme-plaza .odometer-digit .odometer-value {\n display: block;\n -webkit-transform: translateZ(0);\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,\n .odometer.odometer-theme-plaza .odometer-digit .odometer-value.odometer-last-value {\n position: absolute;\n }\n .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,\n .odometer.odometer-theme-plaza.odometer-animating-up .odometer-ribbon-inner {\n -webkit-transition: -webkit-transform 2s;\n -moz-transition: -moz-transform 2s;\n -ms-transition: -ms-transform 2s;\n -o-transition: -o-transform 2s;\n transition: transform 2s;\n }\n .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,\n .odometer.odometer-theme-plaza.odometer-animating-up.odometer-animating .odometer-ribbon-inner {\n -webkit-transform: translateY(-100%);\n -moz-transform: translateY(-100%);\n -ms-transform: translateY(-100%);\n -o-transform: translateY(-100%);\n transform: translateY(-100%);\n }\n .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,\n .odometer.odometer-theme-plaza.odometer-animating-down .odometer-ribbon-inner {\n -webkit-transform: translateY(-100%);\n -moz-transform: translateY(-100%);\n -ms-transform: translateY(-100%);\n -o-transform: translateY(-100%);\n transform: translateY(-100%);\n }\n .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,\n .odometer.odometer-theme-plaza.odometer-animating-down.odometer-animating .odometer-ribbon-inner {\n -webkit-transition: -webkit-transform 2s;\n -moz-transition: -moz-transform 2s;\n -ms-transition: -ms-transform 2s;\n -o-transition: -o-transform 2s;\n transition: transform 2s;\n -webkit-transform: translateY(0);\n -moz-transform: translateY(0);\n -ms-transform: translateY(0);\n -o-transform: translateY(0);\n transform: translateY(0);\n }\n .odometer.odometer-auto-theme,\n .odometer.odometer-theme-plaza {\n -moz-border-radius: 0.15em;\n -webkit-border-radius: 0.15em;\n border-radius: 0.15em;\n background-color: #f0f8ff;\n font-family: \"Helvetica Neue\", sans-serif;\n font-weight: 100;\n padding: 0 0.12em;\n line-height: 1.2em;\n font-size: 1.2em;\n background-size: 16px 16px;\n }\n .odometer.odometer-auto-theme .odometer-digit,\n .odometer.odometer-theme-plaza .odometer-digit {\n -moz-border-radius: 0.1em;\n -webkit-border-radius: 0.1em;\n border-radius: 0.1em;\n padding: 0 0.03em;\n color: #648baf;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,\n .odometer.odometer-theme-plaza .odometer-digit .odometer-digit-inner {\n left: 0.03em;\n }\n";