com.phloxui/styles/defaults.less

PhloxUI Ng2+ Framework

@DEFAULT_SHADOW_HLEN: 0;
@DEFAULT_SHADOW_VLEN: 2;
@DEFAULT_SHADOW_BLUR: 2;
@DEFAULT_SHADOW_SPREAD: 0;
@DEFAULT_SHADOW_COLOR: #454545;
@DEFAULT_SHADOW_OPACITY: 0.1;

@DEFAULT_ROUNDED_CORNER_CIRCLE_PERCENT: 15%;
@DEFAULT_ROUNDED_CORNER_ELLIPTIC_X_PERCENT: 25%;
@DEFAULT_ROUNDED_CORNER_ELLIPTIC_Y_PERCENT: 35%;

@DEFAULT_TRANSITION_PROP: "all";
@DEFAULT_TRANSITION_DURATION: 0.3s;
@DEFAULT_TRANSITION_TIMING_FUNCTION: "ease-in-out";
@DEFAULT_TRANSITION_DELAY: 0s;

@DEFAULT_RIPPLE_EFFECT_FROM_TRANSFORM_SCALE: 1;
@DEFAULT_RIPPLE_EFFECT_FROM_OPACITY: 0.4;
@DEFAULT_RIPPLE_EFFECT_TO_TRANSFORM_SCALE: 100;
@DEFAULT_RIPPLE_EFFECT_TO_OPACITY: 0;
@DEFAULT_RIPPLE_EFFECT_BG: #fff;
@DEFAULT_RIPPLE_EFFECT_WIDTH: 25%;
@DEFAULT_RIPPLE_EFFECT_HEIGHT: 25%;

@DEFAULT_SIDE_NAV_TRANSITION_DURATION: 0.5s;
@DEFAULT_SIDE_NAV_TRANSITION_TIMING_FUNCTION: "ease-in-out";
@DEFAULT_SIDE_NAV_WIDTH: 250px;
@DEFAULT_SIDE_NAV_Z_INDEX: 1000;
@DEFAULT_SIDE_NAV_BG: #fff;

@DEFAULT_ARROW_SIZE: 5pt;
@DEFAULT_ARROW_COLOR: black;

@DEFAULT_BLINK_DURATION: 0.1s;
@DEFAULT_BLINK_COUNT: infinite;

@DEFAULT_SEARCH_MULTI_DROPDOWN_HEIGHT: 20pt;

@DEFAULT_DATA_LANG_SELECTOR_WIDTH: 100%;
@DEFAULT_DATA_LANG_SELECTOR_HEIGHT: 200pt;