@ubidots/vulcanui
Version:
React UI components library from Ubidots
1 lines • 3.81 kB
CSS
._1u2vnxu8{--_1u2vnxu3:var(--vui-spaces-14);--_1u2vnxu4:var(--vui-spaces-10);--_1u2vnxu5:calc(var(--_1u2vnxu4)*0.75);--_1u2vnxu6:calc((var(--_1u2vnxu4) - var(--_1u2vnxu5))/2);--_1u2vnxu7:calc(var(--_1u2vnxu5)*1.15);-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:var(--vui-radii-full);cursor:pointer;display:inline-flex;height:var(--vui-spaces-10);height:var(--_1u2vnxu4);justify-content:space-between;margin:0;overflow:hidden;padding:0;position:relative;transition:var(--vui-transitions-normal);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:var(--vui-spaces-14);width:var(--_1u2vnxu3)}._1u2vnxu8:active{scale:.95}._1u2vnxu9{background-color:var(--vui-colors-content-1);border-radius:var(--vui-radii-full);display:inline-block;height:var(--_1u2vnxu5);left:0;position:absolute;top:var(--_1u2vnxu6);-webkit-transform:translateX(var(--_1u2vnxu6));transform:translateX(var(--_1u2vnxu6));transition:var(--vui-transitions-normal);width:var(--_1u2vnxu5);z-index:var(--vui-zIndices-1)}._1u2vnxub{-webkit-transform:translateX(calc(var(--_1u2vnxu3) - var(--_1u2vnxu5) - var(--_1u2vnxu6)));transform:translateX(calc(var(--_1u2vnxu3) - var(--_1u2vnxu5) - var(--_1u2vnxu6)))}._1u2vnxu8:active ._1u2vnxub{-webkit-transform:translateX(calc(var(--_1u2vnxu3) - var(--_1u2vnxu7) - var(--_1u2vnxu6)));transform:translateX(calc(var(--_1u2vnxu3) - var(--_1u2vnxu7) - var(--_1u2vnxu6)));width:var(--_1u2vnxu7)}._1u2vnxuc{-webkit-transform:translateX(var(--_1u2vnxu6));transform:translateX(var(--_1u2vnxu6))}._1u2vnxu8:active ._1u2vnxuc{width:var(--_1u2vnxu7)}._1u2vnxuf{background-color:var(--vui-colors-default-200)}._1u2vnxug{background-color:var(--_1u2vnxu0);height:var(--vui-spaces-full);left:0;position:absolute;top:0;transition:var(--vui-transitions-normal);width:var(--vui-spaces-full);z-index:0}._1u2vnxui{-webkit-transform:translateX(0);transform:translateX(0)}._1u2vnxuj{-webkit-transform:translateX(-100%);transform:translateX(-100%)}._1u2vnxu8:hover ._1u2vnxum{background-color:var(--_1u2vnxu1,var(--_1u2vnxu0))}._1u2vnxu8:active ._1u2vnxum{background-color:var(--_1u2vnxu2,var(--_1u2vnxu0))}._1u2vnxun{--_1u2vnxu0:var(--vui-colors-default-500);--_1u2vnxu1:var(--vui-colors-default-400);--_1u2vnxu2:var(--vui-colors-default-500);--m42qst0:var(--vui-colors-default-100)}._1u2vnxuo{--_1u2vnxu0:var(--vui-colors-primary-500);--_1u2vnxu1:var(--vui-colors-primary-400);--_1u2vnxu2:var(--vui-colors-primary-500);--m42qst0:var(--vui-colors-primary-100)}._1u2vnxup{--_1u2vnxu0:var(--vui-colors-secondary-500);--_1u2vnxu1:var(--vui-colors-secondary-400);--_1u2vnxu2:var(--vui-colors-secondary-500);--m42qst0:var(--vui-colors-secondary-100)}._1u2vnxuq{--_1u2vnxu0:var(--vui-colors-success-500);--_1u2vnxu1:var(--vui-colors-success-400);--_1u2vnxu2:var(--vui-colors-success-500);--m42qst0:var(--vui-colors-secondary-100)}._1u2vnxur{--_1u2vnxu0:var(--vui-colors-danger-500);--_1u2vnxu1:var(--vui-colors-danger-400);--_1u2vnxu2:var(--vui-colors-danger-500);--m42qst0:var(--vui-colors-danger-100)}._1u2vnxus{--_1u2vnxu0:var(--vui-colors-warning-500);--_1u2vnxu1:var(--vui-colors-warning-400);--_1u2vnxu2:var(--vui-colors-warning-500);--m42qst0:var(--vui-colors-warning-100)}._1u2vnxut{--_1u2vnxu0:var(--vui-colors-black)}._1u2vnxu12{background-color:var(--vui-colors-transparent)}._1u2vnxu12:before{border-color:var(--vui-colors-default-200);border-radius:var(--vui-radii-full);border-style:solid;border-width:var(--vui-borders-normal);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:var(--vui-transitions-normal)}._1u2vnxu13{background-color:var(--vui-colors-default-200)}._1u2vnxu14{opacity:.5}._1u2vnxu17{background-color:var(--vui-colors-content-1)}._1u2vnxu17:before,._1u2vnxu18:hover:before{border-color:var(--_1u2vnxu0)}