| 1 | {"version":3,"sources":["../node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-icon/node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-icon/src/Icon.scss","../src/Message.scss","../node_modules/tinper-bee-core/scss/minxin-themeColors.scss","demolist/Demo1.scss","demolist/Demo2.scss","demolist/Demo3.scss"],"names":[],"mappings":"AAsXA,eAAe;AAWf,iBAAiB;ACXjB,eAAe;AAWf,iBAAiB;AC7XjB;EAAY,kBAAiB;EAC3B,kEAAiE;EAAE,QAAQ;EAC3E,yUAG0E;EAAE,cAAc,EAAA;;AAG5F;EACE,6BAA2B;EAC3B,gBAAc;EACd,mBAAiB;EACjB,oCAAmC;EACnC,mCAAkC,EACnC;;AAED;EAAoB,iBAAgB,EAAI;;AAExC;EAAqB,iBAAgB,EAAI;;AAEzC;EAAoB,iBAAgB,EAAI;;AAExC;EAAgC,iBAAgB,EAAI;;AAEpD;EAAwB,iBAAgB,EAAI;;AAE5C;EAAsB,iBAAgB,EAAI;;AAE1C;EAAgB,iBAAgB,EAAI;;AAEpC;EAAuB,iBAAgB,EAAI;;AAE3C;EAAkB,iBAAgB,EAAI;;AAEtC;EAAiB,iBAAgB,EAAI;;AAErC;EAAuB,iBAAgB,EAAI;;AAE3C;EAAqB,iBAAgB,EAAI;;AAEzC;EAAkB,iBAAgB,EAAI;;AAEtC;EAA4B,iBAAgB,EAAI;;AAEhD;EAAuB,iBAAgB,EAAI;;AAE3C;EAAoB,iBAAgB,EAAI;;AAExC;EAAoB,iBAAgB,EAAI;;AAExC;EAAwB,iBAAgB,EAAI;;AAE5C;EAAkB,iBAAgB,EAAI;;AAEtC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAiB,iBAAgB,EAAI;;AAErC;EAAkB,iBAAgB,EAAI;;AAEtC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAoB,iBAAgB,EAAI;;AAExC;EAAqB,iBAAgB,EAAI;;AAEzC;EAAwB,iBAAgB,EAAI;;AAE5C;EAAkB,iBAAgB,EAAI;;AAEtC;EAAoB,iBAAgB,EAAI;;AAExC;EAA4B,iBAAgB,EAAI;;AAEhD;EAAsB,iBAAgB,EAAI;;AAE1C;EAAqB,iBAAgB,EAAI;;AAEzC;EAAqB,iBAAgB,EAAI;;AAEzC;EAAwB,iBAAgB,EAAI;;AAE5C;EAAsB,iBAAgB,EAAI;;AAE1C;EAAsB,iBAAgB,EAAI;;AAE1C;EAAuB,iBAAgB,EAAI;;AAE3C;EAAqB,iBAAgB,EAAI;;AAEzC;EAA4B,iBAAgB,EAAI;;AAEhD;EAAuB,iBAAgB,EAAI;;AAE3C;EAAmB,iBAAgB,EAAI;;AAEvC;EAAgB,iBAAgB,EAAI;;AAEpC;EAAkB,iBAAgB,EAAI;;AAEtC;EAAoB,iBAAgB,EAAI;;AAExC;EAAqB,iBAAgB,EAAI;;AAEzC;EAAuB,iBAAgB,EAAI;;AAE3C;EAAmB,iBAAgB,EAAI;;AAEvC;EAAmB,iBAAgB,EAAI;;AAEvC;EAAqB,iBAAgB,EAAI;;AAEzC;EAAuC,iBAAgB,EAAI;;AAE3D;EAAqB,iBAAgB,EAAI;;AAEzC;EAAmB,iBAAgB,EAAI;;AAEvC;EAAwB,iBAAgB,EAAI;;AAE5C;EAAsB,iBAAgB,EAAI;;AAE1C;EAAqB,iBAAgB,EAAI;;AAEzC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAkB,iBAAgB,EAAI;;AAEtC;EAAiC,iBAAgB,EAAI;;AAErD;EAAwB,iBAAgB,EAAI;;AAE5C;EAAmB,iBAAgB,EAAI;;AAEvC;EAAkB,iBAAgB,EAAI;;AAEtC;EAAoB,iBAAgB,EAAI;;AAExC;EAAwB,iBAAgB,EAAI;;AAE5C;EAAkB,iBAAgB,EAAI;;AAEtC;EAAkB,iBAAgB,EAAI;;AAEtC;EAAqB,iBAAgB,EAAI;;AAEzC;EAA4B,iBAAgB,EAAI;;AAEhD;EAA0B,iBAAgB,EAAI;;AAE9C;EAAsB,iBAAgB,EAAI;;AAE1C;EAAkB,iBAAgB,EAAI;;AAEtC;EAAwB,iBAAgB,EAAI;;AAE5C;EAAoB,iBAAgB,EAAI;;AAExC;EAAwB,iBAAgB,EAAI;;AAE5C;EAAqB,iBAAgB,EAAI;;AAEzC;EAAkB,iBAAgB,EAAI;;AAEtC;EAAwB,iBAAgB,EAAI;;AAE5C;EAA8B,iBAAgB,EAAI;;AAElD;EAAqB,iBAAgB,EAAI;;AAEzC;EAAuB,iBAAgB,EAAI;;AAE3C;EAAkB,iBAAgB,EAAI;;AAEtC;EAAoB,iBAAgB,EAAI;;AAExC;EAAwB,iBAAgB,EAAI;;AAE5C;EAAkB,iBAAgB,EAAI;;AAEtC;EAAqB,iBAAgB,EAAI;;AAEzC;EAAiB,iBAAgB,EAAI;;AAErC;EAA+B,iBAAgB,EAAI;;AAEnD;EAAwB,iBAAgB,EAAI;;AAE5C;EAAsB,iBAAgB,EAAI;;AAE1C;EAAqB,iBAAgB,EAAI;;AAEzC;EAAqB,iBAAgB,EAAI;;AAEzC;EAAmB,iBAAgB,EAAI;;AAEvC;EAAkB,iBAAgB,EAAI;;AAEtC;EAAyB,iBAAgB,EAAI;;AAE7C;EAA0B,iBAAgB,EAAI;;AAE9C;EAA4B,iBAAgB,EAAI;;AAEhD;EAAkB,iBAAgB,EAAI;;AAEtC;EAA6B,iBAAgB,EAAI;;AAEjD;EAA4B,iBAAgB,EAAI;;AAEhD;EAAsB,iBAAgB,EAAI;;AAE1C;EAA0B,iBAAgB,EAAI;;AAE9C;EAAsB,iBAAgB,EAAI;;AAE1C;EAAoB,iBAAgB,EAAI;;AAExC;EAAuB,iBAAgB,EAAI;;AAE3C;EAA0B,iBAAgB,EAAI;;AAE9C;EAAsB,iBAAgB,EAAI;;AAE1C;EAAwB,iBAAgB,EAAI;;AAE5C;EAAmB,iBAAgB,EAAI;;AAEvC;EAAqB,iBAAgB,EAAI;;AAEzC;EAA6B,iBAAgB,EAAI;;AAEjD;EAAuB,iBAAgB,EAAI;;AAE3C;EAAmB,iBAAgB,EAAI;;AAEvC;EAAkB,iBAAgB,EAAI;;AAEtC;EAAiB,iBAAgB,EAAI;;AAErC;EAAmB,iBAAgB,EAAI;;AAEvC;EAAkB,iBAAgB,EAAI;;AAEtC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAmB,iBAAgB,EAAI;;AAEvC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAqB,iBAAgB,EAAI;;AAEzC;EAAmB,iBAAgB,EAAI;;AAEvC;EAAmB,iBAAgB,EAAI;;AAEvC;EAAoB,iBAAgB,EAAI;;AAExC;EAAwB,iBAAgB,EAAI;;AAE5C;EAAyB,iBAAgB,EAAI;;AAE7C;EAAwB,iBAAgB,EAAI;;AAE5C;EAAiB,iBAAgB,EAAI;;AAErC;EAA4B,iBAAgB,EAAI;;AAEhD;EAA2B,iBAAgB,EAAI;;AAE/C;EAAkB,iBAAgB,EAAI;;AAEtC;EAAwB,iBAAgB,EAAI;;AAE5C;EAAkB,iBAAgB,EAAI;;AAEtC;EAAsB,iBAAgB,EAAI;;AAE1C;EAA+B,iBAAgB,EAAI;;AAEnD;EAA2B,iBAAgB,EAAI;;AAE/C;EAAyB,iBAAgB,EAAI;;AAE7C;EAA2B,iBAAgB,EAAI;;AAE/C;EAAwB,iBAAgB,EAAI;;AAE5C;EAAsB,iBAAgB,EAAI;;AAE1C;EAAoB,iBAAgB,EAAI;;AAExC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAkB,iBAAgB,EAAI;;AAEtC;EAAuB,iBAAgB,EAAI;;AAE3C;EAAyB,iBAAgB,EAAI;;AAE7C;EAA0B,iBAAgB,EAAI;;AAE9C;EAAsB,iBAAgB,EAAI;;AAE1C;EAAmB,iBAAgB,EAAI;;AAEvC;EAAoB,iBAAgB,EAAI;;AAExC;EAAkB,iBAAgB,EAAI;;AAEtC;EAAiB,iBAAgB,EAAI;;AAErC;EAA0B,iBAAgB,EAAI;;AAE9C;EAAmB,iBAAgB,EAAI;;AAEvC;EAAmB,iBAAgB,EAAI;;AAEvC;EAAoB,iBAAgB,EAAI;;AAExC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAiC,iBAAgB,EAAI;;AAErD;EAAqB,iBAAgB,EAAI;;AAEzC;EAAkB,iBAAgB,EAAI;;AAEtC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAsB,iBAAgB,EAAI;;AAE1C;EAAqB,iBAAgB,EAAI;;AAEzC;EAAmB,iBAAgB,EAAI;;AAEvC;EAAkB,iBAAgB,EAAI;;AAEtC;EAAmB,iBAAgB,EAAI;;AAEvC;EAAe,iBAAgB,EAAI;;AAEnC;EAA2B,iBAAgB,EAAI;;AAE/C;EAAqB,iBAAgB,EAAI;;AAEzC;EAA0B,iBAAgB,EAAI;;AAE9C;EAA2B,iBAAgB,EAAI;;AAE/C;EAAwB,iBAAgB,EAAI;;AAE5C;EAAsB,iBAAgB,EAAI;;AAE1C;EAAsB,iBAAgB,EAAI;;AAE1C;EAAmB,iBAAgB,EAAI;;AAEvC;EAAoB,iBAAgB,EAAI;;AAExC;EAAoB,iBAAgB,EAAI;;AAExC;EAAqB,iBAAgB,EAAI;;AAEzC;EAAqB,iBAAgB,EAAI;;AAEzC;EAA0B,iBAAgB,EAAI;;AAE9C;EAA4B,iBAAgB,EAAI;;AAEhD;EAAiB,iBAAgB,EAAI;;AAErC;EAAoB,iBAAgB,EAAI;;AAExC;EAAqB,iBAAgB,EAAI;;AAEzC;EAAkB,iBAAgB,EAAI;;AAEtC;EAAoB,iBAAgB,EAAI;;AAExC;EAAkB,iBAAgB,EAAI;;AAEtC;EAAgB,iBAAgB,EAAI;;AAEpC;EAA2B,iBAAgB,EAAI;;AAE/C;EAAsB,iBAAgB,EAAI;;AAE1C;EAAkB,iBAAgB,EAAI;;AAEtC;EAAuB,iBAAgB,EAAI;;AAE3C;EAAsB,iBAAgB,EAAI;;AAE1C;EAAoB,iBAAgB,EAAI;;AAExC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAoB,iBAAgB,EAAI;;AAExC;EAAoB,iBAAgB,EAAI;;AAExC;EAAgB,iBAAgB,EAAI;;AAEpC;EAAoB,iBAAgB,EAAI;;AAExC;EAAoB,iBAAgB,EAAI;;AAExC;EAAkB,iBAAgB,EAAI;;AAEtC;EAAqB,iBAAgB,EAAI;;AAEzC;EAAmB,iBAAgB,EAAI;;AAEvC;EAAiB,iBAAgB,EAAI;;AAErC;EAAmB,iBAAgB,EAAI;;AAEvC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAkB,iBAAgB,EAAI;;AAEtC;EAAoB,iBAAgB,EAAI;;AAExC;EAAoB,iBAAgB,EAAI;;AAExC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAoB,iBAAgB,EAAI;;AAExC;EAAoB,iBAAgB,EAAI;;AAExC;EAAiB,iBAAgB,EAAI;;AAErC;EAA0B,iBAAgB,EAAI;;AAE9C;EAAsB,iBAAgB,EAAI;;AAE1C;EAAqB,iBAAgB,EAAI;;AAEzC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAqB,iBAAgB,EAAI;;AAEzC;EAAkB,iBAAgB,EAAI;;AAEtC;EAAkB,iBAAgB,EAAI;;AAEtC;EAAmB,iBAAgB,EAAI;;AAEvC;EAA+B,iBAAgB,EAAI;;AAEnD;EAAsB,iBAAgB,EAAI;;AAE1C;EAAuB,iBAAgB,EAAI;;AAE3C;EAAsB,iBAAgB,EAAI;;AAE1C;EAAqB,iBAAgB,EAAI;;AAEzC;EAAmB,iBAAgB,EAAI;;AAEvC;EAAuB,iBAAgB,EAAI;;AAE3C;EAA8B,iBAAgB,EAAI;;AAElD;EAAqB,iBAAgB,EAAI;;AAEzC;EAAqB,iBAAgB,EAAI;;AAEzC;EAAuB,iBAAgB,EAAI;;AAE3C;EAAsB,iBAAgB,EAAI;;AAE1C;EAAoB,iBAAgB,EAAI;;AAExC;EAAoB,iBAAgB,EAAI;;AAExC;EAAqB,iBAAgB,EAAI;;AAEzC;EAAqB,iBAAgB,EAAI;;AAEzC;EAAoB,iBAAgB,EAAI;;AAExC;EAAqB,iBAAgB,EAAI;;AAEzC;EAAqB,iBAAgB,EAAI;;AAEzC;EAAgB,iBAAgB,EAAI;;AAEpC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAwB,iBAAgB,EAAI;;AAE5C;EAAoB,iBAAgB,EAAI;;AAExC;EAAoB,iBAAgB,EAAI;;AAExC;EAAkB,iBAAgB,EAAI;;AAEtC;EAAoB,iBAAgB,EAAI;;AAExC;EAAwB,iBAAgB,EAAI;;AAE5C;EAA0B,iBAAgB,EAAI;;AAE9C;EAA2B,iBAAgB,EAAI;;AAE/C;EAAwB,iBAAgB,EAAI;;AAE5C;EAAyB,iBAAgB,EAAI;;AAE7C;EAAoB,iBAAgB,EAAI;;AAExC;EAAmB,iBAAgB,EAAI;;AAEvC;EAAyB,iBAAgB,EAAI;;AAE7C;EAAqB,iBAAgB,EAAI;;AAEzC;EAAqB,iBAAgB,EAAI;;AAEzC;EAAmB,iBAAgB,EAAI;;AAEvC;EAAuB,iBAAgB,EAAI;;AAE3C;EAAmB,iBAAgB,EAAI;;AAEvC;EAAiB,iBAAgB,EAAI;;AAErC;EAAwB,iBAAgB,EAAI;;AAE5C;EAAqB,iBAAgB,EAAI;;AAEzC;EAAoB,iBAAgB,EAAI;;AAExC;EAAkB,iBAAgB,EAAI;;AAEtC;EAA0B,iBAAgB,EAAI;;AAE9C;EAAqB,iBAAgB,EAAI;;AAEzC;EAAwB,iBAAgB,EAAI;;AAE5C;EAAqB,iBAAgB,EAAI;;AAEzC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAmB,iBAAgB,EAAI;;AAEvC;EAAkB,iBAAgB,EAAI;;AAEtC;EAAmB,iBAAgB,EAAI;;AAEvC;EAAmB,iBAAgB,EAAI;;AAEvC;EAAuB,iBAAgB,EAAI;;AAE3C;EAAwB,iBAAgB,EAAI;;AAE5C;EAAqB,iBAAgB,EAAI;;AAEzC;EAA0B,iBAAgB,EAAI;;AAE9C;EAAoB,iBAAgB,EAAI;;AAExC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAqB,iBAAgB,EAAI;;AAEzC;EAA0B,iBAAgB,EAAI;;AAE9C;EAA2B,iBAAgB,EAAI;;AAE/C;EAAsB,iBAAgB,EAAI;;AAE1C;EAA4B,iBAAgB,EAAI;;AAEhD;EAAqB,iBAAgB,EAAI;;AAEzC;EAAuB,iBAAgB,EAAI;;AAE3C;EAAyB,iBAAgB,EAAI;;AAE7C;EAA0B,iBAAgB,EAAI;;AAE9C;EAA0B,iBAAgB,EAAI;;AAE9C;EAAsB,iBAAgB,EAAI;;AAE1C;EAAqB,iBAAgB,EAAI;;AAEzC;EAAmB,iBAAgB,EAAI;;AAEvC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAkB,iBAAgB,EAAI;;AAEtC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAqB,iBAAgB,EAAI;;AAEzC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAsB,iBAAgB,EAAI;;AAE1C;EAAoB,iBAAgB,EAAI;;AAExC;EAAuB,iBAAgB,EAAI;;AAE3C;EAAmB,iBAAgB,EAAI;;AAEvC;EAAqB,iBAAgB,EAAI;;AAEzC;EAAoB,iBAAgB,EAAI;;AAExC;EAAmB,iBAAgB,EAAI;;AAEvC;EAAkB,iBAAgB,EAAI;;AAEtC;EAAoB,iBAAgB,EAAI;;AAExC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAqB,iBAAgB,EAAI;;AAEzC;EAAgB,iBAAgB,EAAI;;AAEpC;EAA2B,iBAAgB,EAAI;;AAE/C;EAA0B,iBAAgB,EAAI;;AAE9C;EAAsB,iBAAgB,EAAI;;AAE1C;EAA6B,iBAAgB,EAAI;;AAEjD;EAA4B,iBAAgB,EAAI;;AAEhD;EAA6B,iBAAgB,EAAI;;AAEjD;EAAqB,iBAAgB,EAAI;;AAEzC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAoB,iBAAgB,EAAI;;AAExC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAmB,iBAAgB,EAAI;;AAEvC;EAAkB,iBAAgB,EAAI;;AAEtC;EAAoB,iBAAgB,EAAI;;AAExC;EAAoB,iBAAgB,EAAI;;AAExC;EAAoB,iBAAgB,EAAI;;AAExC;EAAoB,iBAAgB,EAAI;;AAExC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAqB,iBAAgB,EAAI;;AAEzC;EAAsB,iBAAgB,EAAI;;AAE1C;EAAmB,iBAAgB,EAAI;;ACvpBvC;EACI,gBF2sCoB;EE1sCpB,gBAAe;EACf,cANiB,EAwKpB;EAjKI;IAEG,iBAAgB,EACjB;EAGH;IACE,mBAAkB;IAClB,WFqsCa;IEnsCb,6CAA0C;IAC1C,0BAAyB;IACzB,mBCHa;IDIb,uBAAsB;IACtB,oBApBsB;IAqBtB,iBAAgB;IAChB,iBAAgB;IAChB,eHemB,EGsCpB;IApDC;MACE,gBAAe;MACf,sBAAqB;MACrB,uBAAsB,EAuBvB;MAtBC;QACI,iBAAgB;QAChB,iBAAgB;QAChB,sBAAqB;QACrB,4BA/BgC;QAgChC,kBAAiB,EACpB;MACD;QACI,mBAAkB;QAClB,OAAM;QACN,QAAO;QACP,sBAAqB;QACrB,mBAAkB;QAClB,mBAAkB;QAClB,mBAAkB;QAClB,uBAAsB,EAMzB;QAdA;UAUO,gBAAe;UACf,kBAAiB;UACjB,WAAU,EACb;IAIP;MACE,mBAAkB;MAClB,YAAW;MACX,UAAS;MACT,gBAAe;MACf,cAAa;MACb,gBAAe;MACf,iBAAgB;MAChB,eAAc;MACd,0BAAyB;MACzB,sBAAqB,EAatB;MAXC;QACE,gBAAe;QACf,WAAU,EACX;MAfF;QAkBG,WAAU;QACV,2BAA0B;QAC1B,sBAAqB,EACtB;EAKL;IACE,0BAAyB;IACzB,sBAAqB;IACrB,YAAW,EAIZ;IAPA;MAKK,0BAAyB,EAC5B;EAGH;IACM,0BAAyB;IACzB,sBAAqB;IACrB,eAAc,EAOlB;IAVD;MAKS,0BAAyB,EAC5B;IANN;MAQS,eHzDW,EG0Dd;EAEP;IACO,iCH0D0C;IGzD1C,YAAW;IACX,6BHwD0C,EGpDhD;IAPA;MAKU,iCHsDsC,EGrDzC;EAER;IACQ,iCHmEuC;IGlEvC,YAAW;IACX,6BHiEuC,EG7D9C;IAPA;MAKW,iCH+DmC,EG9DtC;EAER;IACQ,iCH8CoC;IG7CpC,YAAW;IACX,6BH4CoC,EGxC5C;IAPC;MAKW,iCH0CgC,EGzCnC;EAEV;IACS,iCH0CyC;IGzCzC,YAAW;IACX,6BHwCyC,EGpCjD;IAPA;MAKY,iCHsCqC,EGrCxC;EAEV;IACO,mCHwD+C;IGvD/C,YAAW;IACX,sBAAqB,EAK3B;IARA;MAKU,mCHoD2C;MGnD3C,sBHqBsC,EGpBzC;EAER;IACQ,mCHmD4C;IGlD5C,YAAW;IACX,sBAAqB,EAK5B;IARA;MAKW,mCH+CwC;MG9CxC,sBH6BmC,EG5BtC;EAER;IACQ,mCHuCyC;IGtCzC,YAAW;IACX,sBAAqB,EAK7B;IARC;MAKW,mCHmCqC;MGlCrC,sBHOgC,EGNnC;EAEV;IACS,mCH+B8C;IG9B9C,YAAW;IACX,sBAAqB,EAK7B;IARA;MAKY,mCH2B0C;MG1B1C,sBHEqC,EGDxC;;AAIV;;;;;;;;EACG,0BAAyB;EACzB,0BAAyB;EACzB,gEAA+D,EAChE;;AAED;;;;;EAKE,WAAU;EAEV,6BAA4B,EAC7B;;AAED;;;;EAKE,yBAAwB;EACxB,6BAA4B,EAC7B;;AAGD;;EAEE,+BAA8B;EAC9B,8BAA6B,EAC9B;;AAED;EACE,gCAA+B;EAC/B,8BAA6B,EAC9B;;AACD;;EAEE,gCAA+B;EAC/B,8BAA6B,EAC9B;;AAED;EACE,gCAA+B;EAC/B,8BAA6B,EAC9B;;AACD;;EAEE,+BAA8B;EAC9B,8BAA6B,EAC9B;;AAED;EACE,gCAA+B;EAC/B,8BAA6B,EAC9B;;AACD;;EAEE,iCAAgC;EAChC,8BAA6B,EAC9B;;AAED;EACE,gCAA+B;EAC/B,8BAA6B,EAC9B;;AACF;EACE;IACE,WAAU;IACV,YAAW,EAAA;EAEb;IACE,SAAQ;IACR,WAAU,EAAA,EAAA;;AAGd;EACE;IACE,WAAU;IACV,WAAS,EAAA;EAEX;IACE,QAAO;IACP,WAAU,EAAA,EAAA;;AAGd;EACE;IACE,WAAU;IACV,WAAU,EAAA;EAEZ;IACE,OAAM;IACN,WAAU,EAAA,EAAA;;AAGd;EACE;IACE,WAAU;IACV,cAAa,EAAA;EAEf;IACE,UAAS;IACT,WAAU,EAAA,EAAA;;AAKd;EACE;IACE,WAAU;IACV,eF47BW;IE37BX,kBF27BW;IE17BX,kBAAiB,EAAA;EAEnB;IACE,WAAU;IACV,eAAc;IACd,kBAAiB;IACjB,cAAa,EAAA,EAAA;;AEpSrB;EAEI,aAAY,EACb;;ACHH;EAEI,YAAW,EACZ;;ACHH;EAEM,sBAAqB,EACtB;;AAHL;EAKQ,cAAa;EACb,YAAW;EACX,oBAAmB;EACnB,sBAAqB,EAKxB;EAbL;IAUU,oBAAmB;IACnB,sBAAqB,EACtB","file":"demo.css","sourcesContent":["\n\n// $performance_font: 'Helvetica', 'Arial', sans-serif !default;\n\n@import \"minxin-colors\";\n\n\n\n@function strip-units($number) {\n @return $number / ($number * 0 + 1);\n}\n$unit: 10px !default;\n// IMAGES\n$image_path: '/images' !default;\n\n\n\n//默认颜色\n$trim-color-classes: false !default;\n\n@import \"minxin-themeColors\";\n\n//对比色\n$color-primary-contrast: $color-dark-contrast !default;\n$color-accent-contrast: $color-dark-contrast !default;\n//字体颜色\n$color-text: $palette-grey-900 !default;\n\n//不明所以 $primary-color: unquote(\"rgba(#{$palette-grey-500}, 0.20)\") !default;\n\n// -- Fonts 字体大小权重预定义\n$preferred-font: 'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei',sans-serif !default;\n$font-size: 1.6 * $unit !default;\n$font-size-tiny: 1.2 * $unit !default;\n$font-size-small: 1.4 * $unit !default;\n$font-size-normal: $font-size !default;\n$font-size-big: 1.8 * $unit !default;\n$font-weight-thin: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-semi-bold: 500 !default;\n$font-weight-bold: 700 !default;\n$font-color:unquote(\"rgb(#{$palette-u-gray-800})\") !default;\n// 白色背景下的文字颜色\n$font-color-base: #212121 !default;\n\n$font-weight-override: false;\n$font-weight-light: 300;\n$font-weight-normal: 400;\n$font-weight-medium: 500;\n$font-weight-bold: 700;\n$font-weight-base: $font-weight-normal;\n\n\n\n\n$gray-base: unquote(\"rgb(#{$palette-grey-900})\") !default;\n$gray-darkest: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$gray-darker: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$gray-dark: unquote(\"rgb(#{$palette-grey-600})\") !default;\n$gray: unquote(\"rgb(#{$palette-grey-500})\") !default;\n$gray-light: unquote(\"rgb(#{$palette-grey-400})\") !default;\n$gray-lighter: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$gray-lightest:unquote(\"rgb(#{$palette-grey-200})\") !default;\n$inverse: unquote(\"rgb(#{$color-white})\") !default;\n// $border-color-base: $gray-lighter;\n$border-color-base: unquote(\"rgb(#{$border-color})\") !default;\n$line-height-base: 1.57142857;\n\n// 边框圆角\n$border-radius-base: $border-radius;\n\n// 阴影\n\n$shadow-key-umbra-opacity: 0.2 !default;\n$shadow-key-penumbra-opacity: 0.14 !default;\n$shadow-ambient-shadow-opacity: 0.12 !default;\n\n$shadow-base: 0 1px 5px $gray-lighter;\n\n\n\n//-- Indexes\n$z-index-highest: 300;\n$z-index-higher: 200;\n$z-index-high: 100;\n$z-index-normal: 1;\n$z-index-low: -100;\n$z-index-lower: -200;\n\n$zindex-modal: 1700;\n$zindex-modal-background: 1600;\n$zIndex-notification: 1560;\n$zIndex-message: 1550;\n$zIndex-popconfirm: 1540;\n$zIndex-popover: 1540;\n$zIndex-tooltip: 1530;\n$zIndex-alert: 1510;\n$zindex-navbar-fixed: 1500;\n$zindex-menubar: 1400;\n$zindex-overlay: 1300;\n$zindex-dropdown: 1200;\n$zindex-navbar: 1200;\n$zindex-header: 1100;\n$zindex-footer: 1000;\n$zindex-backtop:2000;\n\n// 文本字体\n\n//todo\n$text-color-primary: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$text-link-color: unquote(\"rgb(#{$color-accent})\") !default;\n\n$target-elements-directly: true !default;\n\n\n$global-selected-color: unquote(\"rgb(#{$palette-blue-100})\") !default;\n\n\n// 控件\n$cursor-disabled: not-allowed;\n\n\n$title-color: $gray-darkest;\n//todo\n$subtitle-color: $gray-darker;\n$text-color: $gray-dark;\n\n$prompt-color: $gray;\n//全局不同状态颜色\n//todo\n$active-color-base: unquote(\"rgb(#{$palette-blue-800})\") !default;\n$normal-color-base: unquote(\"rgb(#{$palette-blue-600})\") !default;\n$hover-color-base: unquote(\"rgb(#{$palette-blue-400})\") !default;\n\n$bg-color-base: $gray-lightest;\n\n//disable颜色\n$disabled-color-base: #909090;\n$disabled-border-color: $gray-lighter;\n$disabled-bg-color: $gray-lightest;\n\n// 全局链接颜色\n$link-color: $normal-color-base;\n$link-hover-color: $hover-color-base;\n$link-active-color: $active-color-base;\n\n// 品牌色\n$brand-default: $gray-lighter;\n$brand-default-hover: $gray-lightest;\n$brand-default-active: $gray-light;\n// $brand-default: unquote(\"rgb(#{$color-primary})\");\n// $brand-default-hover: unquote(\"rgb(#{$color-primary-light})\");\n// $brand-default-active: unquote(\"rgb(#{$color-primary-dark})\");\n\n$brand-primary : unquote(\"rgb(#{$primary-color})\") !default;\n$brand-primary-hover: unquote(\"rgb(#{$primary-color-light})\") !default;\n$brand-primary-active: unquote(\"rgb(#{$primary-color-dark})\") !default;\n\n$brand-secondary : unquote(\"rgb(#{$secondary-color})\") !default;\n$brand-secondary-hover: unquote(\"rgb(#{$secondary-color-light})\") !default;\n$brand-secondary-active: unquote(\"rgb(#{$secondary-color-dark})\") !default;\n\n$brand-success: unquote(\"rgb(#{$palette-green-500})\") !default;\n$brand-success-hover: unquote(\"rgb(#{$palette-green-300})\") !default;\n$brand-success-active: unquote(\"rgb(#{$palette-green-700})\") !default;\n\n$brand-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\n$brand-info-hover: unquote(\"rgb(#{$palette-cyan-300})\") !default;\n$brand-info-active: unquote(\"rgb(#{$palette-cyan-700})\") !default;\n\n$brand-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\n$brand-warning-hover: unquote(\"rgb(#{$palette-orange-300})\") !default;\n$brand-warning-active: unquote(\"rgb(#{$palette-orange-700})\") !default;\n\n\n$brand-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\n$brand-news-hover: unquote(\"rgb(#{$palette-blue-300})\") !default;\n$brand-news-active: unquote(\"rgb(#{$palette-blue-700})\") !default;\n\n$brand-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\n$brand-danger-hover: unquote(\"rgb(#{$palette-red-300})\") !default;\n$brand-danger-active: unquote(\"rgb(#{$palette-red-700})\") !default;\n\n$brand-dark: $gray-darker;\n$brand-dark-hover: $gray-dark;\n$brand-dark-active: $gray-darkest;\n\n$brand-light : unquote(\"rgb(#{$color-dark-contrast})\") !default;\n$brand-light-hover: unquote(\"rgb(#{$palette-grey-200})\") !default;\n$brand-light-active: unquote(\"rgb(#{$palette-grey-400})\") !default;\n\n$brand-light-primary : unquote(\"rgb(#{$palette-blue-50})\") !default;\n$brand-light-success: unquote(\"rgb(#{$palette-green-50})\") !default;\n$brand-light-info: unquote(\"rgb(#{$palette-cyan-50})\") !default;\n$brand-light-warning: unquote(\"rgb(#{$palette-orange-50})\") !default;\n$brand-light-news: unquote(\"rgb(#{$palette-blue-50})\") !default;\n$brand-light-danger: unquote(\"rgb(#{$palette-red-50})\") !default;\n\n//不同背景下对应的文字颜色\n\n$color-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\n$color-success: unquote(\"rgb(#{$palette-green-500})\") !default;\n$color-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\n$color-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\n$color-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\n$color-light: $gray-darker !default;\n\n//redius\n\n$default-border-radius: $border-radius;\n\n// hover时的背景色，包括select、dropdown、table、datepicker、tree、menu等组件\n$hover-bg-color-base: unquote(\"rgb(#{$item-hover-bg-color-base})\") !default;\n// // selected背景色，包括：select、menu等\n$selected-bg-color-base: unquote(\"rgb(#{$item-selected-bg-color-base})\") !default;\n\n// UButton\n\n// Button 基础背景色.\n// 默认按钮(<Button></Button>)\n$button-default-color: unquote(\"rgb(#{$default-color})\");\n$button-default-color-IE8: unquote(\"rgb(#{$default-color})\");\n\n// 边框按钮(shape:'border')\n$button-border-bg-color: unquote(\"rgb(#{$color-dark-contrast})\");\n\n// Button 不同状态下的背景色 ：hover、active、focus状态.\n$button-hover-color: unquote(\"rgb(#{$default-color-light})\");\n$button-active-color: unquote(\"rgb(#{$default-color-dark})\");\n$button-focus-color: unquote(\"rgb(#{$default-color-light})\");\n\n// Button 配置不同colors属性时的背景色.\n$button-primary-color: $brand-primary;\n$button-primary-active-color: $brand-primary-active;\n$button-primary-hover-color: $brand-primary-hover;\n$button-secondary-color: $brand-secondary;\n$button-secondary-active-color: $brand-secondary-active;\n$button-secondary-hover-color: $brand-secondary-hover;\n$button-success-color: $brand-success;\n$button-success-active-color: $brand-success-active;\n$button-success-hover-color: $brand-success-hover;\n$button-info-color: $brand-info;\n$button-info-active-color: $brand-info-active;\n$button-info-hover-color: $brand-info-hover;\n$button-warning-color: $brand-warning;\n$button-warning-active-color: $brand-warning-active;\n$button-warning-hover-color: $brand-warning-hover;\n$button-danger-color: $brand-danger;\n$button-danger-active-color: $brand-danger-active;\n$button-danger-hover-color: $brand-danger-hover;\n$button-dark-color: $brand-dark;\n$button-dark-active-color: $brand-dark-active;\n$button-dark-hover-color: $brand-dark-hover;\n$button-light-color: $brand-light;\n$button-light-active-color: $brand-light-active;\n$button-light-hover-color: $brand-light-hover;\n\n// Button 文字颜色.\n// 主按钮(colors:'primary')\n$button-primary-text-color: unquote(\"rgb(#{$text-color-base})\") !default;\n$button-text-color: $button-primary-text-color;\n// 次按钮(colors:'secondary')\n$button-second-text-color: unquote(\"rgb(#{$button-secondary-text-color})\") !default;\n// 默认按钮(<Button></Button>)\n$button-default-text-color: unquote(\"rgb(#{$palette-grey-900})\") !default;\n// 边框按钮(shape:'border')\n// $button-border-text-color: unquote(\"rgb(#{$primary-color})\") !default;\n\n// Button 边框样式及颜色.\n$button-border-style: unquote(\"solid\") !default;\n$button-border-color: $border-color-base;\n$button-default-border-color: $button-default-color !default;\n\n// Button 不同状态下的边框颜色 ：hover、active、focus状态.\n$button-hover-border-color: $brand-default-hover;\n$button-active-border-color: $brand-default-active;\n$button-focus-border-color: $brand-default-active;\n\n// FAB colors and sizes.\n$button-fab-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-hover-color-alt: unquote(\"rgb(#{$color-accent-light})\") !default;\n$button-fab-active-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-text-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$button-fab-ripple-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n\n// Icon button colors and sizes.\n$button-icon-color: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$button-icon-focus-color: $button-focus-color !default;\n\n// Button 最小宽度、高度、内边距、外边距、行高、边框粗细、圆角.\n$button-min-width: 72/10 * $unit !default;\n$button-height: 36/10 * $unit !default;\n$button-padding: 4/10* $unit 13/10 * $unit !default;\n$button-padding-IE8: 4px 13px !default;\n$button-top-padding: 1310 * $unit !default;\n$button-left-padding: 6/10* $unit !default;\n$button-line-height:1.57142857;\n$button-margin: 4/10 * $unit !default;\n$button-border-radius: 3/10 * $unit !default;\n$button-border-width: 1/10 * $unit !default;\n\n$button-fab-size: 38/10 * $unit !default;\n$button-fab-size-mini: 30/10 * $unit !default;\n$button-fab-font-size: 14/10 * $unit !default;\n\n$button-icon-size: 32/10 * $unit !default;\n$button-icon-size-mini: 13/10 * $unit !default;\n\n$button-raised-font-size: 14/10 * $unit !default;\n\n// Button 大按钮\n$button-padding-y-lg:8px;\n$button-padding-x-lg:15px;\n$font-size-lg:1.4 * $unit;\n\n\n// Button 特大型按钮\n$button-padding-y-xg:10.5px;\n$button-padding-x-xg:18px;\n$font-size-xg:1.6 * $unit;\n\n\n// Button 小型按钮\n$button-padding-y-sm:3px;\n$button-padding-x-sm:5px;\n$font-size-sm:1.2 * $unit;\n\n\n\n// UText\n\n\n$form-control-border-radius: $border-radius-base;\n$form-control-default-font-size: 14px;\n$form-control-lg-font-size: 14px;\n$form-control-sm-font-size: 12px;\n$form-control-default-height: 32px;\n$form-control-lg-height: 40px;\n$form-control-sm-height: 26px;\n$form-control-color: #424242;\n$form-control-bg-color: #fff;\n$form-control-border-color: $border-color-base;\n$form-control-disable-bg-color: #F7F9FB;\n$form-control-disable-color: $disabled-color-base;\n$form-control-disable-border-color: #DFE1E6;\n\n$input-text-background-color: transparent !default;\n$input-text-label-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$input-text-bottom-border-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n$input-text-bottom-border-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\n$input-text-highlight-color: unquote(\"rgb(#{$primary-color})\") !default;\n$input-text-disabled-color: $input-text-bottom-border-color !default;\n$input-text-disabled-text-color: $input-text-label-color !default;\n$input-text-error-color: unquote(\"rgb(222, 50, 38)\") !default;\n$input-text-must-color:unquote(\"rgb(#{$palette-red-A700})\") !default;\n\n\n$input-text-font-size: 14px !default;\n$input-text-width: 100% !default;\n$input-text-padding: 4px !default;\n$input-text-vertical-spacing: 20px !default;\n\n$input-text-button-size: 32px !default;\n$input-text-floating-label-fontsize: 12px !default;\n$input-text-expandable-icon-top: 16px !default;\n$input-text-height:36px !default;\n$input-text-normal-width:360px !default;\n$input-text-short-width:180px !default;\n$input-text-normal-border-color:unquote(\"rgb(#{$palette-u-gray-400})\") !default;\n$input-text-color:unquote(\"rgb(#{$palette-u-gray-A200})\") !default;\n$input-text-focus-border-color:unquote(\"rgb(#{$palette-u-blue-400})\") !default;\n$input-lable-color:unquote(\"rgb(#{$palette-u-gray-900})\") !default;\n\n\n/* FormGroup */\n\n$error-input-border:$brand-danger;\n$warning-input-border:$brand-warning;\n$success-input-border:$brand-success;\n$success-addon-bg: $brand-light-success;\n$warning-addon-bg: $brand-light-warning;\n$error-addon-bg: $brand-light-danger;\n$form-group-margin-top: 15px;\n$form-group-margin-bottom: 15px;\n\n/* Navlayout */\n\n$layout-nav-color: unquote(\"rgb(#{$palette-grey-100})\") !default;\n\n// Drawer\n$layout-drawer-bg-color: unquote(\"rgb(#{$palette-grey-50})\") !default;\n$layout-drawer-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$layout-text-color: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$layout-drawer-navigation-color: #757575 !default;\n$layout-drawer-navigation-link-active-background: unquote(\"rgb(#{$palette-grey-200})\") !default;\n$layout-drawer-navigation-link-active-color: $layout-text-color !default;\n\n// Header\n$layout-header-bg-color: unquote(\"rgb(#{$primary-color})\") !default;\n$layout-header-text-color: unquote(\"rgb(#{$color-primary-contrast})\") !default;\n$layout-header-nav-hover-color: unquote(\"rgba(#{$palette-grey-700}, 0.6)\") !default;\n$layout-header-tab-text-color: unquote(\"rgba(#{$color-primary-contrast}, 0.6)\") !default;\n\n// Tabs\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\n\n$layout-nav-link-font-size: 13px !default;\n\n$layout-drawer-narrow: 240px !default;\n$layout-drawer-wide: 456px !default;\n$layout-drawer-width: $layout-drawer-narrow !default;\n\n$layout-header-icon-size: 32px !default;\n$layout-screen-size-threshold: 1024px !default;\n$layout-header-icon-margin: 24px !default;\n$layout-drawer-button-mobile-size: 44px !default;\n$layout-drawer-button-desktop-size: 34px !default;\n$layout-drawer-button-desktop-margin-top: 5px !default;\n$layout-drawer-button-mobile-margin-top: 10px !default;\n\n$layout-header-mobile-row-height: 56px !default;\n$layout-mobile-header-height: $layout-header-mobile-row-height;\n$layout-header-desktop-row-height: 44px !default;\n$layout-desktop-header-height: $layout-header-desktop-row-height;\n\n$layout-header-desktop-baseline: 80px !default;\n$layout-header-mobile-baseline: 72px !default;\n$layout-header-mobile-indent: 16px !default;\n$layout-header-desktop-indent: 40px !default;\n\n$layout-tab-font-size: 14px !default;\n$layout-tab-bar-height: 48px !default;\n$layout-tab-mobile-padding: 12px !default;\n$layout-tab-desktop-padding: 24px !default;\n$layout-tab-highlight-thickness: 2px !default;\n\n// gridlayout\n\n// Extra small screen / phone\n//$screen-xs: 480px;\n\n$screen-xs-min: 480px;\n// Deprecated `@screen-phone` as of v3.0.1\n//@screen-phone: @screen-xs-min;\n\n// Small screen / tablet\n// Deprecated `@screen-sm` as of v3.0.1\n//@screen-sm: 768px;\n$screen-sm-min: 768px;\n// Deprecated `@screen-tablet` as of v3.0.1\n//@screen-tablet: @screen-sm-min;\n\n// Medium screen / desktop\n// Deprecated `@screen-md` as of v3.0.1\n//@screen-md: 992px;\n$screen-md-min: 992px;\n// Deprecated `@screen-desktop` as of v3.0.1\n//@screen-desktop: @screen-md-min;\n\n// Large screen / wide desktop\n// Deprecated `@screen-lg` as of v3.0.1\n//@screen-lg: 1200px;\n$screen-lg-min: 1200px;\n// Deprecated `@screen-lg-desktop` as of v3.0.1\n//@screen-lg-desktop: @screen-lg-min;\n$screen-xs-max: ($screen-sm-min - 1 );\n\n$screen-sm-max: ($screen-sm-min - 1 );\n\n$screen-md-max: ($screen-lg-min - 1 );\n\n\n\n\n// Number of columns in the grid.\n$grid-columns: 12;\n// Padding between columns. Gets divided in half for the left and right.\n$grid-gutter-width: 30px;\n// Navbar collapse\n// Point at which the navbar becomes uncollapsed.\n$grid-float-breakpoint: 768px;\n// Point at which the navbar begins collapsing.\n$grid-float-breakpoint-max: ($grid-float-breakpoint - 1);\n\n\n// Small screen / tablet\n$container-tablet: (720px + $grid-gutter-width);\n// For `@screen-sm-min` and up.\n$container-sm: $container-tablet;\n\n// Medium screen / desktop\n$container-desktop: (940px + $grid-gutter-width);\n// For `@screen-md-min` and up.\n$container-md: $container-desktop;\n\n// Large screen / wide desktop\n$container-large-desktop: (1140px + $grid-gutter-width);\n// For `@screen-lg-min` and up.\n$container-lg: $container-large-desktop;\n\n\n\n// menu\n\n$default-dropdown-bg-color: unquote(\"rgb(#{$color-white})\") !default;\n$menu-expand-duration: 0.3s !default;\n$menu-fade-duration: 0.2s !default;\n\n// Default Item Colors\n$default-item-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$default-item-text-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\n$default-item-outline-color: unquote(\"rgb(#{$palette-u-blue-400})\") !default;\n$default-item-hover-bg-color: unquote(\"rgb(#{$palette-u-blue-100})\") !default;\n$default-item-focus-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\n$default-item-active-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\n$default-item-divider-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n\n// Disabled Button Colors\n$disabled-item-text-color: unquote(\"rgb(#{$palette-grey-400})\") !default;\n\n// Tile\n$tile-width: 100%;\n\n$tile-default-border-color: #e9e9e9;\n$tile-default-hover-shadow-color: rgba(0, 0, 0, 0.2);\n\n$tile-primary-border-color: $button-primary-color;\n$tile-primary-hover-shadow-color: $button-primary-hover-color;\n\n$tile-danger-border-color: $button-danger-color;\n$tile-danger-hover-shadow-color: $button-danger-hover-color;\n\n$tile-warning-border-color: $button-warning-color;\n$tile-warning-hover-shadow-color: $button-warning-hover-color;\n\n$tile-success-border-color: $button-success-color;\n$tile-success-hover-shadow-color: $button-success-hover-color;\n\n$tile-info-border-color: $button-info-color;\n$tile-info-hover-shadow-color: $button-info-hover-color;\n\n// Alert\n$alert-news-bg: $brand-light-news;\n$alert-success-bg: $brand-light-success;\n$alert-info-bg: $brand-light-info;\n$alert-warning-bg: $brand-light-warning;\n$alert-danger-bg: $brand-light-danger;\n\n\n$alert-dark-news-bg: $brand-news;\n$alert-dark-success-bg: $brand-success;\n$alert-dark-info-bg: $brand-info;\n$alert-dark-warning-bg: $brand-warning;\n$alert-dark-danger-bg: $brand-danger;\n\n$alert-news-color: $color-news;\n$alert-success-color: $color-success;\n$alert-info-color: $color-info;\n$alert-warning-color: $color-warning;\n$alert-danger-color: $color-danger;\n\n$timeline-primary-color: $brand-primary;\n$timeline-news-color: $color-news;\n$timeline-success-color: $color-success;\n$timeline-info-color: $color-info;\n$timeline-warning-color: $color-warning;\n$timeline-danger-color: $color-danger;\n\n$alert-padding:10px;\n$alert-font-size:12px;\n$alert-border-radius: $border-radius;\n$alert-text-padding-left: 15px;\n$alert-text-padding-right: 15px;\n$alert-close-font-size: 21px;\n$alert-close-opacity: .2;\n$alert-close-font-weight: 700;\n\n//Checkbox\n\n$checkbox-color: unquote(\"rgb(#{$primary-color})\") !default;\n$checkbox-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-disabled-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-focus-color: unquote(\"rgba(#{$palette-u-blue-500}, 0.26)\") !default;\n$checkbox-image-path: $image_path;\n\n$checkbox-label-font-size: 13px !default;\n$checkbox-label-height: 24px !default;\n$checkbox-button-size: 16px !default;\n$checkbox-inner-margin: 2px !default;\n$checkbox-padding: 8px !default;\n$checkbox-top-offset:\n ($checkbox-label-height - $checkbox-button-size - $checkbox-inner-margin) / 2;\n$checkbox-ripple-size: $checkbox-label-height * 1.5;\n\n$checkbox-primary-bg: $brand-primary;\n$checkbox-success-bg: $brand-success;\n$checkbox-info-bg: $brand-info;\n$checkbox-warning-bg: $brand-warning;\n$checkbox-danger-bg: $brand-danger;\n$checkbox-dark-bg: $brand-dark;\n\n$progress-primary-bg: $brand-primary;\n$progress-success-bg: $brand-success;\n$progress-info-bg: $brand-info;\n$progress-warning-bg: $brand-warning;\n$progress-danger-bg: $brand-danger;\n$progress-dark-bg: $brand-dark;\n\n$primary-color-opacity:unquote(\"rgba(#{$primary-color}, 0.7)\") !default;\n$color-success-opacity:unquote(\"rgba(#{$palette-green-500}, 0.7)\") !default;\n$color-info-opacity:unquote(\"rgba(#{$palette-cyan-500}, 0.7)\") !default;\n$color-warning-opacity:unquote(\"rgba(#{$palette-orange-500}, 0.7)\") !default;\n$color-danger-opacity:unquote(\"rgba(#{$palette-red-500}, 0.7)\") !default;\n$color-dark-opacity:unquote(\"rgba(#{$palette-grey-700}, 0.7)\") !default;\n\n\n$progress-sm-height: 10px;\n$progress-xs-height: 5px;\n$progress-xs-width: 170px;\n$progress-default-height: 20px;\n$progress-sm-lable-font-size: 10px;\n$progress-sm-lable-line-height: 10px;\n$progress-xs-lable-line-height: 8px;\n$progress-xs-lable-margin-left: 140px;\n$progress-xs-lable-font-size: 10px;\n$progress-xs-lable-color: #000;\n\n// Radio\n\n$radio-color: unquote(\"rgb(#{$primary-color})\") !default;\n$radio-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$radio-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$radio-disabled-color: $disabled-color-base !default;\n\n$radio-label-font-size: 13px !default;\n$radio-label-height: 32px !default;\n$radio-button-size: 16px !default;\n$radio-inner-margin: $radio-button-size / 4;\n$radio-padding: 8px !default;\n$radio-top-offset: ($radio-label-height - $radio-button-size) / 2;\n$radio-ripple-size: 42px !default;\n\n$radio-primary-bg: $brand-primary;\n$radio-success-bg: $brand-success;\n$radio-info-bg: $brand-info;\n$radio-warning-bg: $brand-warning;\n$radio-danger-bg: $brand-danger;\n$radio-dark-bg: $brand-dark;\n\n$radio-disabled-bg: #f7f7f7;\n$radio-diabled-border-color: #d9d9d9;\n\n$radio-border-color: #d9d9d9;\n$radio-bg-color: #fff;\n$radio-color:#212121;\n\n$radio-checked-bg-color: #fff;\n$radio-checked-color: $brand-primary;\n$radio-checked-border-color: $radio-checked-color;\n\n$radio-icon-height: 18px;\n$radio-icon-width: 18px;\n$radio-icon-checked-height: 8px;\n$radio-icon-checked-width: 8px;\n\n$radio-button-lg-height:42px;\n$radio-button-lg-line-height:26px;\n\n$radio-button-sm-height:22px;\n$radio-button-sm-line-height:20px;\n\n$radio-button-height: 28px;\n$radio-button-line-height: 26px;\n\n\n\n\n\n//loading\n\n$loading-color-1: unquote(\"rgb(#{$palette-blue-400})\") !default;\n$loading-color-2: unquote(\"rgb(#{$palette-red-500})\") !default;\n$loading-color-3: unquote(\"rgb(#{$palette-yellow-600})\") !default;\n$loading-color-4: unquote(\"rgb(#{$palette-green-500})\") !default;\n\n$loading-single-color: unquote(\"rgb(#{$primary-color})\") !default;\n\n$loading-size: 28px !default;\n$loading-stroke-width: 3px !default;\n\n// Amount of circle the arc takes up.\n$loading-arc-size: 270deg !default;\n// Time it takes to expand and contract arc.\n$loading-arc-time: 1333ms !default;\n// How much the start location of the arc should rotate each time.\n$loading-arc-start-rot: 216deg !default;\n\n$loading-duration: 360 * $loading-arc-time / (\n strip-units($loading-arc-start-rot + (360deg - $loading-arc-size)));\n\n// datetimepicker\n$timepicker-border-gap-color:#ccc;\n$timepicker-font-size:14px;\n\n$date-bg-color: unquote(\"rgb(#{$primary-color})\") !default;\n\n// message\n$snackbar-color: unquote(\"rgb(#{$color-white})\") !default;\n$snackbar-background-color: unquote(\"rgb(#{$primary-color})\") !default;\n$snackbar-color-cancel: unquote(\"rgb(#{$palette-red-500})\") !default;\n$snackbar-color-accept: unquote(\"rgb(#{$palette-green-500})\") !default;\n$snackbar-color-warning: unquote(\"rgb(#{$palette-lime-200})\") !default;\n\n// DATA TABLE\n\n$data-table-font-size: 13px !default;\n$data-table-header-font-size: 12px !default;\n$data-table-header-sort-icon-size: 16px !default;\n\n$data-table-header-color: rgba(#000, 0.54) !default;\n$data-table-header-sorted-color: rgba(#000, 0.87) !default;\n$data-table-divider-color: rgba(#000, 0.12) !default;\n$data-table-divider-color-IE8: rgb(0,0,0) !default;\n\n//$data-table-hover-color: #eeeeee !default;\n$data-table-hover-color: #E9F7FC !default;\n$data-table-selection-color: #C4EAF6 !default;\n\n$data-table-dividers: 1px solid $data-table-divider-color !default;\n$data-table-dividers-IE8: 1px solid $data-table-divider-color-IE8 !default;\n\n$data-table-row-height: 48px !default;\n$data-table-last-row-height: 56px !default;\n$data-table-header-height: 56px !default;\n\n$data-table-column-spacing: 36px !default;\n$data-table-column-padding: $data-table-column-spacing / 2;\n\n$data-table-card-header-height: 64px !default;\n$data-table-card-title-top: 20px !default;\n$data-table-card-padding: 24px !default;\n$data-table-button-padding-right: 16px !default;\n$data-table-cell-top: $data-table-card-padding / 2;\n\n// $line-height-computed: round(($font-size-small * $line-height-base));\n$line-height-computed: round((14px * $line-height-base));\n$table-bg: transparent;\n$table-cell-padding: 8px;\n$table-border-color: $border-color-base;\n$table-bg-hover: $bg-color-base;\n$table-bg-active: $table-bg-hover;\n$table-bg-accent: unquote(\"rgba(#{$palette-grey-200},.3)\") !default;\n\n\n\n\n// tooltip\n$tooltip-max-width: 200px;\n$tooltip-color: #fff;\n$tooltip-bg: #42526E;\n$tooltip-inverse-border-color: #d9d9d9;\n$tooltip-inverse-color: rgb(51,51,51);\n$tooltip-arrow-color: $tooltip-bg;\n$tooltip-opacity: 1;\n\n\n// 进度条\n$bar-height: 4px !default;\n$progress-main-color: unquote(\"rgb(#{$primary-color})\") !default;\n$progress-secondary-color: unquote(\"rgba(#{$color-primary-contrast}, 0.7)\") !default;\n$progress-fallback-buffer-color: unquote(\"rgba(#{$color-primary-contrast}, 0.9)\") !default;\n$progress-image-path: $image_path;\n$progress-buffer-bar-border:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n\n// Tabs\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\n\n\n\n$tab-highlight-color: unquote(\"rgb(#{$primary-color})\") !default;\n$tab-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$tab-active-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$tab-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n\n\n\n//CARD\n\n$card-width: 330px !default;\n$card-height: 200px !default;\n$card-font-size: 13px !default;\n$card-title-font-size: 24px !default;\n$card-subtitle-font-size: 10px !default;\n$card-horizontal-padding: 16px !default;\n$card-vertical-padding: 16px !default;\n\n$card-title-perspective-origin-x: 165px !default;\n$card-title-perspective-origin-y: 56px !default;\n\n$card-title-transform-origin-x: 165px !default;\n$card-title-transform-origin-y: 56px !default;\n\n$card-title-text-transform-origin-x: 149px !default;\n$card-title-text-transform-origin-y: 48px !default;\n\n$card-supporting-text-font-size: 1.4 * $unit !default;\n$card-supporting-text-line-height: 18px !default;\n\n$card-actions-font-size: 13px !default;\n\n$card-title-text-font-weight: 300 !default;\n$card-z-index: 1 !default;\n\n// Cover image\n$card-cover-image-height: 186px !default;\n$card-background-image-url: '' !default;\n\n\n\n$card-background-color: unquote(\"rgb(#{$color-white})\") !default;\n$card-text-color: unquote(\"rgb(#{$color-black})\") !default;\n$card-image-placeholder-color: unquote(\"rgb(#{$color-accent})\") !default;\n$card-supporting-text-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$card-border-color: rgba(0,0,0,0.1) !default;\n$card-subtitle-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n\n\n$input-border:unquote(\"rgb(#{$palette-u-gray-500})\");\n$input-border-focus:unquote(\"rgb(#{$primary-color})\");\n$input-border-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\n$input-bg-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\n$input-color:unquote(\"rgb(#{$palette-u-gray-A100})\");\n$form-input-height:36px;\n$form-input-height-sm:28px;\n$form-input-padding-left:12px;\n$form-label-color:unquote(\"rgb(#{$palette-u-gray-900})\");\n$form-control-feedback-color:unquote(\"rgb(#{$palette-u-gray-700})\");\n$form-validate-error-color:unquote(\"rgb(#{$palette-u-red-600})\");\n\n\n// BADGE\n$badge-font-size: 12px !default;\n$badge-color: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$badge-color-inverse: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background-inverse: unquote(\"rgba(#{$color-accent-contrast},0.2)\") !default;\n$badge-size : 22px !default;\n$badge-padding: 2px !default;\n$badge-overlap: 12px !default;\n\n$badge-primary-color:#FFFFFF;\n$badge-primary-bg:$brand-primary;\n\n$badge-success-color:#FFFFFF;\n$badge-success-bg: $brand-success;\n\n$badge-info-color:#FFFFFF;\n$badge-info-bg:$brand-info;\n\n$badge-warning-color:#FFFFFF;\n$badge-warning-bg:$brand-warning;\n\n$badge-danger-color:#FFFFFF;\n$badge-danger-bg:$brand-danger;\n\n$badge-dark-color:#FFFFFF;\n$badge-dark-bg:$brand-dark;\n\n$badge-font-size: 12px;\n$badge-font-dataicon-size: 10px;\n$badge-default-dataicon-fontcolor: #757575;\n$badge-default-dataicon-bgcolor: #fff;\n$badge-default-dataicon-bordercolor: $border-color-base;\n\n// labels\n$tag-padding: .25em .6em .25em;\n$tag-border-radius: 0.3em;\n$tag-bg: #eeeeee;\n$tag-round-border-radius: 1em;\n$tag-default-color: #757575;\n$tag-default-bg:#e0e0e0;\n$tag-lg-font-size: 16px;\n$tag-sm-font-size: 10px;\n$tag-sm-padding: .1em .5em .1em;\n$tag-default-hover-bg: $brand-default-hover;\n$tag-primary-hover-bg: $brand-primary-hover;\n$tag-success-hover-bg: $brand-success-hover;\n$tag-info-hover-bg: $brand-info-hover;\n$tag-warning-hover-bg: $brand-warning-hover;\n$tag-danger-hover-bg: $brand-danger-hover;\n$tag-dark-hover-bg: $brand-dark-hover;\n$tag-default-bg: $brand-default;\n$tag-primary-bg: $brand-primary;\n$tag-success-bg: $brand-success;\n$tag-info-bg: $brand-info;\n$tag-warning-bg: $brand-warning;\n$tag-danger-bg: $brand-danger;\n$tag-dark-bg: $brand-dark;\n$tag-default-hover-color:unquote(\"rgb(#{$palette-u-gray-500})\");\n\n\n// pagination\n$pagination-gap-hover-border:#7A869A;\n\n$pagination-link-padding: 7px 13px;\n$pagination-lg-font-size: 16px;\n$pagination-lg-padding-vertical: 9.5px;\n$pagination-lg-padding-horizontal: 15.5px;\n\n$pagination-small-font-size: 12px;\n$pagination-small-padding-vertical: 4px;\n$pagination-small-padding-horizontal: 9.5px;\n\n$pag-color: #666666;\n$pag-bg-color: #fff;\n$pag-border-color:#d7d7d7;\n$pag-hover-color: #666;\n$pag-hover-bg-color:$hover-bg-color-base;\n$pag-hover-border-color:#d7d7d7;\n$pag-active-color: #fff;\n$pag-active-bg-color:#7A869A;\n$pag-active-border-color:#7A869A;\n$pag-disabled-color: #777;\n$pag-disabled-bg-color:#fff;\n$pag-disabled-border-color:#ddd;\n\n$border-radius-base: $border-radius;\n$border-radius-large: 4px;\n$border-radius-small: 2px;\n\n$line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome\n$line-height-small: 1.5;\n// widget\n\n$widget-padding-left:30px;\n$widget-padding-top:10px;\n\n//tooltips\n\n$tooltip-default-bg: $brand-default;\n$tooltip-primary-bg: $brand-primary;\n$tooltip-success-bg: $brand-success;\n$tooltip-info-bg: $brand-info;\n$tooltip-warning-bg: $brand-warning;\n$tooltip-danger-bg: $brand-danger;\n$tooltip-dark-bg: $brand-dark;\n\n//menu Button\n\n$menu-default-bg: $brand-default;\n$menu-primary-bg: $brand-primary;\n$menu-success-bg: $brand-success;\n$menu-info-bg: $brand-info;\n$menu-warning-bg: $brand-warning;\n$menu-danger-bg: $brand-danger;\n$menu-dark-bg: $brand-dark;\n$menu-default-bg-hover: $brand-default-hover;\n$menu-primary-bg-hover: $brand-primary-hover;\n$menu-success-bg-hover: $brand-success-hover;\n$menu-info-bg-hover: $brand-info-hover;\n$menu-warning-bg-hover: $brand-warning-hover;\n$menu-danger-bg-hover: $brand-danger-hover;\n$menu-dark-bg-hover: $brand-dark-hover;\n\n\n// breadcrumbs\n\n$breadcrumb-padding-vertical: 8px;\n$breadcrumb-padding-horizontal: 10px;\n$breadcrumb-separator: \"/\\00a0\";\n$breadcrumb-bg: transparent;\n$breadcrumb-margin-bottom: 10px;\n\n$breadcrumb-color: $brand-primary;\n$breadcrumb-active-color: $text-color;\n\n$breadcrumb-icon-margin-right: 10px;\n$breadcrumb-arrow-separator: \"\\00bb\\00a0\";\n\n$breadcrumb-bg-color: #f5f5f5;\n$breadcrumb-active-color: #777;\n$breadcrumb-separate-color: #ccc;\n\n// list-group\n$list-group-media-heading-font-size : $font-size-small;//14px\n$list-group-link-disabled-color : $disabled-color-base;\n\n$list-group-link-disabled-bg : $gray-lightest;\n\n$list-group-active-color : $brand-primary;\n$list-group-link-active-color : unquote(\"rgb(#{$color-white})\") !default;\n$list-group-link-active-bg : $brand-primary;\n\n\n$list-group-item-icon-margin-right : 10px;\n\n$list-group-bg-inherit-item-border : rgba(0, 0, 0, 0.075);\n$list-group-bg-inherit-item-hover-bg : rgba(0, 0, 0, 0.075);\n\n\n$list-group-border-radius: $border-radius-base;\n\n\n\n$list-group-link-color: $text-color;\n$list-group-link-hover-color: $text-color;\n$list-group-link-heading-color: $title-color;\n\n$list-group-hover-bg: $bg-color-base;\n\n$list-group-disabled-bg: transparent;\n\n$list-group-disabled-color: $disabled-color-base;\n\n\n$list-group-disabled-text-color: $list-group-disabled-color;\n$list-group-active-bg: transparent;\n$list-group-active-border: $list-group-active-bg;\n// $list-group-active-text-color: lighten($list-group-active-color, 40%);\n$list-group-active-text-color: $list-group-active-color;\n\n$list-group-bg: #fff;\n$list-group-border: transparent;\n// $list-group-bordered-border : $border-color-base;\n// $list-group-bordered-active-color : $component-active-color;\n// $list-group-bordered-active-bg : $component-active-bg;\n// $list-group-bordered-active-border : $list-group-bordered-active-bg;\n\n// $list-group-gap-item-margin-bottom : 2px;\n\n//step\n$steps-margin-bottom: $line-height-computed;\n$step-padding-horizontal:20px;\n$step-padding-vertical: 12px;\n\n$step-vertical-padding-horizontal: 20px;\n$step-vertical-padding-vertical:18px;\n\n$step-color: $gray;\n$step-bg: $bg-color-base;\n$step-number-bg: $gray-lighter;\n$step-number-color: $inverse;\n\n$step-current-color: $inverse;\n$step-current-bg: $brand-primary;\n\n$step-done-color: $inverse;\n$step-done-bg:$brand-success;\n\n$step-error-color: $inverse;\n$step-error-bg: $brand-danger;\n\n$step-disabled-color:$gray-light;\n\n$step-font-size: inherit;\n$step-title-font-size: 20px;\n$step-icon-font-size:27px;\n$step-number-font-size:24px;\n$step-number-size: 40px;\n\n$step-lg-padding-horizontal:20px;\n$step-lg-padding-vertical:20px;\n$step-lg-font-size: 16px;\n$step-lg-title-font-size:22px;\n$step-lg-icon-font-size: 32px;\n$step-lg-number-font-size:28px;\n$step-lg-number-size:46px;\n\n$step-sm-font-size: 12px;\n$step-sm-title-font-size: 18px;\n$step-sm-icon-font-size: 24px;\n$step-sm-number-font-size: 24px;\n$step-sm-number-size: 30px;\n\n$step-xs-font-size: 10px;\n$step-xs-title-font-size: 16px;\n$step-xs-icon-font-size: 22px;\n$step-xs-number-font-size: 20px;\n$step-xs-number-size: 24px;\n\n// blog nav\n$blognav-active-color:unquote(\"rgb(#{$primary-color})\");\n// widget\n$widget-padding-left:30px;\n$widget-padding-top:10px;\n\n\n// couter 数据统计\n\n$counter-number-color: $gray-darkest;\n$counter-number-font-size: 20px;\n$counter-icon-font-size: $counter-number-font-size;\n\n$counter-lg-number-font-size: 40px;\n$counter-md-number-font-size: 30px;\n$counter-sm-number-font-size: 14px;\n\n$counter-lg-icon-font-size: $counter-lg-number-font-size;\n$counter-md-icon-font-size: $counter-md-number-font-size;\n$counter-sm-icon-font-size: $counter-sm-number-font-size;\n\n$counter-inverse-color: $inverse;\n\n\n// navbar\n\n\n$menu-active-color: #108ee9;\n$menu-border-active-color: #108ee9;\n$menu-selected-bg-color: #eaf8fe;\n$menu-group-titil-color: #999;\n$menu-group-title-padding-left: 32px;\n$menu-color: #666;\n$menu-border-color: #d9d9d9;\n\n$navbar-default-bg-color: #f8f8f8;\n$navbar-default-border-color: #e7e7e7;\n$navbar-default-color: #777;\n$navbar-default-hover-color: #333;\n$navbar-inverse-hover-color: #fff;\n$navbar-inverse-color: #9d9d9d;\n$navbar-inverse-bg-color: #222;\n$navbar-inverse-border-color: #080808;\n$navbar-border-radius: 4px;\n\n$navbar-side-container-border-color: #d9d9d9;\n$navbar-side-container-width: 242px;\n$navbar-side-container-border-shadow: #d9d9d9;\n\n// Basics of a navbar\n$navbar-height: 50px;\n$navbar-margin-bottom: $line-height-computed;\n$navbar-border-radius: $border-radius-base;\n$navbar-padding-horizontal: floor(($grid-gutter-width / 2));\n$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2);\n$navbar-collapse-max-height: 340px;\n\n$navbar-avatar-margin-horizontal: (($navbar-height - 32px) / 2);\n\n$navbar-brand-padding-horizontal: 20px;\n$navbar-brand-logo-height: 32px;\n\n$navbar-default-color: $text-color;\n$navbar-default-bg: $inverse;\n$navbar-default-border: $border-color-base;\n\n// Navbar links\n$navbar-default-link-color: $text-color;\n$navbar-default-link-hover-color: $gray-darker;\n$navbar-default-link-hover-bg: rgba(238,238,238, 30%);\n$navbar-default-link-active-color: $navbar-default-link-hover-color;\n$navbar-default-link-active-bg: rgba(238,238,238, 60%);\n$navbar-default-link-disabled-color: $disabled-color-base;\n$navbar-default-link-disabled-bg: transparent;\n\n// Navbar brand label\n$navbar-default-brand-color: $title-color;\n$navbar-default-brand-hover-color: $navbar-default-brand-color;\n$navbar-default-brand-hover-bg: none;\n\n// Navbar toggle\n$navbar-default-toggle-hover-bg: $navbar-default-link-hover-bg;\n$navbar-default-toggle-icon-bar-bg: $navbar-default-color;\n$navbar-default-toggle-border-color: transparent;\n\n\n// Inverted navbar\n// Reset inverted navbar basics\n$navbar-inverse-bg: $brand-primary;\n$navbar-inverse-border: rgba(0, 0, 0, .1);\n\n// Inverted navbar links\n$navbar-inverse-link-color: $inverse;\n$navbar-inverse-link-hover-color: $inverse;\n$navbar-inverse-link-hover-bg: rgba(0, 0, 0, .1);\n$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color;\n$navbar-inverse-link-active-bg: $navbar-inverse-link-hover-bg;\n$navbar-inverse-link-disabled-color: $inverse;\n$navbar-inverse-link-disabled-bg: transparent;\n\n// Inverted navbar brand label\n$navbar-inverse-brand-color: $navbar-inverse-link-color;\n$navbar-inverse-brand-hover-color: $inverse;\n$navbar-inverse-brand-hover-bg: none;\n\n// Inverted navbar toggle\n$navbar-inverse-toggle-hover-bg: $navbar-inverse-link-hover-bg;\n$navbar-inverse-toggle-icon-bar-bg: $inverse;\n$navbar-inverse-toggle-border-color: transparent;\n\n//hamburger\n$hamburger-size: 17px;\n\n\n//panel\n$panel-header-padding : 10px 15px;\n$panel-footer-padding : 10px 15px;\n$panel-body-padding : 15px 15px;\n$panel-header-bg-color : #f5f5f5;\n$panel-footer-bg-color : #f5f5f5;\n$panel-bg-color : #fff;\n$panel-default-color : #757575;\n$panel-inner-border-color: #ddd;\n\n\n//modal\n$modal-header-padding : 15px;\n$modal-body-padding : 15px;\n$modal-footer-padding : 15px;\n$modal-content-bg-color: #fff;\n$modal-backdrop-bg: #000;\n$modal-backdrop-opacity: .6;\n$modal-header-border-color: transparent;\n$modal-footer-border-color: transparent;\n$modal-xlg: 976px;\n$modal-lg: 800px;\n$modal-sm: 400px;\n$modal-default: 600px;\n$modal-border-radius: $border-radius-base;\n\n//notification\n\n$zIndex-notification: $zIndex-notification;\n$notification-top: 30px;\n$notification-bottom: 30px;\n$notification-right: 30px;\n$notification-width: 300px;\n$notification-text-margin-right: 15px;\n$notice-padding: 15px;\n$notice-background: $gray-darkest;\n$notice-bottom: 15px;\n\n//message\n\n$message-font-size: 12px;\n\n$message-right: 30px;\n$message-width: 300px;\n$message-text-margin-right: 15px;\n$message-padding: 0;\n$message-content-padding: 15px;\n$message-background: $gray-darkest;\n\n//popconfirm\n\n$popconfirm-max-width: 300px;\n\n$popconfirm-dark-bg: $gray-darkest;\n$popconfirm-fallback-dark-border-color: $gray-darkest;\n$popconfirm-margin: 10px;\n$popconfirm-title-bg: #fff;\n$popconfirm-border-color:$border-color-base;\n$popconfirm-arrow-width: 10px;\n$popconfirm-arrow-color: $border-color-base;\n$popconfirm-arrow-outer-width: 0;\n$popconfirm-arrow-outer-color: $border-color-base;\n$popconfirm-border-right-color: $border-color-base;\n$popconfirm-fallback-border-color: #fff;\n\n//select\n\n$select-bg-color: #fff;\n$select-border-color: $border-color-base;\n$select-border-radius: $border-radius-base;\n$select-color: $font-color-base;\n$select-font-size: 12px;\n$select-dropdown-color: #666;\n$select-dropdown-bg-color: #fff;\n$select-dropdown-hover-bg: $hover-bg-color-base;\n$select-dropdown-selected-bg: $selected-bg-color-base;\n$select-dropdown-selected-color: rgb(134, 119, 119);\n$select-dropwdown-item-padding: 7px 16px;\n$select-disabled-color: $disabled-color-base;\n$select-disabled-bg: #f7f7f7;\n$select-disabled-border-color: #d9d9d9;\n//dropdown\n\n$dropdown-item-hover-bg-color: unquote(\"rgb(#{$palette-grey-100})\");\n$dropdown-item-divier-bg-color: $gray-lighter;\n$dropdown-border-color: $border-color-base;\n$dropdown-border-radius:3px;\n$dropdown-shadow: 0 1px 5px $dropdown-border-color;\n$dropdown-margin: 5px 0 0 0;\n$dropdown-menu-item-padding: 0px 16px 0 28px;\n$dropdown-menu-font-size: 12px;\n$dropdown-menu-item-height: 42px;\n$dropdown-menu-item-light-height: 42px;\n$dropdown-menu-title-font-size: 12px;\n$dropdown-menu-title-color: $disabled-color-base;\n$dropdown-menu-title-padding:8px 16px;\n$dropdown-menu-title-line-height: 1.5;\n\n//upload\n\n$upload-list-color: #108ee9;\n$upload-list-bg : #fff;\n$upload-list-hover-bg: #e7f4fd;\n$upload-list-error-color: #f50;\n$upload-thumbnail-height: 48px;\n$upload-thumbnail-width: 48px;\n$upload-thumbnail-img-height: 48px;\n$upload-thumbnail-img-width: 48px;\n\n//loading\n\n$loading-loadprimary: rgb(63, 81, 181);\n$loading-loadsuccess: #4caf50;\n$loading-loadwarn: rgb(255, 152, 0);\n$loading-lineanimating: (\n 1:line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08),\n 2:line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08),\n 3:line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08),\n 4:line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08),\n 5:line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08)\n);\n$loading-linebackcolor: (\n 1: #F44336,\n 2: #7ED321,\n 3: #0084FF,\n 4: #FF9800,\n 5: #D0021B\n);\n$loading-back-width: 120px;\n$loading-back-height:110px;\n$loading-desc-font-size: 16px;\n$loading-desc-color: #cecece;\n$loading-rotate-bor:#c2c3c5;\n\n//两种加载的尺寸 width height\n$loading-rotate-sm-size: 25px;\n$loading-rotate-size:40px;\n$loading-rotate-lg-size:60px;\n\n$loading-line-sm-width: 4px;\n$loading-line-sm-height:35px;\n$loading-line-width:6px;\n$loading-line-height:50px;\n$loading-line-lg-width:8px;\n$loading-line-lg-height:90px ;\n\n//居中位置top left\n$loading-center-top:50%;\n$loading-center-left:50%;\n\n$loading-rotate-center-sm: -15px ;\n$loading-rotate-center:-22px;\n$loading-rotate-center-lg:-35px ;\n\n$loading-line-center-sm-top: -22px;\n$loading-line-center-sm-left:-20px;\n$loading-line-center-top:-30px;\n$loading-line-center-left:-25px;\n$loading-line-center-lg-top:-50px;\n$loading-line-center-lg-left:-30px;\n\n\n//switch\n\n\n//color\n$switch-border-color: $gray-lighter;\n$switch-back-color: $gray-lighter;\n$switch-checked-borColor: $brand-primary;\n$switch-checked-backColor: $brand-primary;\n\n// border-radius of different state switch\n$switch-border-radius: 20px;\n$switch-border-radius-after: 18px;\n\n// width height line-height of the three switches\n$switch-width: (default:44px, small:32px, large:60px);\n$switch-height: (default:22px, small:16px, large:30px);\n$switch-lineHeight: (default:20px, small:12px, large:12px);\n\n// style of u-switch-inner\n$switch-inner-fontSize: (default:12px, small:10px, large:18px);\n$switch-inner-left: (default:22px, small:16px, large:30px);\n$switch-inner-largeTop: 8px;\n\n// style of u-switch:active:after\n$switch-active-width: (default:24px, small:16px, large:32px);\n\n// style of u-switch:after\n$switch-after-widthHeight: 18px;\n$switch-after-widthHeight-sm: 14px;\n$switch-after-widthHeight-lg: 26px;\n$switch-after-top: 1px;\n$switch-after-top-sm: 0;\n$switch-after-top-lg: 1px;\n$switch-after-left: 0;\n$switch-after-left-sm: 0;\n$switch-after-left-lg: 0;\n\n// style of u-switch.is-checked\n$switch-checked-innerLeft: (default:8px, small:4px, large:8px);\n$switch-checked-afterLeft: (default:24px, small:16px, large:32px);\n$switch-checked-activeLeft: (default:16px, small:10px, large:26px);\n\n$switch-primary-bg: $brand-primary;\n$switch-dark-bg: $brand-dark;\n$switch-success-bg: $brand-success;\n$switch-warning-bg: $brand-warning;\n$switch-danger-bg: $brand-danger;\n$switch-info-bg: $brand-info;\n\n//tabs\n\n$tabs-basic-back: #f5f5f5;\n$tabs-cls-color: #666;\n$tabs-cls-width: 900px;\n$tabs-simple-conHeight: 120px;\n$tabs-simple-conPad: 16px;\n$tabs-simple-conWidth: 100%;\n\n$tabs-fontSize: (simple:14px, fill:14px, turn:14px, slide:14px, fade:14px, fadeup:14px);\n$tabs-lineHeight: (simple:2.3, fill:2.3, turn:2.3, slide:2.3, fade:2.3, fadeup:2.3);\n$tabs-marginBottom: -1px;\n\n$tabs-simple-tab: (padding:0 16px, margin:5px 0 5px 5px, radius:0 0 0 0, back:#fff);\n$tabs-simple-tabBorder: 1px solid #fff;\n$tabs-simple-activeBorder: 1px solid $brand-primary;\n$tabs-simple-activeColor: #fff;\n$tabs-simple-activeBorBottom: 1px solid $brand-primary;\n$tabs-simple-activeTopRadius: 5px;\n$tabs-simple-fontWeight: bold;\n\n$tabs-fill-tab: (padding: 0 16px, color:#666, back:#fff, afterBack:#d2d8d6, activeBack:$brand-primary);\n$tabs-fill-tab-maright: 5px;\n$tabs-fill-after-top: 0;\n$tabs-fill-after-left: 0;\n$tabs-fill-after-width: 100%;\n$tabs-fill-after-height: 100%;\n$tabs-fill-fontWeight: bold;\n\n$tabs-turn-tab: (padding: 0 16px, color:#fff, back:#f5f5f5, afterBack:$brand-primary, activeBack:$brand-primary);\n$tabs-turn-after-top: 0;\n$tabs-turn-after-left: 0;\n$tabs-turn-after-width: 100%;\n$tabs-turn-after-height: 100%;\n$tabs-turn-beforeBot: 32px;\n$tabs-turn-beforeRight: 15px;\n$tabs-turn-fontWeight: bold;\n$tabs-moveleft-conHeight: 120px;\n$tabs-moveleft-conPad: 16px;\n\n$tabs-slide-tabs: (width:25%, padding: 0 16px, back:#f5f5f5);\n$tabs-slide-child-bottom: 0;\n$tabs-slide-child-left: 0;\n$tabs-slide-child-height: 4px;\n$tabs-slide-child-back: $brand-primary;\n$tabs-slide-fontWeight: bold;\n\n$tabs-fade-tab: (marLeft:5px, marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\n$tabs-fade-conPad: 16px;\n$tabs-fade-conBor: 5px;\n\n$tabs-fadeup-tab: (marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\n$tabs-fadeup-top: -5px;\n$tabs-fadeup-left: 0;\n$tabs-fadeup-width: 100%;\n$tabs-fadeup-height: 100%;\n$tabs-fadeup-color: #666;\n$tabs-fadeup-conHeight: 120px;\n$tabs-fadeup-conPad: 16px;\n\n\n//rate\n$rate-star-default-color:$gray-lightest;\n$rate-star-active-color:$brand-primary;\n$rate-star-marginRight:8px;\n//backtop\n$back-top-padding:5px;\n$backtop-background:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$backtop-color:unquote(\"rgb(#{$color-white})\") !default;\n$backtop-right:10px;\n$backtop-bottom:10px;\n$backtop-dom-right:40px;\n\n\n//dnd\n$dnd-list-background:unquote(\"rgb(#{$palette-grey-400})\")!default;\n$dnd-list-padding:8px;\n$dnd-list-dragging-background:unquote(\"rgb(#{$palette-light-blue-A200})\")!default;\n$dnd-item-color:unquote(\"rgb(#{$color-black})\")!default;\n$dnd-item-padding:16px;\n$dnd-item-margin:4px;\n$dnd-item-background:unquote(\"rgb(#{$palette-grey-500})\")!default;\n$dnd-item-dragging-background:unquote(\"rgb(#{$palette-blue-300})\")!default;\n\n// bee-tree\n$tree-checkbox-color: unquote(\"rgb(#{$primary-color})\") !default;\n$tree-node-bg-color: $hover-bg-color-base !default;\n\n// bee-table\n$table-head-background-color: unquote(\"rgb(#{$table-header-background-color})\") !default;\n$table-head-text-color: unquote(\"rgb(#{$table-header-text-color})\") !default;\n\n// bee-transfer\n$transfer-border-gap-color:#d9d9d9;\n\n// bee-transfer\n$cascader-border-gap-color:#ccc;","\n\n// $performance_font: 'Helvetica', 'Arial', sans-serif !default;\n\n@import \"minxin-colors\";\n\n\n\n@function strip-units($number) {\n @return $number / ($number * 0 + 1);\n}\n$unit: 10px !default;\n// IMAGES\n$image_path: '/images' !default;\n\n\n\n//默认颜色\n$trim-color-classes: false !default;\n\n@import \"minxin-themeColors\";\n\n//对比色\n$color-primary-contrast: $color-dark-contrast !default;\n$color-accent-contrast: $color-dark-contrast !default;\n//字体颜色\n$color-text: $palette-grey-900 !default;\n\n//不明所以 $primary-color: unquote(\"rgba(#{$palette-grey-500}, 0.20)\") !default;\n\n// -- Fonts 字体大小权重预定义\n$preferred-font: 'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei',sans-serif !default;\n$font-size: 1.6 * $unit !default;\n$font-size-tiny: 1.2 * $unit !default;\n$font-size-small: 1.4 * $unit !default;\n$font-size-normal: $font-size !default;\n$font-size-big: 1.8 * $unit !default;\n$font-weight-thin: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-semi-bold: 500 !default;\n$font-weight-bold: 700 !default;\n$font-color:unquote(\"rgb(#{$palette-u-gray-800})\") !default;\n// 白色背景下的文字颜色\n$font-color-base: #212121 !default;\n\n$font-weight-override: false;\n$font-weight-light: 300;\n$font-weight-normal: 400;\n$font-weight-medium: 500;\n$font-weight-bold: 700;\n$font-weight-base: $font-weight-normal;\n\n\n\n\n$gray-base: unquote(\"rgb(#{$palette-grey-900})\") !default;\n$gray-darkest: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$gray-darker: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$gray-dark: unquote(\"rgb(#{$palette-grey-600})\") !default;\n$gray: unquote(\"rgb(#{$palette-grey-500})\") !default;\n$gray-light: unquote(\"rgb(#{$palette-grey-400})\") !default;\n$gray-lighter: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$gray-lightest:unquote(\"rgb(#{$palette-grey-200})\") !default;\n$inverse: unquote(\"rgb(#{$color-white})\") !default;\n// $border-color-base: $gray-lighter;\n$border-color-base: unquote(\"rgb(#{$border-color})\") !default;\n$line-height-base: 1.57142857;\n\n// 边框圆角\n$border-radius-base: $border-radius;\n\n// 阴影\n\n$shadow-key-umbra-opacity: 0.2 !default;\n$shadow-key-penumbra-opacity: 0.14 !default;\n$shadow-ambient-shadow-opacity: 0.12 !default;\n\n$shadow-base: 0 1px 5px $gray-lighter;\n\n\n\n//-- Indexes\n$z-index-highest: 300;\n$z-index-higher: 200;\n$z-index-high: 100;\n$z-index-normal: 1;\n$z-index-low: -100;\n$z-index-lower: -200;\n\n$zindex-modal: 1700;\n$zindex-modal-background: 1600;\n$zIndex-notification: 1560;\n$zIndex-message: 1550;\n$zIndex-popconfirm: 1540;\n$zIndex-popover: 1540;\n$zIndex-tooltip: 1530;\n$zIndex-alert: 1510;\n$zindex-navbar-fixed: 1500;\n$zindex-menubar: 1400;\n$zindex-overlay: 1300;\n$zindex-dropdown: 1200;\n$zindex-navbar: 1200;\n$zindex-header: 1100;\n$zindex-footer: 1000;\n$zindex-backtop:2000;\n\n// 文本字体\n\n//todo\n$text-color-primary: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$text-link-color: unquote(\"rgb(#{$color-accent})\") !default;\n\n$target-elements-directly: true !default;\n\n\n$global-selected-color: unquote(\"rgb(#{$palette-blue-100})\") !default;\n\n\n// 控件\n$cursor-disabled: not-allowed;\n\n\n$title-color: $gray-darkest;\n//todo\n$subtitle-color: $gray-darker;\n$text-color: $gray-dark;\n\n$prompt-color: $gray;\n//全局不同状态颜色\n//todo\n$active-color-base: unquote(\"rgb(#{$palette-blue-800})\") !default;\n$normal-color-base: unquote(\"rgb(#{$palette-blue-600})\") !default;\n$hover-color-base: unquote(\"rgb(#{$palette-blue-400})\") !default;\n\n$bg-color-base: $gray-lightest;\n\n//disable颜色\n$disabled-color-base: #909090;\n$disabled-border-color: $gray-lighter;\n$disabled-bg-color: $gray-lightest;\n\n// 全局链接颜色\n$link-color: $normal-color-base;\n$link-hover-color: $hover-color-base;\n$link-active-color: $active-color-base;\n\n// 品牌色\n$brand-default: $gray-lighter;\n$brand-default-hover: $gray-lightest;\n$brand-default-active: $gray-light;\n// $brand-default: unquote(\"rgb(#{$color-primary})\");\n// $brand-default-hover: unquote(\"rgb(#{$color-primary-light})\");\n// $brand-default-active: unquote(\"rgb(#{$color-primary-dark})\");\n\n$brand-primary : unquote(\"rgb(#{$primary-color})\") !default;\n$brand-primary-hover: unquote(\"rgb(#{$primary-color-light})\") !default;\n$brand-primary-active: unquote(\"rgb(#{$primary-color-dark})\") !default;\n\n$brand-secondary : unquote(\"rgb(#{$secondary-color})\") !default;\n$brand-secondary-hover: unquote(\"rgb(#{$secondary-color-light})\") !default;\n$brand-secondary-active: unquote(\"rgb(#{$secondary-color-dark})\") !default;\n\n$brand-success: unquote(\"rgb(#{$palette-green-500})\") !default;\n$brand-success-hover: unquote(\"rgb(#{$palette-green-300})\") !default;\n$brand-success-active: unquote(\"rgb(#{$palette-green-700})\") !default;\n\n$brand-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\n$brand-info-hover: unquote(\"rgb(#{$palette-cyan-300})\") !default;\n$brand-info-active: unquote(\"rgb(#{$palette-cyan-700})\") !default;\n\n$brand-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\n$brand-warning-hover: unquote(\"rgb(#{$palette-orange-300})\") !default;\n$brand-warning-active: unquote(\"rgb(#{$palette-orange-700})\") !default;\n\n\n$brand-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\n$brand-news-hover: unquote(\"rgb(#{$palette-blue-300})\") !default;\n$brand-news-active: unquote(\"rgb(#{$palette-blue-700})\") !default;\n\n$brand-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\n$brand-danger-hover: unquote(\"rgb(#{$palette-red-300})\") !default;\n$brand-danger-active: unquote(\"rgb(#{$palette-red-700})\") !default;\n\n$brand-dark: $gray-darker;\n$brand-dark-hover: $gray-dark;\n$brand-dark-active: $gray-darkest;\n\n$brand-light : unquote(\"rgb(#{$color-dark-contrast})\") !default;\n$brand-light-hover: unquote(\"rgb(#{$palette-grey-200})\") !default;\n$brand-light-active: unquote(\"rgb(#{$palette-grey-400})\") !default;\n\n$brand-light-primary : unquote(\"rgb(#{$palette-blue-100})\") !default;\n$brand-light-success: unquote(\"rgb(#{$palette-green-100})\") !default;\n$brand-light-info: unquote(\"rgb(#{$palette-cyan-100})\") !default;\n$brand-light-warning: unquote(\"rgb(#{$palette-orange-100})\") !default;\n$brand-light-news: unquote(\"rgb(#{$palette-blue-100})\") !default;\n$brand-light-danger: unquote(\"rgb(#{$palette-red-100})\") !default;\n\n//不同背景下对应的文字颜色\n\n$color-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\n$color-success: unquote(\"rgb(#{$palette-green-500})\") !default;\n$color-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\n$color-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\n$color-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\n$color-light: $gray-darker !default;\n\n//redius\n\n$default-border-radius: $border-radius;\n\n// hover时的背景色，包括select、dropdown、table、datepicker、tree、menu等组件\n$hover-bg-color-base: unquote(\"rgb(#{$item-hover-bg-color-base})\") !default;\n// // selected背景色，包括：select、menu等\n$selected-bg-color-base: unquote(\"rgb(#{$item-selected-bg-color-base})\") !default;\n\n// UButton\n\n// Button 基础背景色.\n// 默认按钮(<Button></Button>)\n$button-default-color: unquote(\"rgb(#{$default-color})\");\n$button-default-color-IE8: unquote(\"rgb(#{$default-color})\");\n\n// 边框按钮(shape:'border')\n$button-border-bg-color: unquote(\"rgb(#{$color-dark-contrast})\");\n\n// Button 不同状态下的背景色 ：hover、active、focus状态.\n$button-hover-color: unquote(\"rgb(#{$default-color-light})\");\n$button-active-color: unquote(\"rgb(#{$default-color-dark})\");\n$button-focus-color: unquote(\"rgb(#{$default-color-light})\");\n\n// Button 配置不同colors属性时的背景色.\n$button-primary-color: $brand-primary;\n$button-primary-active-color: $brand-primary-active;\n$button-primary-hover-color: $brand-primary-hover;\n$button-secondary-color: $brand-secondary;\n$button-secondary-active-color: $brand-secondary-active;\n$button-secondary-hover-color: $brand-secondary-hover;\n$button-success-color: $brand-success;\n$button-success-active-color: $brand-success-active;\n$button-success-hover-color: $brand-success-hover;\n$button-info-color: $brand-info;\n$button-info-active-color: $brand-info-active;\n$button-info-hover-color: $brand-info-hover;\n$button-warning-color: $brand-warning;\n$button-warning-active-color: $brand-warning-active;\n$button-warning-hover-color: $brand-warning-hover;\n$button-danger-color: $brand-danger;\n$button-danger-active-color: $brand-danger-active;\n$button-danger-hover-color: $brand-danger-hover;\n$button-dark-color: $brand-dark;\n$button-dark-active-color: $brand-dark-active;\n$button-dark-hover-color: $brand-dark-hover;\n$button-light-color: $brand-light;\n$button-light-active-color: $brand-light-active;\n$button-light-hover-color: $brand-light-hover;\n\n// Button 文字颜色.\n// 主按钮(colors:'primary')\n$button-primary-text-color: unquote(\"rgb(#{$text-color-base})\") !default;\n$button-text-color: $button-primary-text-color;\n// 次按钮(colors:'secondary')\n$button-second-text-color: unquote(\"rgb(#{$button-secondary-text-color})\") !default;\n// 默认按钮(<Button></Button>)\n$button-default-text-color: unquote(\"rgb(#{$palette-grey-900})\") !default;\n// 边框按钮(shape:'border')\n// $button-border-text-color: unquote(\"rgb(#{$primary-color})\") !default;\n\n// Button 边框样式及颜色.\n$button-border-style: unquote(\"solid\") !default;\n$button-border-color: $border-color-base;\n$button-default-border-color: $button-default-color !default;\n\n// Button 不同状态下的边框颜色 ：hover、active、focus状态.\n$button-hover-border-color: $brand-default-hover;\n$button-active-border-color: $brand-default-active;\n$button-focus-border-color: $brand-default-active;\n\n// FAB colors and sizes.\n$button-fab-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-hover-color-alt: unquote(\"rgb(#{$color-accent-light})\") !default;\n$button-fab-active-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-text-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$button-fab-ripple-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n\n// Icon button colors and sizes.\n$button-icon-color: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$button-icon-focus-color: $button-focus-color !default;\n\n// Button 最小宽度、高度、内边距、外边距、行高、边框粗细、圆角.\n$button-min-width: 72/10 * $unit !default;\n$button-height: 36/10 * $unit !default;\n$button-padding: 4/10* $unit 13/10 * $unit !default;\n$button-padding-IE8: 4px 13px !default;\n$button-top-padding: 1310 * $unit !default;\n$button-left-padding: 6/10* $unit !default;\n$button-line-height:1.57142857;\n$button-margin: 4/10 * $unit !default;\n$button-border-radius: 3/10 * $unit !default;\n$button-border-width: 1/10 * $unit !default;\n\n$button-fab-size: 38/10 * $unit !default;\n$button-fab-size-mini: 30/10 * $unit !default;\n$button-fab-font-size: 14/10 * $unit !default;\n\n$button-icon-size: 32/10 * $unit !default;\n$button-icon-size-mini: 13/10 * $unit !default;\n\n$button-raised-font-size: 14/10 * $unit !default;\n\n// Button 大按钮\n$button-padding-y-lg:8px;\n$button-padding-x-lg:15px;\n$font-size-lg:1.4 * $unit;\n\n\n// Button 特大型按钮\n$button-padding-y-xg:10.5px;\n$button-padding-x-xg:18px;\n$font-size-xg:1.6 * $unit;\n\n\n// Button 小型按钮\n$button-padding-y-sm:3px;\n$button-padding-x-sm:5px;\n$font-size-sm:1.2 * $unit;\n\n\n\n// UText\n\n\n$form-control-border-radius: $border-radius-base;\n$form-control-default-font-size: 14px;\n$form-control-lg-font-size: 14px;\n$form-control-sm-font-size: 12px;\n$form-control-default-height: 32px;\n$form-control-lg-height: 40px;\n$form-control-sm-height: 26px;\n$form-control-color: #424242;\n$form-control-bg-color: #fff;\n$form-control-border-color: $border-color-base;\n$form-control-disable-bg-color: #F7F9FB;\n$form-control-disable-color: $disabled-color-base;\n$form-control-disable-border-color: #DFE1E6;\n\n$input-text-background-color: transparent !default;\n$input-text-label-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$input-text-bottom-border-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n$input-text-bottom-border-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\n$input-text-highlight-color: unquote(\"rgb(#{$primary-color})\") !default;\n$input-text-disabled-color: $input-text-bottom-border-color !default;\n$input-text-disabled-text-color: $input-text-label-color !default;\n$input-text-error-color: unquote(\"rgb(222, 50, 38)\") !default;\n$input-text-must-color:unquote(\"rgb(#{$palette-red-A700})\") !default;\n\n\n$input-text-font-size: 14px !default;\n$input-text-width: 100% !default;\n$input-text-padding: 4px !default;\n$input-text-vertical-spacing: 20px !default;\n\n$input-text-button-size: 32px !default;\n$input-text-floating-label-fontsize: 12px !default;\n$input-text-expandable-icon-top: 16px !default;\n$input-text-height:36px !default;\n$input-text-normal-width:360px !default;\n$input-text-short-width:180px !default;\n$input-text-normal-border-color:unquote(\"rgb(#{$palette-u-gray-400})\") !default;\n$input-text-color:unquote(\"rgb(#{$palette-u-gray-A200})\") !default;\n$input-text-focus-border-color:unquote(\"rgb(#{$palette-u-blue-400})\") !default;\n$input-lable-color:unquote(\"rgb(#{$palette-u-gray-900})\") !default;\n\n\n/* FormGroup */\n\n$error-input-border:$brand-danger;\n$warning-input-border:$brand-warning;\n$success-input-border:$brand-success;\n$success-addon-bg: $brand-light-success;\n$warning-addon-bg: $brand-light-warning;\n$error-addon-bg: $brand-light-danger;\n$form-group-margin-top: 15px;\n$form-group-margin-bottom: 15px;\n\n/* Navlayout */\n\n$layout-nav-color: unquote(\"rgb(#{$palette-grey-100})\") !default;\n\n// Drawer\n$layout-drawer-bg-color: unquote(\"rgb(#{$palette-grey-50})\") !default;\n$layout-drawer-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$layout-text-color: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$layout-drawer-navigation-color: #757575 !default;\n$layout-drawer-navigation-link-active-background: unquote(\"rgb(#{$palette-grey-200})\") !default;\n$layout-drawer-navigation-link-active-color: $layout-text-color !default;\n\n// Header\n$layout-header-bg-color: unquote(\"rgb(#{$primary-color})\") !default;\n$layout-header-text-color: unquote(\"rgb(#{$color-primary-contrast})\") !default;\n$layout-header-nav-hover-color: unquote(\"rgba(#{$palette-grey-700}, 0.6)\") !default;\n$layout-header-tab-text-color: unquote(\"rgba(#{$color-primary-contrast}, 0.6)\") !default;\n\n// Tabs\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\n\n$layout-nav-link-font-size: 13px !default;\n\n$layout-drawer-narrow: 240px !default;\n$layout-drawer-wide: 456px !default;\n$layout-drawer-width: $layout-drawer-narrow !default;\n\n$layout-header-icon-size: 32px !default;\n$layout-screen-size-threshold: 1024px !default;\n$layout-header-icon-margin: 24px !default;\n$layout-drawer-button-mobile-size: 44px !default;\n$layout-drawer-button-desktop-size: 34px !default;\n$layout-drawer-button-desktop-margin-top: 5px !default;\n$layout-drawer-button-mobile-margin-top: 10px !default;\n\n$layout-header-mobile-row-height: 56px !default;\n$layout-mobile-header-height: $layout-header-mobile-row-height;\n$layout-header-desktop-row-height: 44px !default;\n$layout-desktop-header-height: $layout-header-desktop-row-height;\n\n$layout-header-desktop-baseline: 80px !default;\n$layout-header-mobile-baseline: 72px !default;\n$layout-header-mobile-indent: 16px !default;\n$layout-header-desktop-indent: 40px !default;\n\n$layout-tab-font-size: 14px !default;\n$layout-tab-bar-height: 48px !default;\n$layout-tab-mobile-padding: 12px !default;\n$layout-tab-desktop-padding: 24px !default;\n$layout-tab-highlight-thickness: 2px !default;\n\n// gridlayout\n\n// Extra small screen / phone\n//$screen-xs: 480px;\n\n$screen-xs-min: 480px;\n// Deprecated `@screen-phone` as of v3.0.1\n//@screen-phone: @screen-xs-min;\n\n// Small screen / tablet\n// Deprecated `@screen-sm` as of v3.0.1\n//@screen-sm: 768px;\n$screen-sm-min: 768px;\n// Deprecated `@screen-tablet` as of v3.0.1\n//@screen-tablet: @screen-sm-min;\n\n// Medium screen / desktop\n// Deprecated `@screen-md` as of v3.0.1\n//@screen-md: 992px;\n$screen-md-min: 992px;\n// Deprecated `@screen-desktop` as of v3.0.1\n//@screen-desktop: @screen-md-min;\n\n// Large screen / wide desktop\n// Deprecated `@screen-lg` as of v3.0.1\n//@screen-lg: 1200px;\n$screen-lg-min: 1200px;\n// Deprecated `@screen-lg-desktop` as of v3.0.1\n//@screen-lg-desktop: @screen-lg-min;\n$screen-xs-max: ($screen-sm-min - 1 );\n\n$screen-sm-max: ($screen-sm-min - 1 );\n\n$screen-md-max: ($screen-lg-min - 1 );\n\n\n\n\n// Number of columns in the grid.\n$grid-columns: 12;\n// Padding between columns. Gets divided in half for the left and right.\n$grid-gutter-width: 30px;\n// Navbar collapse\n// Point at which the navbar becomes uncollapsed.\n$grid-float-breakpoint: 768px;\n// Point at which the navbar begins collapsing.\n$grid-float-breakpoint-max: ($grid-float-breakpoint - 1);\n\n\n// Small screen / tablet\n$container-tablet: (720px + $grid-gutter-width);\n// For `@screen-sm-min` and up.\n$container-sm: $container-tablet;\n\n// Medium screen / desktop\n$container-desktop: (940px + $grid-gutter-width);\n// For `@screen-md-min` and up.\n$container-md: $container-desktop;\n\n// Large screen / wide desktop\n$container-large-desktop: (1140px + $grid-gutter-width);\n// For `@screen-lg-min` and up.\n$container-lg: $container-large-desktop;\n\n\n\n// menu\n\n$default-dropdown-bg-color: unquote(\"rgb(#{$color-white})\") !default;\n$menu-expand-duration: 0.3s !default;\n$menu-fade-duration: 0.2s !default;\n\n// Default Item Colors\n$default-item-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$default-item-text-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\n$default-item-outline-color: unquote(\"rgb(#{$palette-u-blue-400})\") !default;\n$default-item-hover-bg-color: unquote(\"rgb(#{$palette-u-blue-100})\") !default;\n$default-item-focus-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\n$default-item-active-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\n$default-item-divider-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n\n// Disabled Button Colors\n$disabled-item-text-color: unquote(\"rgb(#{$palette-grey-400})\") !default;\n\n// Tile\n$tile-width: 100%;\n\n$tile-default-border-color: #e9e9e9;\n$tile-default-hover-shadow-color: rgba(0, 0, 0, 0.2);\n\n$tile-primary-border-color: $button-primary-color;\n$tile-primary-hover-shadow-color: $button-primary-hover-color;\n\n$tile-danger-border-color: $button-danger-color;\n$tile-danger-hover-shadow-color: $button-danger-hover-color;\n\n$tile-warning-border-color: $button-warning-color;\n$tile-warning-hover-shadow-color: $button-warning-hover-color;\n\n$tile-success-border-color: $button-success-color;\n$tile-success-hover-shadow-color: $button-success-hover-color;\n\n$tile-info-border-color: $button-info-color;\n$tile-info-hover-shadow-color: $button-info-hover-color;\n\n// Alert\n$alert-news-bg: $brand-light-news;\n$alert-success-bg: $brand-light-success;\n$alert-info-bg: $brand-light-info;\n$alert-warning-bg: $brand-light-warning;\n$alert-danger-bg: $brand-light-danger;\n\n\n$alert-dark-news-bg: $brand-news;\n$alert-dark-success-bg: $brand-success;\n$alert-dark-info-bg: $brand-info;\n$alert-dark-warning-bg: $brand-warning;\n$alert-dark-danger-bg: $brand-danger;\n\n$alert-news-color: $color-news;\n$alert-success-color: $color-success;\n$alert-info-color: $color-info;\n$alert-warning-color: $color-warning;\n$alert-danger-color: $color-danger;\n\n$timeline-primary-color: $brand-primary;\n$timeline-news-color: $color-news;\n$timeline-success-color: $color-success;\n$timeline-info-color: $color-info;\n$timeline-warning-color: $color-warning;\n$timeline-danger-color: $color-danger;\n\n$alert-padding:10px;\n$alert-font-size:12px;\n$alert-border-radius: $border-radius;\n$alert-text-padding-left: 15px;\n$alert-text-padding-right: 15px;\n$alert-close-font-size: 21px;\n$alert-close-opacity: .2;\n$alert-close-font-weight: 700;\n\n//Checkbox\n\n$checkbox-color: unquote(\"rgb(#{$primary-color})\") !default;\n$checkbox-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-disabled-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-focus-color: unquote(\"rgba(#{$palette-u-blue-500}, 0.26)\") !default;\n$checkbox-image-path: $image_path;\n\n$checkbox-label-font-size: 13px !default;\n$checkbox-label-height: 24px !default;\n$checkbox-button-size: 16px !default;\n$checkbox-inner-margin: 2px !default;\n$checkbox-padding: 8px !default;\n$checkbox-top-offset:\n ($checkbox-label-height - $checkbox-button-size - $checkbox-inner-margin) / 2;\n$checkbox-ripple-size: $checkbox-label-height * 1.5;\n\n$checkbox-primary-bg: $brand-primary;\n$checkbox-success-bg: $brand-success;\n$checkbox-info-bg: $brand-info;\n$checkbox-warning-bg: $brand-warning;\n$checkbox-danger-bg: $brand-danger;\n$checkbox-dark-bg: $brand-dark;\n\n$progress-primary-bg: $brand-primary;\n$progress-success-bg: $brand-success;\n$progress-info-bg: $brand-info;\n$progress-warning-bg: $brand-warning;\n$progress-danger-bg: $brand-danger;\n$progress-dark-bg: $brand-dark;\n\n$primary-color-opacity:unquote(\"rgba(#{$primary-color}, 0.7)\") !default;\n$color-success-opacity:unquote(\"rgba(#{$palette-green-500}, 0.7)\") !default;\n$color-info-opacity:unquote(\"rgba(#{$palette-cyan-500}, 0.7)\") !default;\n$color-warning-opacity:unquote(\"rgba(#{$palette-orange-500}, 0.7)\") !default;\n$color-danger-opacity:unquote(\"rgba(#{$palette-red-500}, 0.7)\") !default;\n$color-dark-opacity:unquote(\"rgba(#{$palette-grey-700}, 0.7)\") !default;\n\n\n$progress-sm-height: 10px;\n$progress-xs-height: 5px;\n$progress-xs-width: 170px;\n$progress-default-height: 20px;\n$progress-sm-lable-font-size: 10px;\n$progress-sm-lable-line-height: 10px;\n$progress-xs-lable-line-height: 8px;\n$progress-xs-lable-margin-left: 140px;\n$progress-xs-lable-font-size: 10px;\n$progress-xs-lable-color: #000;\n\n// Radio\n\n$radio-color: unquote(\"rgb(#{$primary-color})\") !default;\n$radio-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$radio-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$radio-disabled-color: $disabled-color-base !default;\n\n$radio-label-font-size: 13px !default;\n$radio-label-height: 32px !default;\n$radio-button-size: 16px !default;\n$radio-inner-margin: $radio-button-size / 4;\n$radio-padding: 8px !default;\n$radio-top-offset: ($radio-label-height - $radio-button-size) / 2;\n$radio-ripple-size: 42px !default;\n\n$radio-primary-bg: $brand-primary;\n$radio-success-bg: $brand-success;\n$radio-info-bg: $brand-info;\n$radio-warning-bg: $brand-warning;\n$radio-danger-bg: $brand-danger;\n$radio-dark-bg: $brand-dark;\n\n$radio-disabled-bg: #f7f7f7;\n$radio-diabled-border-color: #d9d9d9;\n\n$radio-border-color: #d9d9d9;\n$radio-bg-color: #fff;\n$radio-color:#212121;\n\n$radio-checked-bg-color: #fff;\n$radio-checked-color: $brand-primary;\n$radio-checked-border-color: $radio-checked-color;\n\n$radio-icon-height: 18px;\n$radio-icon-width: 18px;\n$radio-icon-checked-height: 8px;\n$radio-icon-checked-width: 8px;\n\n$radio-button-lg-height:42px;\n$radio-button-lg-line-height:26px;\n\n$radio-button-sm-height:22px;\n$radio-button-sm-line-height:20px;\n\n$radio-button-height: 28px;\n$radio-button-line-height: 26px;\n\n\n\n\n\n//loading\n\n$loading-color-1: unquote(\"rgb(#{$palette-blue-400})\") !default;\n$loading-color-2: unquote(\"rgb(#{$palette-red-500})\") !default;\n$loading-color-3: unquote(\"rgb(#{$palette-yellow-600})\") !default;\n$loading-color-4: unquote(\"rgb(#{$palette-green-500})\") !default;\n\n$loading-single-color: unquote(\"rgb(#{$primary-color})\") !default;\n\n$loading-size: 28px !default;\n$loading-stroke-width: 3px !default;\n\n// Amount of circle the arc takes up.\n$loading-arc-size: 270deg !default;\n// Time it takes to expand and contract arc.\n$loading-arc-time: 1333ms !default;\n// How much the start location of the arc should rotate each time.\n$loading-arc-start-rot: 216deg !default;\n\n$loading-duration: 360 * $loading-arc-time / (\n strip-units($loading-arc-start-rot + (360deg - $loading-arc-size)));\n\n// datetimepicker\n$timepicker-border-gap-color:#ccc;\n$timepicker-font-size:14px;\n\n$date-bg-color: unquote(\"rgb(#{$primary-color})\") !default;\n\n// message\n$snackbar-color: unquote(\"rgb(#{$color-white})\") !default;\n$snackbar-background-color: unquote(\"rgb(#{$primary-color})\") !default;\n$snackbar-color-cancel: unquote(\"rgb(#{$palette-red-500})\") !default;\n$snackbar-color-accept: unquote(\"rgb(#{$palette-green-500})\") !default;\n$snackbar-color-warning: unquote(\"rgb(#{$palette-lime-200})\") !default;\n\n// DATA TABLE\n\n$data-table-font-size: 13px !default;\n$data-table-header-font-size: 12px !default;\n$data-table-header-sort-icon-size: 16px !default;\n\n$data-table-header-color: rgba(#000, 0.54) !default;\n$data-table-header-sorted-color: rgba(#000, 0.87) !default;\n$data-table-divider-color: rgba(#000, 0.12) !default;\n$data-table-divider-color-IE8: rgb(0,0,0) !default;\n\n//$data-table-hover-color: #eeeeee !default;\n$data-table-hover-color: #E9F7FC !default;\n$data-table-selection-color: #C4EAF6 !default;\n\n$data-table-dividers: 1px solid $data-table-divider-color !default;\n$data-table-dividers-IE8: 1px solid $data-table-divider-color-IE8 !default;\n\n$data-table-row-height: 48px !default;\n$data-table-last-row-height: 56px !default;\n$data-table-header-height: 56px !default;\n\n$data-table-column-spacing: 36px !default;\n$data-table-column-padding: $data-table-column-spacing / 2;\n\n$data-table-card-header-height: 64px !default;\n$data-table-card-title-top: 20px !default;\n$data-table-card-padding: 24px !default;\n$data-table-button-padding-right: 16px !default;\n$data-table-cell-top: $data-table-card-padding / 2;\n\n// $line-height-computed: round(($font-size-small * $line-height-base));\n$line-height-computed: round((14px * $line-height-base));\n$table-bg: transparent;\n$table-cell-padding: 8px;\n$table-border-color: $border-color-base;\n$table-bg-hover: $bg-color-base;\n$table-bg-active: $table-bg-hover;\n$table-bg-accent: unquote(\"rgba(#{$palette-grey-200},.3)\") !default;\n\n\n\n\n// tooltip\n$tooltip-max-width: 200px;\n$tooltip-color: #fff;\n$tooltip-bg: #42526E;\n$tooltip-inverse-border-color: #d9d9d9;\n$tooltip-inverse-color: rgb(51,51,51);\n$tooltip-arrow-color: $tooltip-bg;\n$tooltip-opacity: 1;\n\n\n// 进度条\n$bar-height: 4px !default;\n$progress-main-color: unquote(\"rgb(#{$primary-color})\") !default;\n$progress-secondary-color: unquote(\"rgba(#{$color-primary-contrast}, 0.7)\") !default;\n$progress-fallback-buffer-color: unquote(\"rgba(#{$color-primary-contrast}, 0.9)\") !default;\n$progress-image-path: $image_path;\n$progress-buffer-bar-border:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n\n// Tabs\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\n\n\n\n$tab-highlight-color: unquote(\"rgb(#{$primary-color})\") !default;\n$tab-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$tab-active-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$tab-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n\n\n\n//CARD\n\n$card-width: 330px !default;\n$card-height: 200px !default;\n$card-font-size: 13px !default;\n$card-title-font-size: 24px !default;\n$card-subtitle-font-size: 10px !default;\n$card-horizontal-padding: 16px !default;\n$card-vertical-padding: 16px !default;\n\n$card-title-perspective-origin-x: 165px !default;\n$card-title-perspective-origin-y: 56px !default;\n\n$card-title-transform-origin-x: 165px !default;\n$card-title-transform-origin-y: 56px !default;\n\n$card-title-text-transform-origin-x: 149px !default;\n$card-title-text-transform-origin-y: 48px !default;\n\n$card-supporting-text-font-size: 1.4 * $unit !default;\n$card-supporting-text-line-height: 18px !default;\n\n$card-actions-font-size: 13px !default;\n\n$card-title-text-font-weight: 300 !default;\n$card-z-index: 1 !default;\n\n// Cover image\n$card-cover-image-height: 186px !default;\n$card-background-image-url: '' !default;\n\n\n\n$card-background-color: unquote(\"rgb(#{$color-white})\") !default;\n$card-text-color: unquote(\"rgb(#{$color-black})\") !default;\n$card-image-placeholder-color: unquote(\"rgb(#{$color-accent})\") !default;\n$card-supporting-text-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$card-border-color: rgba(0,0,0,0.1) !default;\n$card-subtitle-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n\n\n$input-border:unquote(\"rgb(#{$palette-u-gray-500})\");\n$input-border-focus:unquote(\"rgb(#{$primary-color})\");\n$input-border-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\n$input-bg-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\n$input-color:unquote(\"rgb(#{$palette-u-gray-A100})\");\n$form-input-height:36px;\n$form-input-height-sm:28px;\n$form-input-padding-left:12px;\n$form-label-color:unquote(\"rgb(#{$palette-u-gray-900})\");\n$form-control-feedback-color:unquote(\"rgb(#{$palette-u-gray-700})\");\n$form-validate-error-color:unquote(\"rgb(#{$palette-u-red-600})\");\n\n\n// BADGE\n$badge-font-size: 12px !default;\n$badge-color: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$badge-color-inverse: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background-inverse: unquote(\"rgba(#{$color-accent-contrast},0.2)\") !default;\n$badge-size : 22px !default;\n$badge-padding: 2px !default;\n$badge-overlap: 12px !default;\n\n$badge-primary-color:#FFFFFF;\n$badge-primary-bg:$brand-primary;\n\n$badge-success-color:#FFFFFF;\n$badge-success-bg: $brand-success;\n\n$badge-info-color:#FFFFFF;\n$badge-info-bg:$brand-info;\n\n$badge-warning-color:#FFFFFF;\n$badge-warning-bg:$brand-warning;\n\n$badge-danger-color:#FFFFFF;\n$badge-danger-bg:$brand-danger;\n\n$badge-dark-color:#FFFFFF;\n$badge-dark-bg:$brand-dark;\n\n$badge-font-size: 12px;\n$badge-font-dataicon-size: 10px;\n$badge-default-dataicon-fontcolor: #757575;\n$badge-default-dataicon-bgcolor: #fff;\n$badge-default-dataicon-bordercolor: $border-color-base;\n\n// labels\n$tag-padding: .25em .6em .25em;\n$tag-border-radius: 0.3em;\n$tag-bg: #eeeeee;\n$tag-round-border-radius: 1em;\n$tag-default-color: #757575;\n$tag-default-bg:#e0e0e0;\n$tag-lg-font-size: 16px;\n$tag-sm-font-size: 10px;\n$tag-sm-padding: .1em .5em .1em;\n$tag-default-hover-bg: $brand-default-hover;\n$tag-primary-hover-bg: $brand-primary-hover;\n$tag-success-hover-bg: $brand-success-hover;\n$tag-info-hover-bg: $brand-info-hover;\n$tag-warning-hover-bg: $brand-warning-hover;\n$tag-danger-hover-bg: $brand-danger-hover;\n$tag-dark-hover-bg: $brand-dark-hover;\n$tag-default-bg: $brand-default;\n$tag-primary-bg: $brand-primary;\n$tag-success-bg: $brand-success;\n$tag-info-bg: $brand-info;\n$tag-warning-bg: $brand-warning;\n$tag-danger-bg: $brand-danger;\n$tag-dark-bg: $brand-dark;\n$tag-default-hover-color:unquote(\"rgb(#{$palette-u-gray-500})\");\n\n\n// pagination\n$pagination-gap-hover-border:#7A869A;\n\n$pagination-link-padding: 7px 13px;\n$pagination-lg-font-size: 16px;\n$pagination-lg-padding-vertical: 9.5px;\n$pagination-lg-padding-horizontal: 15.5px;\n\n$pagination-small-font-size: 12px;\n$pagination-small-padding-vertical: 4px;\n$pagination-small-padding-horizontal: 9.5px;\n\n$pag-color: #666666;\n$pag-bg-color: #fff;\n$pag-border-color:#d7d7d7;\n$pag-hover-color: #666;\n$pag-hover-bg-color:$hover-bg-color-base;\n$pag-hover-border-color:#d7d7d7;\n$pag-active-color: #fff;\n$pag-active-bg-color:#7A869A;\n$pag-active-border-color:#7A869A;\n$pag-disabled-color: #777;\n$pag-disabled-bg-color:#fff;\n$pag-disabled-border-color:#ddd;\n\n$border-radius-base: $border-radius;\n$border-radius-large: 4px;\n$border-radius-small: 2px;\n\n$line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome\n$line-height-small: 1.5;\n// widget\n\n$widget-padding-left:30px;\n$widget-padding-top:10px;\n\n//tooltips\n\n$tooltip-default-bg: $brand-default;\n$tooltip-primary-bg: $brand-primary;\n$tooltip-success-bg: $brand-success;\n$tooltip-info-bg: $brand-info;\n$tooltip-warning-bg: $brand-warning;\n$tooltip-danger-bg: $brand-danger;\n$tooltip-dark-bg: $brand-dark;\n\n//menu Button\n\n$menu-default-bg: $brand-default;\n$menu-primary-bg: $brand-primary;\n$menu-success-bg: $brand-success;\n$menu-info-bg: $brand-info;\n$menu-warning-bg: $brand-warning;\n$menu-danger-bg: $brand-danger;\n$menu-dark-bg: $brand-dark;\n$menu-default-bg-hover: $brand-default-hover;\n$menu-primary-bg-hover: $brand-primary-hover;\n$menu-success-bg-hover: $brand-success-hover;\n$menu-info-bg-hover: $brand-info-hover;\n$menu-warning-bg-hover: $brand-warning-hover;\n$menu-danger-bg-hover: $brand-danger-hover;\n$menu-dark-bg-hover: $brand-dark-hover;\n\n\n// breadcrumbs\n\n$breadcrumb-padding-vertical: 8px;\n$breadcrumb-padding-horizontal: 10px;\n$breadcrumb-separator: \"/\\00a0\";\n$breadcrumb-bg: transparent;\n$breadcrumb-margin-bottom: 10px;\n\n$breadcrumb-color: $brand-primary;\n$breadcrumb-active-color: $text-color;\n\n$breadcrumb-icon-margin-right: 10px;\n$breadcrumb-arrow-separator: \"\\00bb\\00a0\";\n\n$breadcrumb-bg-color: #f5f5f5;\n$breadcrumb-active-color: #777;\n$breadcrumb-separate-color: #ccc;\n\n// list-group\n$list-group-media-heading-font-size : $font-size-small;//14px\n$list-group-link-disabled-color : $disabled-color-base;\n\n$list-group-link-disabled-bg : $gray-lightest;\n\n$list-group-active-color : $brand-primary;\n$list-group-link-active-color : unquote(\"rgb(#{$color-white})\") !default;\n$list-group-link-active-bg : $brand-primary;\n\n\n$list-group-item-icon-margin-right : 10px;\n\n$list-group-bg-inherit-item-border : rgba(0, 0, 0, 0.075);\n$list-group-bg-inherit-item-hover-bg : rgba(0, 0, 0, 0.075);\n\n\n$list-group-border-radius: $border-radius-base;\n\n\n\n$list-group-link-color: $text-color;\n$list-group-link-hover-color: $text-color;\n$list-group-link-heading-color: $title-color;\n\n$list-group-hover-bg: $bg-color-base;\n\n$list-group-disabled-bg: transparent;\n\n$list-group-disabled-color: $disabled-color-base;\n\n\n$list-group-disabled-text-color: $list-group-disabled-color;\n$list-group-active-bg: transparent;\n$list-group-active-border: $list-group-active-bg;\n// $list-group-active-text-color: lighten($list-group-active-color, 40%);\n$list-group-active-text-color: $list-group-active-color;\n\n$list-group-bg: #fff;\n$list-group-border: transparent;\n// $list-group-bordered-border : $border-color-base;\n// $list-group-bordered-active-color : $component-active-color;\n// $list-group-bordered-active-bg : $component-active-bg;\n// $list-group-bordered-active-border : $list-group-bordered-active-bg;\n\n// $list-group-gap-item-margin-bottom : 2px;\n\n//step\n$steps-margin-bottom: $line-height-computed;\n$step-padding-horizontal:20px;\n$step-padding-vertical: 12px;\n\n$step-vertical-padding-horizontal: 20px;\n$step-vertical-padding-vertical:18px;\n\n$step-color: $gray;\n$step-bg: $bg-color-base;\n$step-number-bg: $gray-lighter;\n$step-number-color: $inverse;\n\n$step-current-color: $inverse;\n$step-current-bg: $brand-primary;\n\n$step-done-color: $inverse;\n$step-done-bg:$brand-success;\n\n$step-error-color: $inverse;\n$step-error-bg: $brand-danger;\n\n$step-disabled-color:$gray-light;\n\n$step-font-size: inherit;\n$step-title-font-size: 20px;\n$step-icon-font-size:27px;\n$step-number-font-size:24px;\n$step-number-size: 40px;\n\n$step-lg-padding-horizontal:20px;\n$step-lg-padding-vertical:20px;\n$step-lg-font-size: 16px;\n$step-lg-title-font-size:22px;\n$step-lg-icon-font-size: 32px;\n$step-lg-number-font-size:28px;\n$step-lg-number-size:46px;\n\n$step-sm-font-size: 12px;\n$step-sm-title-font-size: 18px;\n$step-sm-icon-font-size: 24px;\n$step-sm-number-font-size: 24px;\n$step-sm-number-size: 30px;\n\n$step-xs-font-size: 10px;\n$step-xs-title-font-size: 16px;\n$step-xs-icon-font-size: 22px;\n$step-xs-number-font-size: 20px;\n$step-xs-number-size: 24px;\n\n// blog nav\n$blognav-active-color:unquote(\"rgb(#{$primary-color})\");\n// widget\n$widget-padding-left:30px;\n$widget-padding-top:10px;\n\n\n// couter 数据统计\n\n$counter-number-color: $gray-darkest;\n$counter-number-font-size: 20px;\n$counter-icon-font-size: $counter-number-font-size;\n\n$counter-lg-number-font-size: 40px;\n$counter-md-number-font-size: 30px;\n$counter-sm-number-font-size: 14px;\n\n$counter-lg-icon-font-size: $counter-lg-number-font-size;\n$counter-md-icon-font-size: $counter-md-number-font-size;\n$counter-sm-icon-font-size: $counter-sm-number-font-size;\n\n$counter-inverse-color: $inverse;\n\n\n// navbar\n\n\n$menu-active-color: #108ee9;\n$menu-border-active-color: #108ee9;\n$menu-selected-bg-color: #eaf8fe;\n$menu-group-titil-color: #999;\n$menu-group-title-padding-left: 32px;\n$menu-color: #666;\n$menu-border-color: #d9d9d9;\n\n$navbar-default-bg-color: #f8f8f8;\n$navbar-default-border-color: #e7e7e7;\n$navbar-default-color: #777;\n$navbar-default-hover-color: #333;\n$navbar-inverse-hover-color: #fff;\n$navbar-inverse-color: #9d9d9d;\n$navbar-inverse-bg-color: #222;\n$navbar-inverse-border-color: #080808;\n$navbar-border-radius: 4px;\n\n$navbar-side-container-border-color: #d9d9d9;\n$navbar-side-container-width: 242px;\n$navbar-side-container-border-shadow: #d9d9d9;\n\n// Basics of a navbar\n$navbar-height: 50px;\n$navbar-margin-bottom: $line-height-computed;\n$navbar-border-radius: $border-radius-base;\n$navbar-padding-horizontal: floor(($grid-gutter-width / 2));\n$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2);\n$navbar-collapse-max-height: 340px;\n\n$navbar-avatar-margin-horizontal: (($navbar-height - 32px) / 2);\n\n$navbar-brand-padding-horizontal: 20px;\n$navbar-brand-logo-height: 32px;\n\n$navbar-default-color: $text-color;\n$navbar-default-bg: $inverse;\n$navbar-default-border: $border-color-base;\n\n// Navbar links\n$navbar-default-link-color: $text-color;\n$navbar-default-link-hover-color: $gray-darker;\n$navbar-default-link-hover-bg: rgba(238,238,238, 30%);\n$navbar-default-link-active-color: $navbar-default-link-hover-color;\n$navbar-default-link-active-bg: rgba(238,238,238, 60%);\n$navbar-default-link-disabled-color: $disabled-color-base;\n$navbar-default-link-disabled-bg: transparent;\n\n// Navbar brand label\n$navbar-default-brand-color: $title-color;\n$navbar-default-brand-hover-color: $navbar-default-brand-color;\n$navbar-default-brand-hover-bg: none;\n\n// Navbar toggle\n$navbar-default-toggle-hover-bg: $navbar-default-link-hover-bg;\n$navbar-default-toggle-icon-bar-bg: $navbar-default-color;\n$navbar-default-toggle-border-color: transparent;\n\n\n// Inverted navbar\n// Reset inverted navbar basics\n$navbar-inverse-bg: $brand-primary;\n$navbar-inverse-border: rgba(0, 0, 0, .1);\n\n// Inverted navbar links\n$navbar-inverse-link-color: $inverse;\n$navbar-inverse-link-hover-color: $inverse;\n$navbar-inverse-link-hover-bg: rgba(0, 0, 0, .1);\n$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color;\n$navbar-inverse-link-active-bg: $navbar-inverse-link-hover-bg;\n$navbar-inverse-link-disabled-color: $inverse;\n$navbar-inverse-link-disabled-bg: transparent;\n\n// Inverted navbar brand label\n$navbar-inverse-brand-color: $navbar-inverse-link-color;\n$navbar-inverse-brand-hover-color: $inverse;\n$navbar-inverse-brand-hover-bg: none;\n\n// Inverted navbar toggle\n$navbar-inverse-toggle-hover-bg: $navbar-inverse-link-hover-bg;\n$navbar-inverse-toggle-icon-bar-bg: $inverse;\n$navbar-inverse-toggle-border-color: transparent;\n\n//hamburger\n$hamburger-size: 17px;\n\n\n//panel\n$panel-header-padding : 10px 15px;\n$panel-footer-padding : 10px 15px;\n$panel-body-padding : 15px 15px;\n$panel-header-bg-color : #f5f5f5;\n$panel-footer-bg-color : #f5f5f5;\n$panel-bg-color : #fff;\n$panel-default-color : #757575;\n$panel-inner-border-color: #ddd;\n\n\n//modal\n$modal-header-padding : 15px;\n$modal-body-padding : 15px;\n$modal-footer-padding : 15px;\n$modal-content-bg-color: #fff;\n$modal-backdrop-bg: #000;\n$modal-backdrop-opacity: .6;\n$modal-header-border-color: transparent;\n$modal-footer-border-color: transparent;\n$modal-xlg: 976px;\n$modal-lg: 800px;\n$modal-sm: 400px;\n$modal-default: 600px;\n$modal-border-radius: $border-radius-base;\n\n//notification\n\n$zIndex-notification: $zIndex-notification;\n$notification-top: 30px;\n$notification-bottom: 30px;\n$notification-right: 30px;\n$notification-width: 300px;\n$notification-text-margin-right: 15px;\n$notice-padding: 15px;\n$notice-background: $gray-darkest;\n$notice-bottom: 15px;\n\n//message\n\n$message-font-size: 12px;\n\n$message-right: 30px;\n$message-width: 300px;\n$message-text-margin-right: 15px;\n$message-padding: 0;\n$message-content-padding: 15px;\n$message-background: $gray-darkest;\n\n//popconfirm\n\n$popconfirm-max-width: 300px;\n\n$popconfirm-dark-bg: $gray-darkest;\n$popconfirm-fallback-dark-border-color: $gray-darkest;\n$popconfirm-margin: 10px;\n$popconfirm-title-bg: #fff;\n$popconfirm-border-color:$border-color-base;\n$popconfirm-arrow-width: 10px;\n$popconfirm-arrow-color: $border-color-base;\n$popconfirm-arrow-outer-width: 0;\n$popconfirm-arrow-outer-color: $border-color-base;\n$popconfirm-border-right-color: $border-color-base;\n$popconfirm-fallback-border-color: #fff;\n\n//select\n\n$select-bg-color: #fff;\n$select-border-color: $border-color-base;\n$select-border-radius: $border-radius-base;\n$select-color: $font-color-base;\n$select-font-size: 12px;\n$select-dropdown-color: #666;\n$select-dropdown-bg-color: #fff;\n$select-dropdown-hover-bg: $hover-bg-color-base;\n$select-dropdown-selected-bg: $selected-bg-color-base;\n$select-dropdown-selected-color: rgb(134, 119, 119);\n$select-dropwdown-item-padding: 7px 16px;\n$select-disabled-color: $disabled-color-base;\n$select-disabled-bg: #f7f7f7;\n$select-disabled-border-color: #d9d9d9;\n//dropdown\n\n$dropdown-item-hover-bg-color: unquote(\"rgb(#{$palette-grey-100})\");\n$dropdown-item-divier-bg-color: $gray-lighter;\n$dropdown-border-color: $border-color-base;\n$dropdown-border-radius:3px;\n$dropdown-shadow: 0 1px 5px $dropdown-border-color;\n$dropdown-margin: 5px 0 0 0;\n$dropdown-menu-item-padding: 0px 16px 0 28px;\n$dropdown-menu-font-size: 12px;\n$dropdown-menu-item-height: 42px;\n$dropdown-menu-item-light-height: 42px;\n$dropdown-menu-title-font-size: 12px;\n$dropdown-menu-title-color: $disabled-color-base;\n$dropdown-menu-title-padding:8px 16px;\n$dropdown-menu-title-line-height: 1.5;\n\n//upload\n\n$upload-list-color: #108ee9;\n$upload-list-bg : #fff;\n$upload-list-hover-bg: #e7f4fd;\n$upload-list-error-color: #f50;\n$upload-thumbnail-height: 48px;\n$upload-thumbnail-width: 48px;\n$upload-thumbnail-img-height: 48px;\n$upload-thumbnail-img-width: 48px;\n\n//loading\n\n$loading-loadprimary: rgb(63, 81, 181);\n$loading-loadsuccess: #4caf50;\n$loading-loadwarn: rgb(255, 152, 0);\n$loading-lineanimating: (\n 1:line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08),\n 2:line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08),\n 3:line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08),\n 4:line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08),\n 5:line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08)\n);\n$loading-linebackcolor: (\n 1: #F44336,\n 2: #7ED321,\n 3: #0084FF,\n 4: #FF9800,\n 5: #D0021B\n);\n$loading-back-width: 120px;\n$loading-back-height:110px;\n$loading-desc-font-size: 16px;\n$loading-desc-color: #cecece;\n$loading-rotate-bor:#c2c3c5;\n\n//两种加载的尺寸 width height\n$loading-rotate-sm-size: 25px;\n$loading-rotate-size:40px;\n$loading-rotate-lg-size:60px;\n\n$loading-line-sm-width: 4px;\n$loading-line-sm-height:35px;\n$loading-line-width:6px;\n$loading-line-height:50px;\n$loading-line-lg-width:8px;\n$loading-line-lg-height:90px ;\n\n//居中位置top left\n$loading-center-top:50%;\n$loading-center-left:50%;\n\n$loading-rotate-center-sm: -15px ;\n$loading-rotate-center:-22px;\n$loading-rotate-center-lg:-35px ;\n\n$loading-line-center-sm-top: -22px;\n$loading-line-center-sm-left:-20px;\n$loading-line-center-top:-30px;\n$loading-line-center-left:-25px;\n$loading-line-center-lg-top:-50px;\n$loading-line-center-lg-left:-30px;\n\n\n//switch\n\n\n//color\n$switch-border-color: $gray-lighter;\n$switch-back-color: $gray-lighter;\n$switch-checked-borColor: $brand-primary;\n$switch-checked-backColor: $brand-primary;\n\n// border-radius of different state switch\n$switch-border-radius: 20px;\n$switch-border-radius-after: 18px;\n\n// width height line-height of the three switches\n$switch-width: (default:44px, small:32px, large:60px);\n$switch-height: (default:22px, small:16px, large:30px);\n$switch-lineHeight: (default:20px, small:12px, large:12px);\n\n// style of u-switch-inner\n$switch-inner-fontSize: (default:12px, small:10px, large:18px);\n$switch-inner-left: (default:22px, small:16px, large:30px);\n$switch-inner-largeTop: 8px;\n\n// style of u-switch:active:after\n$switch-active-width: (default:24px, small:16px, large:32px);\n\n// style of u-switch:after\n$switch-after-widthHeight: 18px;\n$switch-after-widthHeight-sm: 14px;\n$switch-after-widthHeight-lg: 26px;\n$switch-after-top: 1px;\n$switch-after-top-sm: 0;\n$switch-after-top-lg: 1px;\n$switch-after-left: 0;\n$switch-after-left-sm: 0;\n$switch-after-left-lg: 0;\n\n// style of u-switch.is-checked\n$switch-checked-innerLeft: (default:8px, small:4px, large:8px);\n$switch-checked-afterLeft: (default:24px, small:16px, large:32px);\n$switch-checked-activeLeft: (default:16px, small:10px, large:26px);\n\n$switch-primary-bg: $brand-primary;\n$switch-dark-bg: $brand-dark;\n$switch-success-bg: $brand-success;\n$switch-warning-bg: $brand-warning;\n$switch-danger-bg: $brand-danger;\n$switch-info-bg: $brand-info;\n\n//tabs\n\n$tabs-basic-back: #f5f5f5;\n$tabs-cls-color: #666;\n$tabs-cls-width: 900px;\n$tabs-simple-conHeight: 120px;\n$tabs-simple-conPad: 16px;\n$tabs-simple-conWidth: 100%;\n\n$tabs-fontSize: (simple:14px, fill:14px, turn:14px, slide:14px, fade:14px, fadeup:14px);\n$tabs-lineHeight: (simple:2.3, fill:2.3, turn:2.3, slide:2.3, fade:2.3, fadeup:2.3);\n$tabs-marginBottom: -1px;\n\n$tabs-simple-tab: (padding:0 16px, margin:5px 0 5px 5px, radius:0 0 0 0, back:#fff);\n$tabs-simple-tabBorder: 1px solid #fff;\n$tabs-simple-activeBorder: 1px solid $brand-primary;\n$tabs-simple-activeColor: #fff;\n$tabs-simple-activeBorBottom: 1px solid $brand-primary;\n$tabs-simple-activeTopRadius: 5px;\n$tabs-simple-fontWeight: bold;\n\n$tabs-fill-tab: (padding: 0 16px, color:#666, back:#fff, afterBack:#d2d8d6, activeBack:$brand-primary);\n$tabs-fill-tab-maright: 5px;\n$tabs-fill-after-top: 0;\n$tabs-fill-after-left: 0;\n$tabs-fill-after-width: 100%;\n$tabs-fill-after-height: 100%;\n$tabs-fill-fontWeight: bold;\n\n$tabs-turn-tab: (padding: 0 16px, color:#fff, back:#f5f5f5, afterBack:$brand-primary, activeBack:$brand-primary);\n$tabs-turn-after-top: 0;\n$tabs-turn-after-left: 0;\n$tabs-turn-after-width: 100%;\n$tabs-turn-after-height: 100%;\n$tabs-turn-beforeBot: 32px;\n$tabs-turn-beforeRight: 15px;\n$tabs-turn-fontWeight: bold;\n$tabs-moveleft-conHeight: 120px;\n$tabs-moveleft-conPad: 16px;\n\n$tabs-slide-tabs: (width:25%, padding: 0 16px, back:#f5f5f5);\n$tabs-slide-child-bottom: 0;\n$tabs-slide-child-left: 0;\n$tabs-slide-child-height: 4px;\n$tabs-slide-child-back: $brand-primary;\n$tabs-slide-fontWeight: bold;\n\n$tabs-fade-tab: (marLeft:5px, marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\n$tabs-fade-conPad: 16px;\n$tabs-fade-conBor: 5px;\n\n$tabs-fadeup-tab: (marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\n$tabs-fadeup-top: -5px;\n$tabs-fadeup-left: 0;\n$tabs-fadeup-width: 100%;\n$tabs-fadeup-height: 100%;\n$tabs-fadeup-color: #666;\n$tabs-fadeup-conHeight: 120px;\n$tabs-fadeup-conPad: 16px;\n\n\n//rate\n$rate-star-default-color:$gray-lightest;\n$rate-star-active-color:$brand-primary;\n$rate-star-marginRight:8px;\n//backtop\n$back-top-padding:5px;\n$backtop-background:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$backtop-color:unquote(\"rgb(#{$color-white})\") !default;\n$backtop-right:10px;\n$backtop-bottom:10px;\n$backtop-dom-right:40px;\n\n\n//dnd\n$dnd-list-background:unquote(\"rgb(#{$palette-grey-400})\")!default;\n$dnd-list-padding:8px;\n$dnd-list-dragging-background:unquote(\"rgb(#{$palette-light-blue-A200})\")!default;\n$dnd-item-color:unquote(\"rgb(#{$color-black})\")!default;\n$dnd-item-padding:16px;\n$dnd-item-margin:4px;\n$dnd-item-background:unquote(\"rgb(#{$palette-grey-500})\")!default;\n$dnd-item-dragging-background:unquote(\"rgb(#{$palette-blue-300})\")!default;\n\n// bee-tree\n$tree-checkbox-color: unquote(\"rgb(#{$primary-color})\") !default;\n$tree-node-bg-color: $hover-bg-color-base !default;\n\n// bee-table\n$table-head-background-color: unquote(\"rgb(#{$table-header-background-color})\") !default;\n$table-head-text-color: unquote(\"rgb(#{$table-header-text-color})\") !default;\n\n// bee-transfer\n$transfer-border-gap-color:#d9d9d9;\n\n// bee-transfer\n$cascader-border-gap-color:#ccc;","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\r\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\r\n\r\n\r\n@font-face {font-family: \"uf\";\r\n src: url('//design.yonyoucloud.com/static/iconfont/iconfont.eot'); /* IE9*/\r\n src: url('//design.yonyoucloud.com/static/iconfont/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */\r\n url('//design.yonyoucloud.com/static/iconfont/iconfont.woff') format('woff'), /* chrome, firefox */\r\n url('//design.yonyoucloud.com/static/iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/\r\n url('//design.yonyoucloud.com/static/iconfont/iconfont.svg') format('svg'); /* iOS 4.1- */\r\n}\r\n\r\n.uf {\r\n font-family:\"uf\" !important;\r\n font-size:16px;\r\n font-style:normal;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n.uf-wechat:before { content: \"\\3488\"; }\r\n\r\n.uf-add-c-o:before { content: \"\\e601\"; }\r\n\r\n.uf-search:before { content: \"\\e603\"; }\r\n\r\n.uf-histogram-arrow-up:before { content: \"\\e633\"; }\r\n\r\n.uf-close-bold:before { content: \"\\e602\"; }\r\n\r\n.uf-umbrella:before { content: \"\\e63b\"; }\r\n\r\n.uf-qq:before { content: \"\\e694\"; }\r\n\r\n.uf-4square-3:before { content: \"\\e63d\"; }\r\n\r\n.uf-send:before { content: \"\\e63f\"; }\r\n\r\n.uf-map:before { content: \"\\e66c\"; }\r\n\r\n.uf-9square-2:before { content: \"\\e63e\"; }\r\n\r\n.uf-navmenu:before { content: \"\\e614\"; }\r\n\r\n.uf-pc-2:before { content: \"\\e644\"; }\r\n\r\n.uf-search-light-2:before { content: \"\\e627\"; }\r\n\r\n.uf-check-s-2:before { content: \"\\e66e\"; }\r\n\r\n.uf-pencil:before { content: \"\\e69b\"; }\r\n\r\n.uf-repeat:before { content: \"\\e634\"; }\r\n\r\n.uf-security-2:before { content: \"\\e6a5\"; }\r\n\r\n.uf-lexi:before { content: \"\\e643\"; }\r\n\r\n.uf-pencil-s:before { content: \"\\e77d\"; }\r\n\r\n.uf-del:before { content: \"\\e654\"; }\r\n\r\n.uf-bi-o:before { content: \"\\e641\"; }\r\n\r\n.uf-pencil-c:before { content: \"\\e6e6\"; }\r\n\r\n.uf-qrcode:before { content: \"\\e661\"; }\r\n\r\n.uf-rmb-c-o:before { content: \"\\e645\"; }\r\n\r\n.uf-search-c-o:before { content: \"\\e659\"; }\r\n\r\n.uf-bell:before { content: \"\\e60c\"; }\r\n\r\n.uf-pass-3:before { content: \"\\e649\"; }\r\n\r\n.uf-treearrow-down:before { content: \"\\e608\"; }\r\n\r\n.uf-training:before { content: \"\\e617\"; }\r\n\r\n.uf-group-2:before { content: \"\\e64c\"; }\r\n\r\n.uf-zoom-in:before { content: \"\\e906\"; }\r\n\r\n.uf-security-o:before { content: \"\\e7ac\"; }\r\n\r\n.uf-baojia-c:before { content: \"\\e64d\"; }\r\n\r\n.uf-rulerpen:before { content: \"\\e623\"; }\r\n\r\n.uf-erpsearch:before { content: \"\\e64e\"; }\r\n\r\n.uf-group-o:before { content: \"\\e6a8\"; }\r\n\r\n.uf-cloud-o-updown:before { content: \"\\e725\"; }\r\n\r\n.uf-close-c-o:before { content: \"\\e625\"; }\r\n\r\n.uf-add-s:before { content: \"\\e620\"; }\r\n\r\n.uf-pc:before { content: \"\\e6e8\"; }\r\n\r\n.uf-rain:before { content: \"\\e771\"; }\r\n\r\n.uf-nodata:before { content: \"\\e64f\"; }\r\n\r\n.uf-close-c:before { content: \"\\e66b\"; }\r\n\r\n.uf-bohui-s-o:before { content: \"\\e65f\"; }\r\n\r\n.uf-cloud:before { content: \"\\e772\"; }\r\n\r\n.uf-bag-s:before { content: \"\\e650\"; }\r\n\r\n.uf-table-2:before { content: \"\\e95f\"; }\r\n\r\n.uf-anglearrowpointingtoright:before { content: \"\\e61e\"; }\r\n\r\n.uf-exc-c-o:before { content: \"\\e615\"; }\r\n\r\n.uf-group:before { content: \"\\e651\"; }\r\n\r\n.uf-personin-o:before { content: \"\\e8d3\"; }\r\n\r\n.uf-calendar:before { content: \"\\e646\"; }\r\n\r\n.uf-add-s-o:before { content: \"\\e604\"; }\r\n\r\n.uf-sync-c-o:before { content: \"\\e655\"; }\r\n\r\n.uf-grid:before { content: \"\\e657\"; }\r\n\r\n.uf-anglepointingtoleft:before { content: \"\\e624\"; }\r\n\r\n.uf-activate-3:before { content: \"\\e65b\"; }\r\n\r\n.uf-caven:before { content: \"\\e663\"; }\r\n\r\n.uf-back:before { content: \"\\e6e3\"; }\r\n\r\n.uf-pass-2:before { content: \"\\e65d\"; }\r\n\r\n.uf-reduce-s-o:before { content: \"\\e719\"; }\r\n\r\n.uf-area:before { content: \"\\e6ea\"; }\r\n\r\n.uf-flag:before { content: \"\\e65e\"; }\r\n\r\n.uf-box-o-2:before { content: \"\\e610\"; }\r\n\r\n.uf-arrow-s-o-down:before { content: \"\\e660\"; }\r\n\r\n.uf-arrow-s-o-up:before { content: \"\\e662\"; }\r\n\r\n.uf-building:before { content: \"\\e6ee\"; }\r\n\r\n.uf-tapp:before { content: \"\\e773\"; }\r\n\r\n.uf-treefolder:before { content: \"\\e628\"; }\r\n\r\n.uf-advice:before { content: \"\\e6cf\"; }\r\n\r\n.uf-2collayout:before { content: \"\\e618\"; }\r\n\r\n.uf-check-s:before { content: \"\\e672\"; }\r\n\r\n.uf-sign:before { content: \"\\e67a\"; }\r\n\r\n.uf-listsearch:before { content: \"\\e67c\"; }\r\n\r\n.uf-gridcaretarrowup:before { content: \"\\e636\"; }\r\n\r\n.uf-eye-c-o:before { content: \"\\e67e\"; }\r\n\r\n.uf-check-c-o:before { content: \"\\e6ef\"; }\r\n\r\n.uf-seal:before { content: \"\\e67f\"; }\r\n\r\n.uf-erpbox:before { content: \"\\e6ae\"; }\r\n\r\n.uf-rulerpen-o:before { content: \"\\e62e\"; }\r\n\r\n.uf-role:before { content: \"\\e7c2\"; }\r\n\r\n.uf-exc-c-2:before { content: \"\\e675\"; }\r\n\r\n.uf-pad:before { content: \"\\e6bd\"; }\r\n\r\n.uf-treefolder-closed:before { content: \"\\e688\"; }\r\n\r\n.uf-reduce-c-o:before { content: \"\\e635\"; }\r\n\r\n.uf-pass-s-o:before { content: \"\\e682\"; }\r\n\r\n.uf-setting:before { content: \"\\e683\"; }\r\n\r\n.uf-close-s:before { content: \"\\e76a\"; }\r\n\r\n.uf-map-o:before { content: \"\\e665\"; }\r\n\r\n.uf-move:before { content: \"\\e68b\"; }\r\n\r\n.uf-2arrow-down:before { content: \"\\e606\"; }\r\n\r\n.uf-2arrow-right:before { content: \"\\e60b\"; }\r\n\r\n.uf-arrow-c-o-left:before { content: \"\\e684\"; }\r\n\r\n.uf-plus:before { content: \"\\e763\"; }\r\n\r\n.uf-arrow-c-o-right:before { content: \"\\e685\"; }\r\n\r\n.uf-arrow-c-o-down:before { content: \"\\e687\"; }\r\n\r\n.uf-list-s-o:before { content: \"\\e746\"; }\r\n\r\n.uf-cloud-o-down:before { content: \"\\e673\"; }\r\n\r\n.uf-nodata-2:before { content: \"\\e68c\"; }\r\n\r\n.uf-file-s:before { content: \"\\e642\"; }\r\n\r\n.uf-2arrow-up:before { content: \"\\e607\"; }\r\n\r\n.uf-notification:before { content: \"\\e9cc\"; }\r\n\r\n.uf-piechart:before { content: \"\\e6f0\"; }\r\n\r\n.uf-cloud-o-up:before { content: \"\\e6ac\"; }\r\n\r\n.uf-close:before { content: \"\\e76b\"; }\r\n\r\n.uf-correct:before { content: \"\\e677\"; }\r\n\r\n.uf-histogram-s-o-2:before { content: \"\\e6fa\"; }\r\n\r\n.uf-4square-2:before { content: \"\\e691\"; }\r\n\r\n.uf-sunny:before { content: \"\\e774\"; }\r\n\r\n.uf-link:before { content: \"\\e6fe\"; }\r\n\r\n.uf-eye:before { content: \"\\e692\"; }\r\n\r\n.uf-eye-o:before { content: \"\\e69c\"; }\r\n\r\n.uf-qian:before { content: \"\\e69e\"; }\r\n\r\n.uf-widgetab:before { content: \"\\e6f2\"; }\r\n\r\n.uf-rmb-s:before { content: \"\\e6a0\"; }\r\n\r\n.uf-link-off:before { content: \"\\e6ff\"; }\r\n\r\n.uf-shang-s:before { content: \"\\e6a1\"; }\r\n\r\n.uf-xia-s:before { content: \"\\e6a6\"; }\r\n\r\n.uf-box-2:before { content: \"\\e616\"; }\r\n\r\n.uf-pass-o:before { content: \"\\e6a7\"; }\r\n\r\n.uf-arrow-down:before { content: \"\\e609\"; }\r\n\r\n.uf-arrow-right:before { content: \"\\e611\"; }\r\n\r\n.uf-arrow-left:before { content: \"\\e612\"; }\r\n\r\n.uf-box:before { content: \"\\e613\"; }\r\n\r\n.uf-triangle-right:before { content: \"\\e61c\"; }\r\n\r\n.uf-histogram-s-o:before { content: \"\\e626\"; }\r\n\r\n.uf-book:before { content: \"\\e62a\"; }\r\n\r\n.uf-bookmark-o:before { content: \"\\e631\"; }\r\n\r\n.uf-leaf:before { content: \"\\e62d\"; }\r\n\r\n.uf-bullseye:before { content: \"\\e632\"; }\r\n\r\n.uf-calendarpageempty:before { content: \"\\e647\"; }\r\n\r\n.uf-gridcaretdown:before { content: \"\\e637\"; }\r\n\r\n.uf-triangle-up:before { content: \"\\e638\"; }\r\n\r\n.uf-triangle-down:before { content: \"\\e639\"; }\r\n\r\n.uf-cloud-down:before { content: \"\\e64a\"; }\r\n\r\n.uf-cloud-up:before { content: \"\\e64b\"; }\r\n\r\n.uf-bubble:before { content: \"\\e652\"; }\r\n\r\n.uf-bubble-o:before { content: \"\\e653\"; }\r\n\r\n.uf-copy:before { content: \"\\e65a\"; }\r\n\r\n.uf-correct-2:before { content: \"\\e658\"; }\r\n\r\n.uf-2arrow-left:before { content: \"\\e664\"; }\r\n\r\n.uf-arrow-down-2:before { content: \"\\e667\"; }\r\n\r\n.uf-download:before { content: \"\\e669\"; }\r\n\r\n.uf-earth:before { content: \"\\e66d\"; }\r\n\r\n.uf-mail-o:before { content: \"\\e66f\"; }\r\n\r\n.uf-mail:before { content: \"\\e670\"; }\r\n\r\n.uf-exc:before { content: \"\\e674\"; }\r\n\r\n.uf-externallink:before { content: \"\\e676\"; }\r\n\r\n.uf-video:before { content: \"\\e67b\"; }\r\n\r\n.uf-films:before { content: \"\\e680\"; }\r\n\r\n.uf-folder:before { content: \"\\e689\"; }\r\n\r\n.uf-folder-o:before { content: \"\\e68a\"; }\r\n\r\n.uf-fontselectioneditor:before { content: \"\\e68d\"; }\r\n\r\n.uf-4square:before { content: \"\\e68e\"; }\r\n\r\n.uf-gift:before { content: \"\\e693\"; }\r\n\r\n.uf-github-c:before { content: \"\\e695\"; }\r\n\r\n.uf-github-s:before { content: \"\\e696\"; }\r\n\r\n.uf-heart-o:before { content: \"\\e6a3\"; }\r\n\r\n.uf-heart:before { content: \"\\e6a4\"; }\r\n\r\n.uf-home:before { content: \"\\e6a2\"; }\r\n\r\n.uf-i-c-2:before { content: \"\\e6aa\"; }\r\n\r\n.uf-i:before { content: \"\\e6ab\"; }\r\n\r\n.uf-triangle-left:before { content: \"\\e6b0\"; }\r\n\r\n.uf-symlist:before { content: \"\\e6be\"; }\r\n\r\n.uf-arrow-left-2:before { content: \"\\e6bf\"; }\r\n\r\n.uf-arrow-right-2:before { content: \"\\e6c0\"; }\r\n\r\n.uf-arrow-up-2:before { content: \"\\e6c1\"; }\r\n\r\n.uf-reduce-c:before { content: \"\\e6cb\"; }\r\n\r\n.uf-reduce-s:before { content: \"\\e6cc\"; }\r\n\r\n.uf-minus:before { content: \"\\e6ce\"; }\r\n\r\n.uf-mobile:before { content: \"\\e6e0\"; }\r\n\r\n.uf-bell-o:before { content: \"\\e6d4\"; }\r\n\r\n.uf-9square:before { content: \"\\e6d5\"; }\r\n\r\n.uf-numlist:before { content: \"\\e6dd\"; }\r\n\r\n.uf-folderopen-o:before { content: \"\\e6d7\"; }\r\n\r\n.uf-treefolderopen:before { content: \"\\e6d8\"; }\r\n\r\n.uf-mac:before { content: \"\\e6ed\"; }\r\n\r\n.uf-camera:before { content: \"\\e6e4\"; }\r\n\r\n.uf-picture:before { content: \"\\e6e5\"; }\r\n\r\n.uf-play:before { content: \"\\e6eb\"; }\r\n\r\n.uf-play-o:before { content: \"\\e6ec\"; }\r\n\r\n.uf-qm-c:before { content: \"\\e6f4\"; }\r\n\r\n.uf-qm:before { content: \"\\e6f5\"; }\r\n\r\n.uf-navmenu-light:before { content: \"\\e6fd\"; }\r\n\r\n.uf-settings:before { content: \"\\e70c\"; }\r\n\r\n.uf-cart:before { content: \"\\e711\"; }\r\n\r\n.uf-histogram:before { content: \"\\e714\"; }\r\n\r\n.uf-finetune:before { content: \"\\e71a\"; }\r\n\r\n.uf-sortup:before { content: \"\\e71b\"; }\r\n\r\n.uf-sortdown:before { content: \"\\e71c\"; }\r\n\r\n.uf-sort19:before { content: \"\\e71d\"; }\r\n\r\n.uf-sort91:before { content: \"\\e71f\"; }\r\n\r\n.uf-za:before { content: \"\\e721\"; }\r\n\r\n.uf-star-o:before { content: \"\\e726\"; }\r\n\r\n.uf-star-2:before { content: \"\\e727\"; }\r\n\r\n.uf-star:before { content: \"\\e728\"; }\r\n\r\n.uf-luggage:before { content: \"\\e72d\"; }\r\n\r\n.uf-table:before { content: \"\\e730\"; }\r\n\r\n.uf-tel:before { content: \"\\e734\"; }\r\n\r\n.uf-tel-s:before { content: \"\\e735\"; }\r\n\r\n.uf-terminal:before { content: \"\\e736\"; }\r\n\r\n.uf-file:before { content: \"\\e738\"; }\r\n\r\n.uf-file-o:before { content: \"\\e739\"; }\r\n\r\n.uf-3dot-h:before { content: \"\\e73c\"; }\r\n\r\n.uf-time-c-o:before { content: \"\\e742\"; }\r\n\r\n.uf-upload:before { content: \"\\e750\"; }\r\n\r\n.uf-3dot-v:before { content: \"\\e753\"; }\r\n\r\n.uf-rmb:before { content: \"\\e757\"; }\r\n\r\n.uf-arrow-c-o-up:before { content: \"\\e6a9\"; }\r\n\r\n.uf-reject-2:before { content: \"\\e6ad\"; }\r\n\r\n.uf-barcode:before { content: \"\\e7fc\"; }\r\n\r\n.uf-zoom-out:before { content: \"\\e686\"; }\r\n\r\n.uf-exc-t-o:before { content: \"\\e60a\"; }\r\n\r\n.uf-pass:before { content: \"\\e6b1\"; }\r\n\r\n.uf-flow:before { content: \"\\e6b2\"; }\r\n\r\n.uf-add-c:before { content: \"\\e61a\"; }\r\n\r\n.uf-arrow-c-o-right-2:before { content: \"\\e6b3\"; }\r\n\r\n.uf-shelf-on:before { content: \"\\e6b4\"; }\r\n\r\n.uf-shelf-off:before { content: \"\\e6b5\"; }\r\n\r\n.uf-file-o-2:before { content: \"\\e60f\"; }\r\n\r\n.uf-truck-o:before { content: \"\\e6b6\"; }\r\n\r\n.uf-super:before { content: \"\\e62c\"; }\r\n\r\n.uf-equipment:before { content: \"\\e630\"; }\r\n\r\n.uf-arrow-c-o-left-2:before { content: \"\\e6b8\"; }\r\n\r\n.uf-files-o:before { content: \"\\e6fc\"; }\r\n\r\n.uf-cloud-o:before { content: \"\\e6ba\"; }\r\n\r\n.uf-rmb-s-o-2:before { content: \"\\e6bb\"; }\r\n\r\n.uf-3dot-c-o:before { content: \"\\e6f3\"; }\r\n\r\n.uf-dafeng:before { content: \"\\e775\"; }\r\n\r\n.uf-baoxue:before { content: \"\\e776\"; }\r\n\r\n.uf-bingbao:before { content: \"\\e777\"; }\r\n\r\n.uf-fengbao:before { content: \"\\e778\"; }\r\n\r\n.uf-xiaoyu:before { content: \"\\e779\"; }\r\n\r\n.uf-zhenxue:before { content: \"\\e77a\"; }\r\n\r\n.uf-zhongyu:before { content: \"\\e77b\"; }\r\n\r\n.uf-es:before { content: \"\\e747\"; }\r\n\r\n.uf-flow-o-2:before { content: \"\\e6bc\"; }\r\n\r\n.uf-activate-2:before { content: \"\\e6c2\"; }\r\n\r\n.uf-flow-o:before { content: \"\\e6c3\"; }\r\n\r\n.uf-bulb-2:before { content: \"\\e63a\"; }\r\n\r\n.uf-mi-c:before { content: \"\\e62f\"; }\r\n\r\n.uf-top-up:before { content: \"\\e668\"; }\r\n\r\n.uf-creditcard:before { content: \"\\e8b4\"; }\r\n\r\n.uf-align-center:before { content: \"\\e8b9\"; }\r\n\r\n.uf-align-justify:before { content: \"\\e8ba\"; }\r\n\r\n.uf-align-left:before { content: \"\\e8bb\"; }\r\n\r\n.uf-align-right:before { content: \"\\e8bc\"; }\r\n\r\n.uf-ju-c-o:before { content: \"\\e6c4\"; }\r\n\r\n.uf-truck:before { content: \"\\e990\"; }\r\n\r\n.uf-setting-c-o:before { content: \"\\e6c5\"; }\r\n\r\n.uf-users-o:before { content: \"\\e91b\"; }\r\n\r\n.uf-bag-s-o:before { content: \"\\e6c6\"; }\r\n\r\n.uf-cai-s:before { content: \"\\e6c7\"; }\r\n\r\n.uf-listcheck:before { content: \"\\e6c8\"; }\r\n\r\n.uf-users:before { content: \"\\e794\"; }\r\n\r\n.uf-i-c:before { content: \"\\e6cd\"; }\r\n\r\n.uf-building-o:before { content: \"\\e6f6\"; }\r\n\r\n.uf-rmb-s-o:before { content: \"\\e6d0\"; }\r\n\r\n.uf-reject:before { content: \"\\e6d1\"; }\r\n\r\n.uf-9dot:before { content: \"\\e6f7\"; }\r\n\r\n.uf-loadingstate:before { content: \"\\e600\"; }\r\n\r\n.uf-gateway:before { content: \"\\e6d3\"; }\r\n\r\n.uf-ticket-s-o:before { content: \"\\e6d6\"; }\r\n\r\n.uf-userset:before { content: \"\\e6f8\"; }\r\n\r\n.uf-puzzle-o:before { content: \"\\e648\"; }\r\n\r\n.uf-box-o:before { content: \"\\e6d9\"; }\r\n\r\n.uf-bulb:before { content: \"\\e6da\"; }\r\n\r\n.uf-exc-t:before { content: \"\\e61b\"; }\r\n\r\n.uf-rmb-c:before { content: \"\\e6db\"; }\r\n\r\n.uf-table-s-o:before { content: \"\\e759\"; }\r\n\r\n.uf-umbrella-o:before { content: \"\\e6dc\"; }\r\n\r\n.uf-dropbox:before { content: \"\\e69d\"; }\r\n\r\n.uf-search-light:before { content: \"\\e622\"; }\r\n\r\n.uf-cart-o:before { content: \"\\e8c4\"; }\r\n\r\n.uf-kero-col:before { content: \"\\e8c7\"; }\r\n\r\n.uf-uba-col:before { content: \"\\e8c8\"; }\r\n\r\n.uf-tinperzc-col:before { content: \"\\e8c9\"; }\r\n\r\n.uf-tinperzch-col:before { content: \"\\e8ca\"; }\r\n\r\n.uf-iuap-col:before { content: \"\\e8cb\"; }\r\n\r\n.uf-iuapdesign-col:before { content: \"\\e8cc\"; }\r\n\r\n.uf-bee-col:before { content: \"\\e8cd\"; }\r\n\r\n.uf-neoui-col:before { content: \"\\e8ce\"; }\r\n\r\n.uf-sparrow-col:before { content: \"\\e8cf\"; }\r\n\r\n.uf-tinpercn-col:before { content: \"\\e8d0\"; }\r\n\r\n.uf-tinperen-col:before { content: \"\\e8d1\"; }\r\n\r\n.uf-arrow-up:before { content: \"\\e8d2\"; }\r\n\r\n.uf-mailsym:before { content: \"\\e605\"; }\r\n\r\n.uf-print:before { content: \"\\e60e\"; }\r\n\r\n.uf-ticket-3:before { content: \"\\e619\"; }\r\n\r\n.uf-loan:before { content: \"\\e61f\"; }\r\n\r\n.uf-ticket-2:before { content: \"\\e629\"; }\r\n\r\n.uf-offwork:before { content: \"\\e62b\"; }\r\n\r\n.uf-todolist:before { content: \"\\e640\"; }\r\n\r\n.uf-personin:before { content: \"\\e66a\"; }\r\n\r\n.uf-ticket:before { content: \"\\e671\"; }\r\n\r\n.uf-linechart:before { content: \"\\e6fb\"; }\r\n\r\n.uf-4leaf:before { content: \"\\e6de\"; }\r\n\r\n.uf-listset:before { content: \"\\e6df\"; }\r\n\r\n.uf-qi-c-o:before { content: \"\\e621\"; }\r\n\r\n.uf-exc-c:before { content: \"\\e61d\"; }\r\n\r\n.uf-code:before { content: \"\\e656\"; }\r\n\r\n.uf-plug-o:before { content: \"\\e60d\"; }\r\n\r\n.uf-search-s:before { content: \"\\e991\"; }\r\n\r\n.uf-treeadd:before { content: \"\\e992\"; }\r\n\r\n.uf-mi:before { content: \"\\e993\"; }\r\n\r\n.uf-treeline-copy:before { content: \"\\e994\"; }\r\n\r\n.uf-listwithdots:before { content: \"\\e9cd\"; }\r\n\r\n.uf-gridlogo:before { content: \"\\e900\"; }\r\n\r\n.uf-magnifyingglass:before { content: \"\\e9ce\"; }\r\n\r\n.uf-anglearrowdown:before { content: \"\\e9cf\"; }\r\n\r\n.uf-yongyouyunchnen:before { content: \"\\e98d\"; }\r\n\r\n.uf-yycloud:before { content: \"\\e68f\"; }\r\n\r\n.uf-funnel-o:before { content: \"\\e63c\"; }\r\n\r\n.uf-filter:before { content: \"\\e9d0\"; }\r\n\r\n.uf-filterno:before { content: \"\\e9d1\"; }\r\n\r\n.uf-clean:before { content: \"\\e9d2\"; }\r\n\r\n.uf-save:before { content: \"\\e9d3\"; }\r\n\r\n.uf-export:before { content: \"\\e9d4\"; }\r\n\r\n.uf-import:before { content: \"\\e9d5\"; }\r\n\r\n.uf-stop-c:before { content: \"\\e9d6\"; }\r\n\r\n.uf-rubber:before { content: \"\\e9d7\"; }\r\n\r\n.uf-bediting:before { content: \"\\e9d8\"; }\r\n\r\n.uf-maxmize:before { content: \"\\e9d9\"; }\r\n\r\n.uf-minimize:before { content: \"\\e9da\"; }\r\n\r\n.uf-globe:before { content: \"\\e9db\"; }","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n@import \"../node_modules/bee-icon/src/Icon.scss\";\n\n$zIndex-message: 2000;\n$message-background: #f7f9fb;\n$message-content-padding: 11px 64px 11px 4px;\n.u-message {\n font-size: $message-font-size;\n position: fixed;\n z-index: $zIndex-message;\n &-topLeft, &-topRight, &-bottomLeft, &-bottomRight {\n .u-message-notice-description-content{\n min-width: 132px;\n }\n }\n\n &-notice {\n position: relative;\n padding: $message-padding;\n // @include shadow-3dp();\n box-shadow:0 4px 12px rgba(20, 27, 53, .2);\n border: 1px solid #DFE1E6;\n border-radius: $border-radius-base;\n box-sizing: border-box;\n background: $message-background;\n line-height: 1.5;\n overflow: hidden;\n color: $font-color-base;\n &-description {\n font-size: 12px;\n word-wrap: break-word;\n vertical-align: middle;\n &-content {\n min-width: 250px;\n max-width: 610px;\n display: inline-block;\n padding: $message-content-padding;\n margin-left: 40px;\n }\n &-icon{\n position: absolute;\n top: 0;\n left: 0;\n display: inline-block;\n padding-left: 12px;\n padding-right: 4px;\n text-align: center;\n background-color: #000;\n .uf {\n font-size: 24px;\n line-height: 40px;\n padding: 0;\n }\n }\n }\n\n &-close {\n position: absolute;\n right: 14px;\n top: 14px;\n cursor: pointer;\n outline: none;\n font-size: 12px;\n font-weight: 700;\n line-height: 1;\n text-shadow: 0 1px 0 #fff;\n text-decoration: none;\n\n &-x .uf {\n font-size: 12px;\n padding: 0;\n }\n\n &:hover {\n opacity: 1;\n filter: alpha(opacity=100);\n text-decoration: none;\n }\n\n }\n }\n\n &-notice-dark {\n background-color: #344563;\n border-color: #344563;\n color: #fff;\n .u-message-notice-description-icon{\n background-color: #344563;\n }\n }\n\n &-notice-light {\n background-color: #f7f9fb;\n border-color: #DFE1E6;\n color: #54698D;\n .u-message-notice-description-icon{\n background-color: #f7f9fb;\n }\n .u-message-notice-description-content{\n color: $font-color-base;\n }\n }\n &-notice-success {\n background-color: $brand-success;\n color: #fff;\n border-color: $brand-success;\n .u-message-notice-description-icon{\n background-color: $brand-success;\n }\n }\n &-notice-danger {\n background-color: $brand-danger;\n color: #fff;\n border-color: $brand-danger;\n .u-message-notice-description-icon{\n background-color: $brand-danger;\n }\n }\n &-notice-info {\n background-color: $brand-info;\n color: #fff;\n border-color: $brand-info;\n .u-message-notice-description-icon{\n background-color: $brand-info;\n }\n }\n &-notice-warning {\n background-color:$brand-warning;\n color: #fff;\n border-color: $brand-warning;\n .u-message-notice-description-icon{\n background-color: $brand-warning;\n }\n }\n &-notice-successlight {\n background-color: $brand-light-success;\n color: #000;\n border-color: #42C556;\n .u-message-notice-description-icon{\n background-color: $brand-light-success;\n color: $brand-success;\n }\n }\n &-notice-dangerlight {\n background-color: $brand-light-danger;\n color: #000;\n border-color: #FE8196;\n .u-message-notice-description-icon{\n background-color: $brand-light-danger;\n color: $brand-danger;\n }\n }\n &-notice-infolight {\n background-color: $brand-light-info;\n color: #000;\n border-color: #4DD0E1;\n .u-message-notice-description-icon{\n background-color: $brand-light-info;\n color: $brand-info;\n }\n }\n &-notice-warninglight {\n background-color: $brand-light-warning;\n color: #000;\n border-color: #FA9B36;\n .u-message-notice-description-icon{\n background-color: $brand-light-warning;\n color: $brand-warning;\n }\n }\n\n}\n .message-fade-effect {\n animation-duration: 0.24s;\n animation-fill-mode: both;\n animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n }\n\n .u-message-left-enter,\n .u-message-left-appear,.u-message-right-enter,\n .u-message-right-appear,.u-message-top-enter,\n .u-message-top-appear,.u-message-bottom-enter,\n .u-message-bottom-appear {\n opacity: 0;\n @extend .message-fade-effect;\n animation-play-state: paused;\n }\n\n .u-message-left-leave,\n .u-message-right-leave,\n .u-message-top-leave,\n .u-message-bottom-leave {\n @extend .message-fade-effect;\n animation-duration: 0.2s;\n animation-play-state: paused;\n }\n\n\n .u-message-left-enter.u-message-left-enter-active,\n .u-message-left-appear.u-message-left-appear-active {\n animation-name: uMessageLeftIn;\n animation-play-state: running;\n }\n\n .u-message-left-leave.u-message-left-leave-active {\n animation-name: uMessageFadeOut;\n animation-play-state: running;\n }\n .u-message-right-enter.u-message-right-enter-active,\n .u-message-right-appear.u-message-right-appear-active {\n animation-name: uMessageRightIn;\n animation-play-state: running;\n }\n\n .u-message-right-leave.u-message-right-leave-active {\n animation-name: uMessageFadeOut;\n animation-play-state: running;\n }\n .u-message-top-enter.u-message-top-enter-active,\n .u-message-top-appear.u-message-top-appear-active {\n animation-name: uMessageMoveUp;\n animation-play-state: running;\n }\n\n .u-message-top-leave.u-message-top-leave-active {\n animation-name: uMessageFadeOut;\n animation-play-state: running;\n }\n .u-message-bottom-enter.u-message-bottom-enter-active,\n .u-message-bottom-appear.u-message-bottom-appear-active {\n animation-name: uMessageMoveDown;\n animation-play-state: running;\n }\n\n .u-message-bottom-leave.u-message-bottom-leave-active {\n animation-name: uMessageFadeOut;\n animation-play-state: running;\n }\n @keyframes uMessageLeftIn {\n 0% {\n opacity: 0;\n right: 30px;\n }\n 100% {\n right: 0;\n opacity: 1;\n }\n }\n @keyframes uMessageRightIn {\n 0% {\n opacity: 0;\n left:30px;\n }\n 100% {\n left: 0;\n opacity: 1;\n }\n }\n @keyframes uMessageMoveUp {\n 0% {\n opacity: 0;\n top: -30px;\n }\n 100% {\n top: 0;\n opacity: 1;\n }\n }\n @keyframes uMessageMoveDown {\n 0% {\n opacity: 0;\n bottom: -78px;\n }\n 100% {\n bottom: 0;\n opacity: 1;\n }\n }\n\n\n @keyframes uMessageFadeOut {\n 0% {\n opacity: 1;\n padding-top: $message-padding;\n padding-bottom: $message-padding;\n max-height: 150px;\n }\n 100% {\n opacity: 0;\n padding-top: 0;\n padding-bottom: 0;\n max-height: 0;\n }\n }\n","@import \"minxin-colors\";\n\n// 默认色\n$default-color: $palette-blue-grey-50;\n$default-color-dark: \"223,225,230\";\n$default-color-light: \"223,225,230\";\n\n// 主题色\n$primary-color: \"245, 60, 50\" !default;\n$primary-color-dark: \"230, 0, 18\" !default;\n$primary-color-light: \"230, 0, 18\" !default;\n\n// 字体\n$font-family-primary: \"Open Sans\", \"Helvetica Neue\", Arial, \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif !default;\n// 主字号\n$font-size-base: 14px !default;\n// 主按钮文本色\n$text-color-base: $color-dark-contrast !default; \n\n// 圆角，包括：button、select等\n$border-radius: 3px !default;\n// 边框色，包括按钮、输入框、分页\n$border-color: \"165, 173, 186\" !default;\n// 条目hover背景色，包括：select、dropdown、table、datepicker、tree、menu、calendar\n$item-hover-bg-color-base: \"235, 236, 240\" !default;\n// 条目selected背景色，包括：select、menu等\n$item-selected-bg-color-base: \"255, 247, 231\" !default;\n\n// Button 细化样式变量:\n// 次按钮背景色\n$secondary-color: $palette-blue-grey-50 !default;\n$secondary-color-dark: \"223,225,230\" !default;\n$secondary-color-light: \"223,225,230\" !default;\n// 次按钮文本色\n$button-secondary-text-color: $palette-grey-900 !default;\n\n// Table 细化样式变量：\n// 表头背景色\n$table-header-background-color: \"241, 242, 245\";\n// 表头文字颜色\n$table-header-text-color: \"33, 33, 33\";\n// 表格分割线颜色\n$table-border-color-base: \"193, 199, 208\";\n// 表格行hover背景色\n$table-row-hover-bg-color: \"235, 236, 240\";\n\n// 向下兼容\n$color-primary: $palette-blue-600 !default;\n$color-primary-dark: $palette-blue-800 !default;\n$color-primary-light: $palette-blue-400 !default;\n\n// 辅色\n$color-accent: $palette-green-600 !default;\n$color-accent-dark: $palette-green-800 !default;\n$color-accent-light: $palette-green-400 !default;\n\n\n// cyan主题\n//$color-primary: $palette-cyan-500 !default;\n//$color-primary-dark: $palette-cyan-700 !default;\n//$color-accent: $palette-light-blue-500 !default;\n\n// orange主题\n//$color-primary: $palette-orange-500 !default;\n//$color-primary-dark: $palette-orange-700 !default;\n//$color-accent: $palette-deep-orange-500 !default;\n",".paddingDemo{\r\n button{\r\n margin: 10px;\r\n }\r\n}",".paddingDemo{\r\n button{\r\n margin: 8px;\r\n }\r\n}",".demo3{\r\n .u-button{\r\n margin: 8px 8px 8px 0; \r\n }\r\n .u-table .u-button{\r\n margin: 0 4px;\r\n color: #fff;\r\n background: #505F79;\r\n border-color: #505F79;\r\n &:hover, &:active{\r\n background: #344563;\r\n border-color: #505F79;\r\n }\r\n }\r\n}"],"sourceRoot":"/source/"} |