color.less 233 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057
  1. @primary-color: #1890ff !important;
  2. /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
  3. /* stylelint-disable no-duplicate-selectors */
  4. /* stylelint-disable */
  5. .bezierEasingMixin() {
  6. @functions: ~`(function() {
  7. var NEWTON_ITERATIONS = 4;
  8. var NEWTON_MIN_SLOPE = 0.001;
  9. var SUBDIVISION_PRECISION = 0.0000001;
  10. var SUBDIVISION_MAX_ITERATIONS = 10;
  11. var kSplineTableSize = 11;
  12. var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);
  13. var float32ArraySupported = typeof Float32Array === 'function';
  14. function A (aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1; }
  15. function B (aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1; }
  16. function C (aA1) { return 3.0 * aA1; }
  17. // Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.
  18. function calcBezier (aT, aA1, aA2) { return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT; }
  19. // Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2.
  20. function getSlope (aT, aA1, aA2) { return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1); }
  21. function binarySubdivide (aX, aA, aB, mX1, mX2) {
  22. var currentX, currentT, i = 0;
  23. do {
  24. currentT = aA + (aB - aA) / 2.0;
  25. currentX = calcBezier(currentT, mX1, mX2) - aX;
  26. if (currentX > 0.0) {
  27. aB = currentT;
  28. } else {
  29. aA = currentT;
  30. }
  31. } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
  32. return currentT;
  33. }
  34. function newtonRaphsonIterate (aX, aGuessT, mX1, mX2) {
  35. for (var i = 0; i < NEWTON_ITERATIONS; ++i) {
  36. var currentSlope = getSlope(aGuessT, mX1, mX2);
  37. if (currentSlope === 0.0) {
  38. return aGuessT;
  39. }
  40. var currentX = calcBezier(aGuessT, mX1, mX2) - aX;
  41. aGuessT -= currentX / currentSlope;
  42. }
  43. return aGuessT;
  44. }
  45. var BezierEasing = function (mX1, mY1, mX2, mY2) {
  46. if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) {
  47. throw new Error('bezier x values must be in [0, 1] range');
  48. }
  49. // Precompute samples table
  50. var sampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
  51. if (mX1 !== mY1 || mX2 !== mY2) {
  52. for (var i = 0; i < kSplineTableSize; ++i) {
  53. sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
  54. }
  55. }
  56. function getTForX (aX) {
  57. var intervalStart = 0.0;
  58. var currentSample = 1;
  59. var lastSample = kSplineTableSize - 1;
  60. for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {
  61. intervalStart += kSampleStepSize;
  62. }
  63. --currentSample;
  64. // Interpolate to provide an initial guess for t
  65. var dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]);
  66. var guessForT = intervalStart + dist * kSampleStepSize;
  67. var initialSlope = getSlope(guessForT, mX1, mX2);
  68. if (initialSlope >= NEWTON_MIN_SLOPE) {
  69. return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
  70. } else if (initialSlope === 0.0) {
  71. return guessForT;
  72. } else {
  73. return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);
  74. }
  75. }
  76. return function BezierEasing (x) {
  77. if (mX1 === mY1 && mX2 === mY2) {
  78. return x; // linear
  79. }
  80. // Because JavaScript number are imprecise, we should guarantee the extremes are right.
  81. if (x === 0) {
  82. return 0;
  83. }
  84. if (x === 1) {
  85. return 1;
  86. }
  87. return calcBezier(getTForX(x), mY1, mY2);
  88. };
  89. };
  90. this.colorEasing = BezierEasing(0.26, 0.09, 0.37, 0.18);
  91. // less 3 requires a return
  92. return '';
  93. })()`;
  94. }
  95. // It is hacky way to make this function will be compiled preferentially by less
  96. // resolve error: `ReferenceError: colorPalette is not defined`
  97. // https://github.com/ant-design/ant-motion/issues/44
  98. .bezierEasingMixin();
  99. /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
  100. .tinyColorMixin() {
  101. @functions: ~`(function() {
  102. // TinyColor v1.4.1
  103. // https://github.com/bgrins/TinyColor
  104. // 2016-07-07, Brian Grinstead, MIT License
  105. var trimLeft = /^\s+/,
  106. trimRight = /\s+$/,
  107. tinyCounter = 0,
  108. mathRound = Math.round,
  109. mathMin = Math.min,
  110. mathMax = Math.max,
  111. mathRandom = Math.random;
  112. function tinycolor (color, opts) {
  113. color = (color) ? color : '';
  114. opts = opts || { };
  115. // If input is already a tinycolor, return itself
  116. if (color instanceof tinycolor) {
  117. return color;
  118. }
  119. // If we are called as a function, call using new instead
  120. if (!(this instanceof tinycolor)) {
  121. return new tinycolor(color, opts);
  122. }
  123. var rgb = inputToRGB(color);
  124. this._originalInput = color,
  125. this._r = rgb.r,
  126. this._g = rgb.g,
  127. this._b = rgb.b,
  128. this._a = rgb.a,
  129. this._roundA = mathRound(100*this._a) / 100,
  130. this._format = opts.format || rgb.format;
  131. this._gradientType = opts.gradientType;
  132. // Don't let the range of [0,255] come back in [0,1].
  133. // Potentially lose a little bit of precision here, but will fix issues where
  134. // .5 gets interpreted as half of the total, instead of half of 1
  135. // If it was supposed to be 128, this was already taken care of by inputToRgb
  136. if (this._r < 1) { this._r = mathRound(this._r); }
  137. if (this._g < 1) { this._g = mathRound(this._g); }
  138. if (this._b < 1) { this._b = mathRound(this._b); }
  139. this._ok = rgb.ok;
  140. this._tc_id = tinyCounter++;
  141. }
  142. tinycolor.prototype = {
  143. isDark: function() {
  144. return this.getBrightness() < 128;
  145. },
  146. isLight: function() {
  147. return !this.isDark();
  148. },
  149. isValid: function() {
  150. return this._ok;
  151. },
  152. getOriginalInput: function() {
  153. return this._originalInput;
  154. },
  155. getFormat: function() {
  156. return this._format;
  157. },
  158. getAlpha: function() {
  159. return this._a;
  160. },
  161. getBrightness: function() {
  162. //http://www.w3.org/TR/AERT#color-contrast
  163. var rgb = this.toRgb();
  164. return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;
  165. },
  166. getLuminance: function() {
  167. //http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
  168. var rgb = this.toRgb();
  169. var RsRGB, GsRGB, BsRGB, R, G, B;
  170. RsRGB = rgb.r/255;
  171. GsRGB = rgb.g/255;
  172. BsRGB = rgb.b/255;
  173. if (RsRGB <= 0.03928) {R = RsRGB / 12.92;} else {R = Math.pow(((RsRGB + 0.055) / 1.055), 2.4);}
  174. if (GsRGB <= 0.03928) {G = GsRGB / 12.92;} else {G = Math.pow(((GsRGB + 0.055) / 1.055), 2.4);}
  175. if (BsRGB <= 0.03928) {B = BsRGB / 12.92;} else {B = Math.pow(((BsRGB + 0.055) / 1.055), 2.4);}
  176. return (0.2126 * R) + (0.7152 * G) + (0.0722 * B);
  177. },
  178. setAlpha: function(value) {
  179. this._a = boundAlpha(value);
  180. this._roundA = mathRound(100*this._a) / 100;
  181. return this;
  182. },
  183. toHsv: function() {
  184. var hsv = rgbToHsv(this._r, this._g, this._b);
  185. return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a };
  186. },
  187. toHsvString: function() {
  188. var hsv = rgbToHsv(this._r, this._g, this._b);
  189. var h = mathRound(hsv.h * 360), s = mathRound(hsv.s * 100), v = mathRound(hsv.v * 100);
  190. return (this._a == 1) ?
  191. "hsv(" + h + ", " + s + "%, " + v + "%)" :
  192. "hsva(" + h + ", " + s + "%, " + v + "%, "+ this._roundA + ")";
  193. },
  194. toHsl: function() {
  195. var hsl = rgbToHsl(this._r, this._g, this._b);
  196. return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a };
  197. },
  198. toHslString: function() {
  199. var hsl = rgbToHsl(this._r, this._g, this._b);
  200. var h = mathRound(hsl.h * 360), s = mathRound(hsl.s * 100), l = mathRound(hsl.l * 100);
  201. return (this._a == 1) ?
  202. "hsl(" + h + ", " + s + "%, " + l + "%)" :
  203. "hsla(" + h + ", " + s + "%, " + l + "%, "+ this._roundA + ")";
  204. },
  205. toHex: function(allow3Char) {
  206. return rgbToHex(this._r, this._g, this._b, allow3Char);
  207. },
  208. toHexString: function(allow3Char) {
  209. return '#' + this.toHex(allow3Char);
  210. },
  211. toHex8: function(allow4Char) {
  212. return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char);
  213. },
  214. toHex8String: function(allow4Char) {
  215. return '#' + this.toHex8(allow4Char);
  216. },
  217. toRgb: function() {
  218. return { r: mathRound(this._r), g: mathRound(this._g), b: mathRound(this._b), a: this._a };
  219. },
  220. toRgbString: function() {
  221. return (this._a == 1) ?
  222. "rgb(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ")" :
  223. "rgba(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ", " + this._roundA + ")";
  224. },
  225. toPercentageRgb: function() {
  226. return { r: mathRound(bound01(this._r, 255) * 100) + "%", g: mathRound(bound01(this._g, 255) * 100) + "%", b: mathRound(bound01(this._b, 255) * 100) + "%", a: this._a };
  227. },
  228. toPercentageRgbString: function() {
  229. return (this._a == 1) ?
  230. "rgb(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%)" :
  231. "rgba(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")";
  232. },
  233. toName: function() {
  234. if (this._a === 0) {
  235. return "transparent";
  236. }
  237. if (this._a < 1) {
  238. return false;
  239. }
  240. return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false;
  241. },
  242. toFilter: function(secondColor) {
  243. var hex8String = '#' + rgbaToArgbHex(this._r, this._g, this._b, this._a);
  244. var secondHex8String = hex8String;
  245. var gradientType = this._gradientType ? "GradientType = 1, " : "";
  246. if (secondColor) {
  247. var s = tinycolor(secondColor);
  248. secondHex8String = '#' + rgbaToArgbHex(s._r, s._g, s._b, s._a);
  249. }
  250. return "progid:DXImageTransform.Microsoft.gradient("+gradientType+"startColorstr="+hex8String+",endColorstr="+secondHex8String+")";
  251. },
  252. toString: function(format) {
  253. var formatSet = !!format;
  254. format = format || this._format;
  255. var formattedString = false;
  256. var hasAlpha = this._a < 1 && this._a >= 0;
  257. var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "hex4" || format === "hex8" || format === "name");
  258. if (needsAlphaFormat) {
  259. // Special case for "transparent", all other non-alpha formats
  260. // will return rgba when there is transparency.
  261. if (format === "name" && this._a === 0) {
  262. return this.toName();
  263. }
  264. return this.toRgbString();
  265. }
  266. if (format === "rgb") {
  267. formattedString = this.toRgbString();
  268. }
  269. if (format === "prgb") {
  270. formattedString = this.toPercentageRgbString();
  271. }
  272. if (format === "hex" || format === "hex6") {
  273. formattedString = this.toHexString();
  274. }
  275. if (format === "hex3") {
  276. formattedString = this.toHexString(true);
  277. }
  278. if (format === "hex4") {
  279. formattedString = this.toHex8String(true);
  280. }
  281. if (format === "hex8") {
  282. formattedString = this.toHex8String();
  283. }
  284. if (format === "name") {
  285. formattedString = this.toName();
  286. }
  287. if (format === "hsl") {
  288. formattedString = this.toHslString();
  289. }
  290. if (format === "hsv") {
  291. formattedString = this.toHsvString();
  292. }
  293. return formattedString || this.toHexString();
  294. },
  295. clone: function() {
  296. return tinycolor(this.toString());
  297. },
  298. _applyModification: function(fn, args) {
  299. var color = fn.apply(null, [this].concat([].slice.call(args)));
  300. this._r = color._r;
  301. this._g = color._g;
  302. this._b = color._b;
  303. this.setAlpha(color._a);
  304. return this;
  305. },
  306. lighten: function() {
  307. return this._applyModification(lighten, arguments);
  308. },
  309. brighten: function() {
  310. return this._applyModification(brighten, arguments);
  311. },
  312. darken: function() {
  313. return this._applyModification(darken, arguments);
  314. },
  315. desaturate: function() {
  316. return this._applyModification(desaturate, arguments);
  317. },
  318. saturate: function() {
  319. return this._applyModification(saturate, arguments);
  320. },
  321. greyscale: function() {
  322. return this._applyModification(greyscale, arguments);
  323. },
  324. spin: function() {
  325. return this._applyModification(spin, arguments);
  326. },
  327. _applyCombination: function(fn, args) {
  328. return fn.apply(null, [this].concat([].slice.call(args)));
  329. },
  330. analogous: function() {
  331. return this._applyCombination(analogous, arguments);
  332. },
  333. complement: function() {
  334. return this._applyCombination(complement, arguments);
  335. },
  336. monochromatic: function() {
  337. return this._applyCombination(monochromatic, arguments);
  338. },
  339. splitcomplement: function() {
  340. return this._applyCombination(splitcomplement, arguments);
  341. },
  342. triad: function() {
  343. return this._applyCombination(triad, arguments);
  344. },
  345. tetrad: function() {
  346. return this._applyCombination(tetrad, arguments);
  347. }
  348. };
  349. // If input is an object, force 1 into "1.0" to handle ratios properly
  350. // String input requires "1.0" as input, so 1 will be treated as 1
  351. tinycolor.fromRatio = function(color, opts) {
  352. if (typeof color == "object") {
  353. var newColor = {};
  354. for (var i in color) {
  355. if (color.hasOwnProperty(i)) {
  356. if (i === "a") {
  357. newColor[i] = color[i];
  358. }
  359. else {
  360. newColor[i] = convertToPercentage(color[i]);
  361. }
  362. }
  363. }
  364. color = newColor;
  365. }
  366. return tinycolor(color, opts);
  367. };
  368. // Given a string or object, convert that input to RGB
  369. // Possible string inputs:
  370. //
  371. // "red"
  372. // "#f00" or "f00"
  373. // "#ff0000" or "ff0000"
  374. // "#ff000000" or "ff000000"
  375. // "rgb 255 0 0" or "rgb (255, 0, 0)"
  376. // "rgb 1.0 0 0" or "rgb (1, 0, 0)"
  377. // "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1"
  378. // "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1"
  379. // "hsl(0, 100%, 50%)" or "hsl 0 100% 50%"
  380. // "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1"
  381. // "hsv(0, 100%, 100%)" or "hsv 0 100% 100%"
  382. //
  383. function inputToRGB(color) {
  384. var rgb = { r: 0, g: 0, b: 0 };
  385. var a = 1;
  386. var s = null;
  387. var v = null;
  388. var l = null;
  389. var ok = false;
  390. var format = false;
  391. if (typeof color == "string") {
  392. color = stringInputToObject(color);
  393. }
  394. if (typeof color == "object") {
  395. if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
  396. rgb = rgbToRgb(color.r, color.g, color.b);
  397. ok = true;
  398. format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb";
  399. }
  400. else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
  401. s = convertToPercentage(color.s);
  402. v = convertToPercentage(color.v);
  403. rgb = hsvToRgb(color.h, s, v);
  404. ok = true;
  405. format = "hsv";
  406. }
  407. else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
  408. s = convertToPercentage(color.s);
  409. l = convertToPercentage(color.l);
  410. rgb = hslToRgb(color.h, s, l);
  411. ok = true;
  412. format = "hsl";
  413. }
  414. if (color.hasOwnProperty("a")) {
  415. a = color.a;
  416. }
  417. }
  418. a = boundAlpha(a);
  419. return {
  420. ok: ok,
  421. format: color.format || format,
  422. r: mathMin(255, mathMax(rgb.r, 0)),
  423. g: mathMin(255, mathMax(rgb.g, 0)),
  424. b: mathMin(255, mathMax(rgb.b, 0)),
  425. a: a
  426. };
  427. }
  428. // Conversion Functions
  429. // --------------------
  430. // rgbToHsl, rgbToHsv, hslToRgb, hsvToRgb modified from:
  431. // <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript>
  432. // rgbToRgb
  433. // Handle bounds / percentage checking to conform to CSS color spec
  434. // <http://www.w3.org/TR/css3-color/>
  435. // *Assumes:* r, g, b in [0, 255] or [0, 1]
  436. // *Returns:* { r, g, b } in [0, 255]
  437. function rgbToRgb(r, g, b){
  438. return {
  439. r: bound01(r, 255) * 255,
  440. g: bound01(g, 255) * 255,
  441. b: bound01(b, 255) * 255
  442. };
  443. }
  444. // rgbToHsl
  445. // Converts an RGB color value to HSL.
  446. // *Assumes:* r, g, and b are contained in [0, 255] or [0, 1]
  447. // *Returns:* { h, s, l } in [0,1]
  448. function rgbToHsl(r, g, b) {
  449. r = bound01(r, 255);
  450. g = bound01(g, 255);
  451. b = bound01(b, 255);
  452. var max = mathMax(r, g, b), min = mathMin(r, g, b);
  453. var h, s, l = (max + min) / 2;
  454. if(max == min) {
  455. h = s = 0; // achromatic
  456. }
  457. else {
  458. var d = max - min;
  459. s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
  460. switch(max) {
  461. case r: h = (g - b) / d + (g < b ? 6 : 0); break;
  462. case g: h = (b - r) / d + 2; break;
  463. case b: h = (r - g) / d + 4; break;
  464. }
  465. h /= 6;
  466. }
  467. return { h: h, s: s, l: l };
  468. }
  469. // hslToRgb
  470. // Converts an HSL color value to RGB.
  471. // *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100]
  472. // *Returns:* { r, g, b } in the set [0, 255]
  473. function hslToRgb(h, s, l) {
  474. var r, g, b;
  475. h = bound01(h, 360);
  476. s = bound01(s, 100);
  477. l = bound01(l, 100);
  478. function hue2rgb(p, q, t) {
  479. if(t < 0) t += 1;
  480. if(t > 1) t -= 1;
  481. if(t < 1/6) return p + (q - p) * 6 * t;
  482. if(t < 1/2) return q;
  483. if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;
  484. return p;
  485. }
  486. if(s === 0) {
  487. r = g = b = l; // achromatic
  488. }
  489. else {
  490. var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
  491. var p = 2 * l - q;
  492. r = hue2rgb(p, q, h + 1/3);
  493. g = hue2rgb(p, q, h);
  494. b = hue2rgb(p, q, h - 1/3);
  495. }
  496. return { r: r * 255, g: g * 255, b: b * 255 };
  497. }
  498. // rgbToHsv
  499. // Converts an RGB color value to HSV
  500. // *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]
  501. // *Returns:* { h, s, v } in [0,1]
  502. function rgbToHsv(r, g, b) {
  503. r = bound01(r, 255);
  504. g = bound01(g, 255);
  505. b = bound01(b, 255);
  506. var max = mathMax(r, g, b), min = mathMin(r, g, b);
  507. var h, s, v = max;
  508. var d = max - min;
  509. s = max === 0 ? 0 : d / max;
  510. if(max == min) {
  511. h = 0; // achromatic
  512. }
  513. else {
  514. switch(max) {
  515. case r: h = (g - b) / d + (g < b ? 6 : 0); break;
  516. case g: h = (b - r) / d + 2; break;
  517. case b: h = (r - g) / d + 4; break;
  518. }
  519. h /= 6;
  520. }
  521. return { h: h, s: s, v: v };
  522. }
  523. // hsvToRgb
  524. // Converts an HSV color value to RGB.
  525. // *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]
  526. // *Returns:* { r, g, b } in the set [0, 255]
  527. function hsvToRgb(h, s, v) {
  528. h = bound01(h, 360) * 6;
  529. s = bound01(s, 100);
  530. v = bound01(v, 100);
  531. var i = Math.floor(h),
  532. f = h - i,
  533. p = v * (1 - s),
  534. q = v * (1 - f * s),
  535. t = v * (1 - (1 - f) * s),
  536. mod = i % 6,
  537. r = [v, q, p, p, t, v][mod],
  538. g = [t, v, v, q, p, p][mod],
  539. b = [p, p, t, v, v, q][mod];
  540. return { r: r * 255, g: g * 255, b: b * 255 };
  541. }
  542. // rgbToHex
  543. // Converts an RGB color to hex
  544. // Assumes r, g, and b are contained in the set [0, 255]
  545. // Returns a 3 or 6 character hex
  546. function rgbToHex(r, g, b, allow3Char) {
  547. var hex = [
  548. pad2(mathRound(r).toString(16)),
  549. pad2(mathRound(g).toString(16)),
  550. pad2(mathRound(b).toString(16))
  551. ];
  552. // Return a 3 character hex if possible
  553. if (allow3Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1)) {
  554. return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
  555. }
  556. return hex.join("");
  557. }
  558. // rgbaToHex
  559. // Converts an RGBA color plus alpha transparency to hex
  560. // Assumes r, g, b are contained in the set [0, 255] and
  561. // a in [0, 1]. Returns a 4 or 8 character rgba hex
  562. function rgbaToHex(r, g, b, a, allow4Char) {
  563. var hex = [
  564. pad2(mathRound(r).toString(16)),
  565. pad2(mathRound(g).toString(16)),
  566. pad2(mathRound(b).toString(16)),
  567. pad2(convertDecimalToHex(a))
  568. ];
  569. // Return a 4 character hex if possible
  570. if (allow4Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1) && hex[3].charAt(0) == hex[3].charAt(1)) {
  571. return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0);
  572. }
  573. return hex.join("");
  574. }
  575. // rgbaToArgbHex
  576. // Converts an RGBA color to an ARGB Hex8 string
  577. // Rarely used, but required for "toFilter()"
  578. function rgbaToArgbHex(r, g, b, a) {
  579. var hex = [
  580. pad2(convertDecimalToHex(a)),
  581. pad2(mathRound(r).toString(16)),
  582. pad2(mathRound(g).toString(16)),
  583. pad2(mathRound(b).toString(16))
  584. ];
  585. return hex.join("");
  586. }
  587. // equals
  588. // Can be called with any tinycolor input
  589. tinycolor.equals = function (color1, color2) {
  590. if (!color1 || !color2) { return false; }
  591. return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString();
  592. };
  593. tinycolor.random = function() {
  594. return tinycolor.fromRatio({
  595. r: mathRandom(),
  596. g: mathRandom(),
  597. b: mathRandom()
  598. });
  599. };
  600. // Modification Functions
  601. // ----------------------
  602. // Thanks to less.js for some of the basics here
  603. // <https://github.com/cloudhead/less.js/blob/master/lib/less/functions.js>
  604. function desaturate(color, amount) {
  605. amount = (amount === 0) ? 0 : (amount || 10);
  606. var hsl = tinycolor(color).toHsl();
  607. hsl.s -= amount / 100;
  608. hsl.s = clamp01(hsl.s);
  609. return tinycolor(hsl);
  610. }
  611. function saturate(color, amount) {
  612. amount = (amount === 0) ? 0 : (amount || 10);
  613. var hsl = tinycolor(color).toHsl();
  614. hsl.s += amount / 100;
  615. hsl.s = clamp01(hsl.s);
  616. return tinycolor(hsl);
  617. }
  618. function greyscale(color) {
  619. return tinycolor(color).desaturate(100);
  620. }
  621. function lighten (color, amount) {
  622. amount = (amount === 0) ? 0 : (amount || 10);
  623. var hsl = tinycolor(color).toHsl();
  624. hsl.l += amount / 100;
  625. hsl.l = clamp01(hsl.l);
  626. return tinycolor(hsl);
  627. }
  628. function brighten(color, amount) {
  629. amount = (amount === 0) ? 0 : (amount || 10);
  630. var rgb = tinycolor(color).toRgb();
  631. rgb.r = mathMax(0, mathMin(255, rgb.r - mathRound(255 * - (amount / 100))));
  632. rgb.g = mathMax(0, mathMin(255, rgb.g - mathRound(255 * - (amount / 100))));
  633. rgb.b = mathMax(0, mathMin(255, rgb.b - mathRound(255 * - (amount / 100))));
  634. return tinycolor(rgb);
  635. }
  636. function darken (color, amount) {
  637. amount = (amount === 0) ? 0 : (amount || 10);
  638. var hsl = tinycolor(color).toHsl();
  639. hsl.l -= amount / 100;
  640. hsl.l = clamp01(hsl.l);
  641. return tinycolor(hsl);
  642. }
  643. // Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.
  644. // Values outside of this range will be wrapped into this range.
  645. function spin(color, amount) {
  646. var hsl = tinycolor(color).toHsl();
  647. var hue = (hsl.h + amount) % 360;
  648. hsl.h = hue < 0 ? 360 + hue : hue;
  649. return tinycolor(hsl);
  650. }
  651. // Combination Functions
  652. // ---------------------
  653. // Thanks to jQuery xColor for some of the ideas behind these
  654. // <https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js>
  655. function complement(color) {
  656. var hsl = tinycolor(color).toHsl();
  657. hsl.h = (hsl.h + 180) % 360;
  658. return tinycolor(hsl);
  659. }
  660. function triad(color) {
  661. var hsl = tinycolor(color).toHsl();
  662. var h = hsl.h;
  663. return [
  664. tinycolor(color),
  665. tinycolor({ h: (h + 120) % 360, s: hsl.s, l: hsl.l }),
  666. tinycolor({ h: (h + 240) % 360, s: hsl.s, l: hsl.l })
  667. ];
  668. }
  669. function tetrad(color) {
  670. var hsl = tinycolor(color).toHsl();
  671. var h = hsl.h;
  672. return [
  673. tinycolor(color),
  674. tinycolor({ h: (h + 90) % 360, s: hsl.s, l: hsl.l }),
  675. tinycolor({ h: (h + 180) % 360, s: hsl.s, l: hsl.l }),
  676. tinycolor({ h: (h + 270) % 360, s: hsl.s, l: hsl.l })
  677. ];
  678. }
  679. function splitcomplement(color) {
  680. var hsl = tinycolor(color).toHsl();
  681. var h = hsl.h;
  682. return [
  683. tinycolor(color),
  684. tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l}),
  685. tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l})
  686. ];
  687. }
  688. function analogous(color, results, slices) {
  689. results = results || 6;
  690. slices = slices || 30;
  691. var hsl = tinycolor(color).toHsl();
  692. var part = 360 / slices;
  693. var ret = [tinycolor(color)];
  694. for (hsl.h = ((hsl.h - (part * results >> 1)) + 720) % 360; --results; ) {
  695. hsl.h = (hsl.h + part) % 360;
  696. ret.push(tinycolor(hsl));
  697. }
  698. return ret;
  699. }
  700. function monochromatic(color, results) {
  701. results = results || 6;
  702. var hsv = tinycolor(color).toHsv();
  703. var h = hsv.h, s = hsv.s, v = hsv.v;
  704. var ret = [];
  705. var modification = 1 / results;
  706. while (results--) {
  707. ret.push(tinycolor({ h: h, s: s, v: v}));
  708. v = (v + modification) % 1;
  709. }
  710. return ret;
  711. }
  712. // Utility Functions
  713. // ---------------------
  714. tinycolor.mix = function(color1, color2, amount) {
  715. amount = (amount === 0) ? 0 : (amount || 50);
  716. var rgb1 = tinycolor(color1).toRgb();
  717. var rgb2 = tinycolor(color2).toRgb();
  718. var p = amount / 100;
  719. var rgba = {
  720. r: ((rgb2.r - rgb1.r) * p) + rgb1.r,
  721. g: ((rgb2.g - rgb1.g) * p) + rgb1.g,
  722. b: ((rgb2.b - rgb1.b) * p) + rgb1.b,
  723. a: ((rgb2.a - rgb1.a) * p) + rgb1.a
  724. };
  725. return tinycolor(rgba);
  726. };
  727. // Readability Functions
  728. // ---------------------
  729. // <http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef (WCAG Version 2)
  730. // contrast
  731. // Analyze the 2 colors and returns the color contrast defined by (WCAG Version 2)
  732. tinycolor.readability = function(color1, color2) {
  733. var c1 = tinycolor(color1);
  734. var c2 = tinycolor(color2);
  735. return (Math.max(c1.getLuminance(),c2.getLuminance())+0.05) / (Math.min(c1.getLuminance(),c2.getLuminance())+0.05);
  736. };
  737. // isReadable
  738. // Ensure that foreground and background color combinations meet WCAG2 guidelines.
  739. // The third argument is an optional Object.
  740. // the 'level' property states 'AA' or 'AAA' - if missing or invalid, it defaults to 'AA';
  741. // the 'size' property states 'large' or 'small' - if missing or invalid, it defaults to 'small'.
  742. // If the entire object is absent, isReadable defaults to {level:"AA",size:"small"}.
  743. // *Example*
  744. // tinycolor.isReadable("#000", "#111") => false
  745. // tinycolor.isReadable("#000", "#111",{level:"AA",size:"large"}) => false
  746. tinycolor.isReadable = function(color1, color2, wcag2) {
  747. var readability = tinycolor.readability(color1, color2);
  748. var wcag2Parms, out;
  749. out = false;
  750. wcag2Parms = validateWCAG2Parms(wcag2);
  751. switch (wcag2Parms.level + wcag2Parms.size) {
  752. case "AAsmall":
  753. case "AAAlarge":
  754. out = readability >= 4.5;
  755. break;
  756. case "AAlarge":
  757. out = readability >= 3;
  758. break;
  759. case "AAAsmall":
  760. out = readability >= 7;
  761. break;
  762. }
  763. return out;
  764. };
  765. // mostReadable
  766. // Given a base color and a list of possible foreground or background
  767. // colors for that base, returns the most readable color.
  768. // Optionally returns Black or White if the most readable color is unreadable.
  769. // *Example*
  770. // tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:false}).toHexString(); // "#112255"
  771. // tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:true}).toHexString(); // "#ffffff"
  772. // tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"large"}).toHexString(); // "#faf3f3"
  773. // tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"small"}).toHexString(); // "#ffffff"
  774. tinycolor.mostReadable = function(baseColor, colorList, args) {
  775. var bestColor = null;
  776. var bestScore = 0;
  777. var readability;
  778. var includeFallbackColors, level, size ;
  779. args = args || {};
  780. includeFallbackColors = args.includeFallbackColors ;
  781. level = args.level;
  782. size = args.size;
  783. for (var i= 0; i < colorList.length ; i++) {
  784. readability = tinycolor.readability(baseColor, colorList[i]);
  785. if (readability > bestScore) {
  786. bestScore = readability;
  787. bestColor = tinycolor(colorList[i]);
  788. }
  789. }
  790. if (tinycolor.isReadable(baseColor, bestColor, {"level":level,"size":size}) || !includeFallbackColors) {
  791. return bestColor;
  792. }
  793. else {
  794. args.includeFallbackColors=false;
  795. return tinycolor.mostReadable(baseColor,["#fff", "#000"],args);
  796. }
  797. };
  798. // Big List of Colors
  799. // ------------------
  800. // <http://www.w3.org/TR/css3-color/#svg-color>
  801. var names = tinycolor.names = {
  802. aliceblue: "f0f8ff",
  803. antiquewhite: "faebd7",
  804. aqua: "0ff",
  805. aquamarine: "7fffd4",
  806. azure: "f0ffff",
  807. beige: "f5f5dc",
  808. bisque: "ffe4c4",
  809. black: "000",
  810. blanchedalmond: "ffebcd",
  811. blue: "00f",
  812. blueviolet: "8a2be2",
  813. brown: "a52a2a",
  814. burlywood: "deb887",
  815. burntsienna: "ea7e5d",
  816. cadetblue: "5f9ea0",
  817. chartreuse: "7fff00",
  818. chocolate: "d2691e",
  819. coral: "ff7f50",
  820. cornflowerblue: "6495ed",
  821. cornsilk: "fff8dc",
  822. crimson: "dc143c",
  823. cyan: "0ff",
  824. darkblue: "00008b",
  825. darkcyan: "008b8b",
  826. darkgoldenrod: "b8860b",
  827. darkgray: "a9a9a9",
  828. darkgreen: "006400",
  829. darkgrey: "a9a9a9",
  830. darkkhaki: "bdb76b",
  831. darkmagenta: "8b008b",
  832. darkolivegreen: "556b2f",
  833. darkorange: "ff8c00",
  834. darkorchid: "9932cc",
  835. darkred: "8b0000",
  836. darksalmon: "e9967a",
  837. darkseagreen: "8fbc8f",
  838. darkslateblue: "483d8b",
  839. darkslategray: "2f4f4f",
  840. darkslategrey: "2f4f4f",
  841. darkturquoise: "00ced1",
  842. darkviolet: "9400d3",
  843. deeppink: "ff1493",
  844. deepskyblue: "00bfff",
  845. dimgray: "696969",
  846. dimgrey: "696969",
  847. dodgerblue: "1e90ff",
  848. firebrick: "b22222",
  849. floralwhite: "fffaf0",
  850. forestgreen: "228b22",
  851. fuchsia: "f0f",
  852. gainsboro: "dcdcdc",
  853. ghostwhite: "f8f8ff",
  854. gold: "ffd700",
  855. goldenrod: "daa520",
  856. gray: "808080",
  857. green: "008000",
  858. greenyellow: "adff2f",
  859. grey: "808080",
  860. honeydew: "f0fff0",
  861. hotpink: "ff69b4",
  862. indianred: "cd5c5c",
  863. indigo: "4b0082",
  864. ivory: "fffff0",
  865. khaki: "f0e68c",
  866. lavender: "e6e6fa",
  867. lavenderblush: "fff0f5",
  868. lawngreen: "7cfc00",
  869. lemonchiffon: "fffacd",
  870. lightblue: "add8e6",
  871. lightcoral: "f08080",
  872. lightcyan: "e0ffff",
  873. lightgoldenrodyellow: "fafad2",
  874. lightgray: "d3d3d3",
  875. lightgreen: "90ee90",
  876. lightgrey: "d3d3d3",
  877. lightpink: "ffb6c1",
  878. lightsalmon: "ffa07a",
  879. lightseagreen: "20b2aa",
  880. lightskyblue: "87cefa",
  881. lightslategray: "789",
  882. lightslategrey: "789",
  883. lightsteelblue: "b0c4de",
  884. lightyellow: "ffffe0",
  885. lime: "0f0",
  886. limegreen: "32cd32",
  887. linen: "faf0e6",
  888. magenta: "f0f",
  889. maroon: "800000",
  890. mediumaquamarine: "66cdaa",
  891. mediumblue: "0000cd",
  892. mediumorchid: "ba55d3",
  893. mediumpurple: "9370db",
  894. mediumseagreen: "3cb371",
  895. mediumslateblue: "7b68ee",
  896. mediumspringgreen: "00fa9a",
  897. mediumturquoise: "48d1cc",
  898. mediumvioletred: "c71585",
  899. midnightblue: "191970",
  900. mintcream: "f5fffa",
  901. mistyrose: "ffe4e1",
  902. moccasin: "ffe4b5",
  903. navajowhite: "ffdead",
  904. navy: "000080",
  905. oldlace: "fdf5e6",
  906. olive: "808000",
  907. olivedrab: "6b8e23",
  908. orange: "ffa500",
  909. orangered: "ff4500",
  910. orchid: "da70d6",
  911. palegoldenrod: "eee8aa",
  912. palegreen: "98fb98",
  913. paleturquoise: "afeeee",
  914. palevioletred: "db7093",
  915. papayawhip: "ffefd5",
  916. peachpuff: "ffdab9",
  917. peru: "cd853f",
  918. pink: "ffc0cb",
  919. plum: "dda0dd",
  920. powderblue: "b0e0e6",
  921. purple: "800080",
  922. rebeccapurple: "663399",
  923. red: "f00",
  924. rosybrown: "bc8f8f",
  925. royalblue: "4169e1",
  926. saddlebrown: "8b4513",
  927. salmon: "fa8072",
  928. sandybrown: "f4a460",
  929. seagreen: "2e8b57",
  930. seashell: "fff5ee",
  931. sienna: "a0522d",
  932. silver: "c0c0c0",
  933. skyblue: "87ceeb",
  934. slateblue: "6a5acd",
  935. slategray: "708090",
  936. slategrey: "708090",
  937. snow: "fffafa",
  938. springgreen: "00ff7f",
  939. steelblue: "4682b4",
  940. tan: "d2b48c",
  941. teal: "008080",
  942. thistle: "d8bfd8",
  943. tomato: "ff6347",
  944. turquoise: "40e0d0",
  945. violet: "ee82ee",
  946. wheat: "f5deb3",
  947. white: "fff",
  948. whitesmoke: "f5f5f5",
  949. yellow: "ff0",
  950. yellowgreen: "9acd32"
  951. };
  952. // Make it easy to access colors via hexNames[hex]
  953. var hexNames = tinycolor.hexNames = flip(names);
  954. // Utilities
  955. // ---------
  956. // { 'name1': 'val1' } becomes { 'val1': 'name1' }
  957. function flip(o) {
  958. var flipped = { };
  959. for (var i in o) {
  960. if (o.hasOwnProperty(i)) {
  961. flipped[o[i]] = i;
  962. }
  963. }
  964. return flipped;
  965. }
  966. // Return a valid alpha value [0,1] with all invalid values being set to 1
  967. function boundAlpha(a) {
  968. a = parseFloat(a);
  969. if (isNaN(a) || a < 0 || a > 1) {
  970. a = 1;
  971. }
  972. return a;
  973. }
  974. // Take input from [0, n] and return it as [0, 1]
  975. function bound01(n, max) {
  976. if (isOnePointZero(n)) { n = "100%"; }
  977. var processPercent = isPercentage(n);
  978. n = mathMin(max, mathMax(0, parseFloat(n)));
  979. // Automatically convert percentage into number
  980. if (processPercent) {
  981. n = parseInt(n * max, 10) / 100;
  982. }
  983. // Handle floating point rounding errors
  984. if ((Math.abs(n - max) < 0.000001)) {
  985. return 1;
  986. }
  987. // Convert into [0, 1] range if it isn't already
  988. return (n % max) / parseFloat(max);
  989. }
  990. // Force a number between 0 and 1
  991. function clamp01(val) {
  992. return mathMin(1, mathMax(0, val));
  993. }
  994. // Parse a base-16 hex value into a base-10 integer
  995. function parseIntFromHex(val) {
  996. return parseInt(val, 16);
  997. }
  998. // Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1
  999. // <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0>
  1000. function isOnePointZero(n) {
  1001. return typeof n == "string" && n.indexOf('.') != -1 && parseFloat(n) === 1;
  1002. }
  1003. // Check to see if string passed in is a percentage
  1004. function isPercentage(n) {
  1005. return typeof n === "string" && n.indexOf('%') != -1;
  1006. }
  1007. // Force a hex value to have 2 characters
  1008. function pad2(c) {
  1009. return c.length == 1 ? '0' + c : '' + c;
  1010. }
  1011. // Replace a decimal with it's percentage value
  1012. function convertToPercentage(n) {
  1013. if (n <= 1) {
  1014. n = (n * 100) + "%";
  1015. }
  1016. return n;
  1017. }
  1018. // Converts a decimal to a hex value
  1019. function convertDecimalToHex(d) {
  1020. return Math.round(parseFloat(d) * 255).toString(16);
  1021. }
  1022. // Converts a hex value to a decimal
  1023. function convertHexToDecimal(h) {
  1024. return (parseIntFromHex(h) / 255);
  1025. }
  1026. var matchers = (function() {
  1027. // <http://www.w3.org/TR/css3-values/#integers>
  1028. var CSS_INTEGER = "[-\\+]?\\d+%?";
  1029. // <http://www.w3.org/TR/css3-values/#number-value>
  1030. var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
  1031. // Allow positive/negative integer/number. Don't capture the either/or, just the entire outcome.
  1032. var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
  1033. // Actual matching.
  1034. // Parentheses and commas are optional, but not required.
  1035. // Whitespace can take the place of commas or opening paren
  1036. var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
  1037. var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
  1038. return {
  1039. CSS_UNIT: new RegExp(CSS_UNIT),
  1040. rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
  1041. rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
  1042. hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
  1043. hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
  1044. hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
  1045. hsva: new RegExp("hsva" + PERMISSIVE_MATCH4),
  1046. hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
  1047. hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
  1048. hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
  1049. hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
  1050. };
  1051. })();
  1052. // isValidCSSUnit
  1053. // Take in a single string / number and check to see if it looks like a CSS unit
  1054. // (see matchers above for definition).
  1055. function isValidCSSUnit(color) {
  1056. return !!matchers.CSS_UNIT.exec(color);
  1057. }
  1058. // stringInputToObject
  1059. // Permissive string parsing. Take in a number of formats, and output an object
  1060. // based on detected format. Returns { r, g, b } or { h, s, l } or { h, s, v}
  1061. function stringInputToObject(color) {
  1062. color = color.replace(trimLeft, '').replace(trimRight, '').toLowerCase();
  1063. var named = false;
  1064. if (names[color]) {
  1065. color = names[color];
  1066. named = true;
  1067. }
  1068. else if (color == 'transparent') {
  1069. return { r: 0, g: 0, b: 0, a: 0, format: "name" };
  1070. }
  1071. // Try to match string input using regular expressions.
  1072. // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360]
  1073. // Just return an object and let the conversion functions handle that.
  1074. // This way the result will be the same whether the tinycolor is initialized with string or object.
  1075. var match;
  1076. if ((match = matchers.rgb.exec(color))) {
  1077. return { r: match[1], g: match[2], b: match[3] };
  1078. }
  1079. if ((match = matchers.rgba.exec(color))) {
  1080. return { r: match[1], g: match[2], b: match[3], a: match[4] };
  1081. }
  1082. if ((match = matchers.hsl.exec(color))) {
  1083. return { h: match[1], s: match[2], l: match[3] };
  1084. }
  1085. if ((match = matchers.hsla.exec(color))) {
  1086. return { h: match[1], s: match[2], l: match[3], a: match[4] };
  1087. }
  1088. if ((match = matchers.hsv.exec(color))) {
  1089. return { h: match[1], s: match[2], v: match[3] };
  1090. }
  1091. if ((match = matchers.hsva.exec(color))) {
  1092. return { h: match[1], s: match[2], v: match[3], a: match[4] };
  1093. }
  1094. if ((match = matchers.hex8.exec(color))) {
  1095. return {
  1096. r: parseIntFromHex(match[1]),
  1097. g: parseIntFromHex(match[2]),
  1098. b: parseIntFromHex(match[3]),
  1099. a: convertHexToDecimal(match[4]),
  1100. format: named ? "name" : "hex8"
  1101. };
  1102. }
  1103. if ((match = matchers.hex6.exec(color))) {
  1104. return {
  1105. r: parseIntFromHex(match[1]),
  1106. g: parseIntFromHex(match[2]),
  1107. b: parseIntFromHex(match[3]),
  1108. format: named ? "name" : "hex"
  1109. };
  1110. }
  1111. if ((match = matchers.hex4.exec(color))) {
  1112. return {
  1113. r: parseIntFromHex(match[1] + '' + match[1]),
  1114. g: parseIntFromHex(match[2] + '' + match[2]),
  1115. b: parseIntFromHex(match[3] + '' + match[3]),
  1116. a: convertHexToDecimal(match[4] + '' + match[4]),
  1117. format: named ? "name" : "hex8"
  1118. };
  1119. }
  1120. if ((match = matchers.hex3.exec(color))) {
  1121. return {
  1122. r: parseIntFromHex(match[1] + '' + match[1]),
  1123. g: parseIntFromHex(match[2] + '' + match[2]),
  1124. b: parseIntFromHex(match[3] + '' + match[3]),
  1125. format: named ? "name" : "hex"
  1126. };
  1127. }
  1128. return false;
  1129. }
  1130. function validateWCAG2Parms(parms) {
  1131. // return valid WCAG2 parms for isReadable.
  1132. // If input parms are invalid, return {"level":"AA", "size":"small"}
  1133. var level, size;
  1134. parms = parms || {"level":"AA", "size":"small"};
  1135. level = (parms.level || "AA").toUpperCase();
  1136. size = (parms.size || "small").toLowerCase();
  1137. if (level !== "AA" && level !== "AAA") {
  1138. level = "AA";
  1139. }
  1140. if (size !== "small" && size !== "large") {
  1141. size = "small";
  1142. }
  1143. return {"level":level, "size":size};
  1144. }
  1145. this.tinycolor = tinycolor;
  1146. })()`;
  1147. }
  1148. // It is hacky way to make this function will be compiled preferentially by less
  1149. // resolve error: `ReferenceError: colorPalette is not defined`
  1150. // https://github.com/ant-design/ant-motion/issues/44
  1151. .tinyColorMixin();
  1152. // We create a very complex algorithm which take the place of original tint/shade color system
  1153. // to make sure no one can understand it 👻
  1154. // and create an entire color palette magicly by inputing just a single primary color.
  1155. // We are using bezier-curve easing function and some color manipulations like tint/shade/darken/spin
  1156. .colorPaletteMixin() {
  1157. @functions: ~`(function() {
  1158. var hueStep = 2;
  1159. var saturationStep = 16;
  1160. var saturationStep2 = 5;
  1161. var brightnessStep1 = 5;
  1162. var brightnessStep2 = 15;
  1163. var lightColorCount = 5;
  1164. var darkColorCount = 4;
  1165. var getHue = function(hsv, i, isLight) {
  1166. var hue;
  1167. if (hsv.h >= 60 && hsv.h <= 240) {
  1168. hue = isLight ? hsv.h - hueStep * i : hsv.h + hueStep * i;
  1169. } else {
  1170. hue = isLight ? hsv.h + hueStep * i : hsv.h - hueStep * i;
  1171. }
  1172. if (hue < 0) {
  1173. hue += 360;
  1174. } else if (hue >= 360) {
  1175. hue -= 360;
  1176. }
  1177. return Math.round(hue);
  1178. };
  1179. var getSaturation = function(hsv, i, isLight) {
  1180. var saturation;
  1181. if (isLight) {
  1182. saturation = Math.round(hsv.s * 100) - saturationStep * i;
  1183. } else if (i == darkColorCount) {
  1184. saturation = Math.round(hsv.s * 100) + saturationStep;
  1185. } else {
  1186. saturation = Math.round(hsv.s * 100) + saturationStep2 * i;
  1187. }
  1188. if (saturation > 100) {
  1189. saturation = 100;
  1190. }
  1191. if (isLight && i === lightColorCount && saturation > 10) {
  1192. saturation = 10;
  1193. }
  1194. if (saturation < 6) {
  1195. saturation = 6;
  1196. }
  1197. return Math.round(saturation);
  1198. };
  1199. var getValue = function(hsv, i, isLight) {
  1200. if (isLight) {
  1201. return Math.round(hsv.v * 100) + brightnessStep1 * i;
  1202. }
  1203. return Math.round(hsv.v * 100) - brightnessStep2 * i;
  1204. };
  1205. this.colorPalette = function(color, index) {
  1206. var isLight = index <= 6;
  1207. var hsv = tinycolor(color).toHsv();
  1208. var i = isLight ? lightColorCount + 1 - index : index - lightColorCount - 1;
  1209. return tinycolor({
  1210. h: getHue(hsv, i, isLight),
  1211. s: getSaturation(hsv, i, isLight),
  1212. v: getValue(hsv, i, isLight),
  1213. }).toHexString();
  1214. };
  1215. })()`;
  1216. }
  1217. // It is hacky way to make this function will be compiled preferentially by less
  1218. // resolve error: `ReferenceError: colorPalette is not defined`
  1219. // https://github.com/ant-design/ant-motion/issues/44
  1220. .colorPaletteMixin();
  1221. // color palettes
  1222. @blue-1: color(~`colorPalette("@{blue-6}", 1)`);
  1223. @blue-2: color(~`colorPalette("@{blue-6}", 2)`);
  1224. @blue-3: color(~`colorPalette("@{blue-6}", 3)`);
  1225. @blue-4: color(~`colorPalette("@{blue-6}", 4)`);
  1226. @blue-5: color(~`colorPalette("@{blue-6}", 5)`);
  1227. @blue-6: #1890ff;
  1228. @blue-7: color(~`colorPalette("@{blue-6}", 7)`);
  1229. @blue-8: color(~`colorPalette("@{blue-6}", 8)`);
  1230. @blue-9: color(~`colorPalette("@{blue-6}", 9)`);
  1231. @blue-10: color(~`colorPalette("@{blue-6}", 10)`);
  1232. @purple-1: color(~`colorPalette("@{purple-6}", 1)`);
  1233. @purple-2: color(~`colorPalette("@{purple-6}", 2)`);
  1234. @purple-3: color(~`colorPalette("@{purple-6}", 3)`);
  1235. @purple-4: color(~`colorPalette("@{purple-6}", 4)`);
  1236. @purple-5: color(~`colorPalette("@{purple-6}", 5)`);
  1237. @purple-6: #722ed1;
  1238. @purple-7: color(~`colorPalette("@{purple-6}", 7)`);
  1239. @purple-8: color(~`colorPalette("@{purple-6}", 8)`);
  1240. @purple-9: color(~`colorPalette("@{purple-6}", 9)`);
  1241. @purple-10: color(~`colorPalette("@{purple-6}", 10)`);
  1242. @cyan-1: color(~`colorPalette("@{cyan-6}", 1)`);
  1243. @cyan-2: color(~`colorPalette("@{cyan-6}", 2)`);
  1244. @cyan-3: color(~`colorPalette("@{cyan-6}", 3)`);
  1245. @cyan-4: color(~`colorPalette("@{cyan-6}", 4)`);
  1246. @cyan-5: color(~`colorPalette("@{cyan-6}", 5)`);
  1247. @cyan-6: #13c2c2;
  1248. @cyan-7: color(~`colorPalette("@{cyan-6}", 7)`);
  1249. @cyan-8: color(~`colorPalette("@{cyan-6}", 8)`);
  1250. @cyan-9: color(~`colorPalette("@{cyan-6}", 9)`);
  1251. @cyan-10: color(~`colorPalette("@{cyan-6}", 10)`);
  1252. @green-1: color(~`colorPalette("@{green-6}", 1)`);
  1253. @green-2: color(~`colorPalette("@{green-6}", 2)`);
  1254. @green-3: color(~`colorPalette("@{green-6}", 3)`);
  1255. @green-4: color(~`colorPalette("@{green-6}", 4)`);
  1256. @green-5: color(~`colorPalette("@{green-6}", 5)`);
  1257. @green-6: #52c41a;
  1258. @green-7: color(~`colorPalette("@{green-6}", 7)`);
  1259. @green-8: color(~`colorPalette("@{green-6}", 8)`);
  1260. @green-9: color(~`colorPalette("@{green-6}", 9)`);
  1261. @green-10: color(~`colorPalette("@{green-6}", 10)`);
  1262. @magenta-1: color(~`colorPalette("@{magenta-6}", 1)`);
  1263. @magenta-2: color(~`colorPalette("@{magenta-6}", 2)`);
  1264. @magenta-3: color(~`colorPalette("@{magenta-6}", 3)`);
  1265. @magenta-4: color(~`colorPalette("@{magenta-6}", 4)`);
  1266. @magenta-5: color(~`colorPalette("@{magenta-6}", 5)`);
  1267. @magenta-6: #eb2f96;
  1268. @magenta-7: color(~`colorPalette("@{magenta-6}", 7)`);
  1269. @magenta-8: color(~`colorPalette("@{magenta-6}", 8)`);
  1270. @magenta-9: color(~`colorPalette("@{magenta-6}", 9)`);
  1271. @magenta-10: color(~`colorPalette("@{magenta-6}", 10)`);
  1272. // alias of magenta
  1273. @pink-1: color(~`colorPalette("@{pink-6}", 1)`);
  1274. @pink-2: color(~`colorPalette("@{pink-6}", 2)`);
  1275. @pink-3: color(~`colorPalette("@{pink-6}", 3)`);
  1276. @pink-4: color(~`colorPalette("@{pink-6}", 4)`);
  1277. @pink-5: color(~`colorPalette("@{pink-6}", 5)`);
  1278. @pink-6: #eb2f96;
  1279. @pink-7: color(~`colorPalette("@{pink-6}", 7)`);
  1280. @pink-8: color(~`colorPalette("@{pink-6}", 8)`);
  1281. @pink-9: color(~`colorPalette("@{pink-6}", 9)`);
  1282. @pink-10: color(~`colorPalette("@{pink-6}", 10)`);
  1283. @red-1: color(~`colorPalette("@{red-6}", 1)`);
  1284. @red-2: color(~`colorPalette("@{red-6}", 2)`);
  1285. @red-3: color(~`colorPalette("@{red-6}", 3)`);
  1286. @red-4: color(~`colorPalette("@{red-6}", 4)`);
  1287. @red-5: color(~`colorPalette("@{red-6}", 5)`);
  1288. @red-6: #f5222d;
  1289. @red-7: color(~`colorPalette("@{red-6}", 7)`);
  1290. @red-8: color(~`colorPalette("@{red-6}", 8)`);
  1291. @red-9: color(~`colorPalette("@{red-6}", 9)`);
  1292. @red-10: color(~`colorPalette("@{red-6}", 10)`);
  1293. @orange-1: color(~`colorPalette("@{orange-6}", 1)`);
  1294. @orange-2: color(~`colorPalette("@{orange-6}", 2)`);
  1295. @orange-3: color(~`colorPalette("@{orange-6}", 3)`);
  1296. @orange-4: color(~`colorPalette("@{orange-6}", 4)`);
  1297. @orange-5: color(~`colorPalette("@{orange-6}", 5)`);
  1298. @orange-6: #fa8c16;
  1299. @orange-7: color(~`colorPalette("@{orange-6}", 7)`);
  1300. @orange-8: color(~`colorPalette("@{orange-6}", 8)`);
  1301. @orange-9: color(~`colorPalette("@{orange-6}", 9)`);
  1302. @orange-10: color(~`colorPalette("@{orange-6}", 10)`);
  1303. @yellow-1: color(~`colorPalette("@{yellow-6}", 1)`);
  1304. @yellow-2: color(~`colorPalette("@{yellow-6}", 2)`);
  1305. @yellow-3: color(~`colorPalette("@{yellow-6}", 3)`);
  1306. @yellow-4: color(~`colorPalette("@{yellow-6}", 4)`);
  1307. @yellow-5: color(~`colorPalette("@{yellow-6}", 5)`);
  1308. @yellow-6: #fadb14;
  1309. @yellow-7: color(~`colorPalette("@{yellow-6}", 7)`);
  1310. @yellow-8: color(~`colorPalette("@{yellow-6}", 8)`);
  1311. @yellow-9: color(~`colorPalette("@{yellow-6}", 9)`);
  1312. @yellow-10: color(~`colorPalette("@{yellow-6}", 10)`);
  1313. @volcano-1: color(~`colorPalette("@{volcano-6}", 1)`);
  1314. @volcano-2: color(~`colorPalette("@{volcano-6}", 2)`);
  1315. @volcano-3: color(~`colorPalette("@{volcano-6}", 3)`);
  1316. @volcano-4: color(~`colorPalette("@{volcano-6}", 4)`);
  1317. @volcano-5: color(~`colorPalette("@{volcano-6}", 5)`);
  1318. @volcano-6: #fa541c;
  1319. @volcano-7: color(~`colorPalette("@{volcano-6}", 7)`);
  1320. @volcano-8: color(~`colorPalette("@{volcano-6}", 8)`);
  1321. @volcano-9: color(~`colorPalette("@{volcano-6}", 9)`);
  1322. @volcano-10: color(~`colorPalette("@{volcano-6}", 10)`);
  1323. @geekblue-1: color(~`colorPalette("@{geekblue-6}", 1)`);
  1324. @geekblue-2: color(~`colorPalette("@{geekblue-6}", 2)`);
  1325. @geekblue-3: color(~`colorPalette("@{geekblue-6}", 3)`);
  1326. @geekblue-4: color(~`colorPalette("@{geekblue-6}", 4)`);
  1327. @geekblue-5: color(~`colorPalette("@{geekblue-6}", 5)`);
  1328. @geekblue-6: #2f54eb;
  1329. @geekblue-7: color(~`colorPalette("@{geekblue-6}", 7)`);
  1330. @geekblue-8: color(~`colorPalette("@{geekblue-6}", 8)`);
  1331. @geekblue-9: color(~`colorPalette("@{geekblue-6}", 9)`);
  1332. @geekblue-10: color(~`colorPalette("@{geekblue-6}", 10)`);
  1333. @lime-1: color(~`colorPalette("@{lime-6}", 1)`);
  1334. @lime-2: color(~`colorPalette("@{lime-6}", 2)`);
  1335. @lime-3: color(~`colorPalette("@{lime-6}", 3)`);
  1336. @lime-4: color(~`colorPalette("@{lime-6}", 4)`);
  1337. @lime-5: color(~`colorPalette("@{lime-6}", 5)`);
  1338. @lime-6: #a0d911;
  1339. @lime-7: color(~`colorPalette("@{lime-6}", 7)`);
  1340. @lime-8: color(~`colorPalette("@{lime-6}", 8)`);
  1341. @lime-9: color(~`colorPalette("@{lime-6}", 9)`);
  1342. @lime-10: color(~`colorPalette("@{lime-6}", 10)`);
  1343. @gold-1: color(~`colorPalette("@{gold-6}", 1)`);
  1344. @gold-2: color(~`colorPalette("@{gold-6}", 2)`);
  1345. @gold-3: color(~`colorPalette("@{gold-6}", 3)`);
  1346. @gold-4: color(~`colorPalette("@{gold-6}", 4)`);
  1347. @gold-5: color(~`colorPalette("@{gold-6}", 5)`);
  1348. @gold-6: #faad14;
  1349. @gold-7: color(~`colorPalette("@{gold-6}", 7)`);
  1350. @gold-8: color(~`colorPalette("@{gold-6}", 8)`);
  1351. @gold-9: color(~`colorPalette("@{gold-6}", 9)`);
  1352. @gold-10: color(~`colorPalette("@{gold-6}", 10)`);
  1353. // The prefix to use on all css classes from ant.
  1354. @ant-prefix: ant;
  1355. // -------- Colors -----------
  1356. @info-color: @blue-6;
  1357. @success-color: @green-6;
  1358. @processing-color: @blue-6;
  1359. @error-color: @red-6;
  1360. @highlight-color: @red-6;
  1361. @warning-color: @gold-6;
  1362. @normal-color: #d9d9d9;
  1363. // Color used by default to control hover and active backgrounds and for
  1364. // alert info backgrounds.
  1365. @primary-1: color(~`colorPalette("@{primary-color}", 1)`); // replace tint(@primary-color, 90%)
  1366. @primary-2: color(~`colorPalette("@{primary-color}", 2)`); // replace tint(@primary-color, 80%)
  1367. @primary-3: color(~`colorPalette("@{primary-color}", 3)`); // unused
  1368. @primary-4: color(~`colorPalette("@{primary-color}", 4)`); // unused
  1369. @primary-5: color(~`colorPalette("@{primary-color}", 5)`); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
  1370. @primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
  1371. @primary-7: color(~`colorPalette("@{primary-color}", 7)`); // replace shade(@primary-color, 5%)
  1372. @primary-8: color(~`colorPalette("@{primary-color}", 8)`); // unused
  1373. @primary-9: color(~`colorPalette("@{primary-color}", 9)`); // unused
  1374. @primary-10: color(~`colorPalette("@{primary-color}", 10)`); // unused
  1375. // Base Scaffolding Variables
  1376. // ---
  1377. // Background color for `<body>`
  1378. @body-background: #fff;
  1379. // Base background color for most components
  1380. @component-background: #fff;
  1381. @font-family: "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif,
  1382. "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  1383. @code-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  1384. @heading-color: fade(#000, 85%);
  1385. @text-color: fade(#000, 65%);
  1386. @text-color-secondary: fade(#000, 45%);
  1387. @heading-color-dark: fade(#fff, 100%);
  1388. @text-color-dark: fade(#fff, 85%);
  1389. @text-color-secondary-dark: fade(#fff, 65%);
  1390. @font-size-base: 14px;
  1391. @font-size-lg: @font-size-base + 2px;
  1392. @font-size-sm: 12px;
  1393. @line-height-base: 1.5;
  1394. @border-radius-base: 4px;
  1395. @border-radius-sm: 2px;
  1396. // vertical paddings
  1397. @padding-lg: 24px; // containers
  1398. @padding-md: 16px; // small containers and buttons
  1399. @padding-sm: 12px; // Form controls and items
  1400. @padding-xs: 8px; // small items
  1401. // vertical padding for all form controls
  1402. @control-padding-horizontal: @padding-sm;
  1403. @control-padding-horizontal-sm: @padding-xs;
  1404. // The background colors for active and hover states for things like
  1405. // list items or table cells.
  1406. @item-active-bg: @primary-1;
  1407. @item-hover-bg: @primary-1;
  1408. // ICONFONT
  1409. @iconfont-css-prefix: anticon;
  1410. // LINK
  1411. @link-color: @primary-color;
  1412. @link-hover-color: color(~`colorPalette("@{link-color}", 5)`);
  1413. @link-active-color: color(~`colorPalette("@{link-color}", 7)`);
  1414. @link-decoration: none;
  1415. @link-hover-decoration: none;
  1416. // Animation
  1417. @ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);
  1418. @ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7);
  1419. @ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  1420. @ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  1421. @ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  1422. @ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
  1423. @ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
  1424. @ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);
  1425. @ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
  1426. @ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  1427. @ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  1428. @ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  1429. @ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  1430. @ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  1431. // Border color
  1432. @border-color-base: hsv(0, 0, 85%); // base border outline a component
  1433. @border-color-split: hsv(0, 0, 91%); // split border inside a component
  1434. @border-width-base: 1px; // width of the border for a component
  1435. @border-style-base: solid; // style of a components border
  1436. // Outline
  1437. @outline-blur-size: 0;
  1438. @outline-width: 2px;
  1439. @outline-color: @primary-color;
  1440. @background-color-light: hsv(0, 0, 98%); // background of header and selected item
  1441. @background-color-base: hsv(0, 0, 96%); // Default grey background color
  1442. // Disabled states
  1443. @disabled-color: fade(#000, 25%);
  1444. @disabled-bg: @background-color-base;
  1445. @disabled-color-dark: fade(#fff, 35%);
  1446. // Shadow
  1447. @shadow-color: rgba(0, 0, 0, .15);
  1448. @box-shadow-base: @shadow-1-down;
  1449. @shadow-1-up: 0 -2px 8px @shadow-color;
  1450. @shadow-1-down: 0 2px 8px @shadow-color;
  1451. @shadow-1-left: -2px 0 8px @shadow-color;
  1452. @shadow-1-right: 2px 0 8px @shadow-color;
  1453. @shadow-2: 0 4px 12px @shadow-color;
  1454. // Buttons
  1455. @btn-font-weight: 400;
  1456. @btn-border-radius-base: @border-radius-base;
  1457. @btn-border-radius-sm: @border-radius-base;
  1458. @btn-primary-color: #fff;
  1459. @btn-primary-bg: @primary-color;
  1460. @btn-default-color: @text-color;
  1461. @btn-default-bg: #fff;
  1462. @btn-default-border: @border-color-base;
  1463. @btn-danger-color: @error-color;
  1464. @btn-danger-bg: @background-color-base;
  1465. @btn-danger-border: @border-color-base;
  1466. @btn-disable-color: @disabled-color;
  1467. @btn-disable-bg: @disabled-bg;
  1468. @btn-disable-border: @border-color-base;
  1469. @btn-padding-base: 0 @padding-md - 1px;
  1470. @btn-font-size-lg: @font-size-lg;
  1471. @btn-font-size-sm: @font-size-base;
  1472. @btn-padding-lg: @btn-padding-base;
  1473. @btn-padding-sm: 0 @padding-xs - 1px;
  1474. @btn-height-base: 32px;
  1475. @btn-height-lg: 40px;
  1476. @btn-height-sm: 24px;
  1477. @btn-circle-size: @btn-height-base;
  1478. @btn-circle-size-lg: @btn-height-lg;
  1479. @btn-circle-size-sm: @btn-height-sm;
  1480. @btn-group-border: @primary-5;
  1481. // Checkbox
  1482. @checkbox-size: 16px;
  1483. @checkbox-color: @primary-color;
  1484. @checkbox-check-color: #fff;
  1485. // Radio
  1486. @radio-size: 16px;
  1487. @radio-dot-color: @primary-color;
  1488. // Radio buttons
  1489. @radio-button-bg: @btn-default-bg;
  1490. @radio-button-color: @btn-default-color;
  1491. @radio-button-hover-color: @primary-5;
  1492. @radio-button-active-color: @primary-7;
  1493. // Media queries breakpoints
  1494. // Extra small screen / phone
  1495. @screen-xs: 480px;
  1496. @screen-xs-min: @screen-xs;
  1497. // Small screen / tablet
  1498. @screen-sm: 576px;
  1499. @screen-sm-min: @screen-sm;
  1500. // Medium screen / desktop
  1501. @screen-md: 768px;
  1502. @screen-md-min: @screen-md;
  1503. // Large screen / wide desktop
  1504. @screen-lg: 992px;
  1505. @screen-lg-min: @screen-lg;
  1506. // Extra large screen / full hd
  1507. @screen-xl: 1200px;
  1508. @screen-xl-min: @screen-xl;
  1509. // Extra extra large screen / large descktop
  1510. @screen-xxl: 1600px;
  1511. @screen-xxl-min: @screen-xxl;
  1512. // provide a maximum
  1513. @screen-xs-max: (@screen-sm-min - 1px);
  1514. @screen-sm-max: (@screen-md-min - 1px);
  1515. @screen-md-max: (@screen-lg-min - 1px);
  1516. @screen-lg-max: (@screen-xl-min - 1px);
  1517. @screen-xl-max: (@screen-xxl-min - 1px);
  1518. // Grid system
  1519. @grid-columns: 24;
  1520. @grid-gutter-width: 0;
  1521. // Layout
  1522. @layout-body-background: #f0f2f5;
  1523. @layout-header-background: #001529;
  1524. @layout-footer-background: @layout-body-background;
  1525. @layout-header-height: 64px;
  1526. @layout-header-padding: 0 50px;
  1527. @layout-footer-padding: 24px 50px;
  1528. @layout-sider-background: @layout-header-background;
  1529. @layout-trigger-height: 48px;
  1530. @layout-trigger-background: #002140;
  1531. @layout-trigger-color: #fff;
  1532. @layout-zero-trigger-width: 36px;
  1533. @layout-zero-trigger-height: 42px;
  1534. // Layout light theme
  1535. @layout-sider-background-light: #fff;
  1536. @layout-trigger-background-light: #fff;
  1537. @layout-trigger-color-light: @text-color;
  1538. // z-index list
  1539. @zindex-affix: 10;
  1540. @zindex-back-top: 10;
  1541. @zindex-modal-mask: 1000;
  1542. @zindex-modal: 1000;
  1543. @zindex-notification: 1010;
  1544. @zindex-message: 1010;
  1545. @zindex-popover: 1030;
  1546. @zindex-picker: 1050;
  1547. @zindex-dropdown: 1050;
  1548. @zindex-tooltip: 1060;
  1549. // Animation
  1550. @animation-duration-slow: .3s; // Modal
  1551. @animation-duration-base: .2s;
  1552. @animation-duration-fast: .1s; // Tooltip
  1553. // Form
  1554. // ---
  1555. @label-required-color: @highlight-color;
  1556. @label-color: @heading-color;
  1557. @form-item-margin-bottom: 24px;
  1558. @form-item-trailing-colon: true;
  1559. @form-vertical-label-padding: 0 0 8px;
  1560. @form-vertical-label-margin: 0;
  1561. // Input
  1562. // ---
  1563. @input-height-base: 32px;
  1564. @input-height-lg: 40px;
  1565. @input-height-sm: 24px;
  1566. @input-padding-horizontal: @control-padding-horizontal - 1px;
  1567. @input-padding-horizontal-base: @input-padding-horizontal;
  1568. @input-padding-horizontal-sm: @control-padding-horizontal-sm - 1px;
  1569. @input-padding-horizontal-lg: @input-padding-horizontal;
  1570. @input-padding-vertical-base: 4px;
  1571. @input-padding-vertical-sm: 1px;
  1572. @input-padding-vertical-lg: 6px;
  1573. @input-placeholder-color: hsv(0, 0, 75%);
  1574. @input-color: @text-color;
  1575. @input-border-color: @border-color-base;
  1576. @input-bg: #fff;
  1577. @input-addon-bg: @background-color-light;
  1578. @input-hover-border-color: @primary-color;
  1579. @input-disabled-bg: @disabled-bg;
  1580. @input-outline-offset: 0 0;
  1581. // Tooltip
  1582. // ---
  1583. //* Tooltip max width
  1584. @tooltip-max-width: 250px;
  1585. //** Tooltip text color
  1586. @tooltip-color: #fff;
  1587. //** Tooltip background color
  1588. @tooltip-bg: rgba(0, 0, 0, .75);
  1589. //** Tooltip arrow width
  1590. @tooltip-arrow-width: 5px;
  1591. //** Tooltip distance with trigger
  1592. @tooltip-distance: @tooltip-arrow-width - 1px + 4px;
  1593. //** Tooltip arrow color
  1594. @tooltip-arrow-color: @tooltip-bg;
  1595. // Popover
  1596. // ---
  1597. //** Popover body background color
  1598. @popover-bg: #fff;
  1599. //** Popover text color
  1600. @popover-color: @text-color;
  1601. //** Popover maximum width
  1602. @popover-min-width: 177px;
  1603. //** Popover arrow width
  1604. @popover-arrow-width: 6px;
  1605. //** Popover arrow color
  1606. @popover-arrow-color: @popover-bg;
  1607. //** Popover outer arrow width
  1608. //** Popover outer arrow color
  1609. @popover-arrow-outer-color: @popover-bg;
  1610. //** Popover distance with trigger
  1611. @popover-distance: @popover-arrow-width + 4px;
  1612. // Modal
  1613. // --
  1614. @modal-mask-bg: rgba(0, 0, 0, 0.65);
  1615. // Progress
  1616. // --
  1617. @progress-default-color: @processing-color;
  1618. @progress-remaining-color: @background-color-base;
  1619. @progress-text-color: @text-color;
  1620. // Menu
  1621. // ---
  1622. @menu-inline-toplevel-item-height: 40px;
  1623. @menu-item-height: 40px;
  1624. @menu-collapsed-width: 80px;
  1625. @menu-bg: @component-background;
  1626. @menu-item-color: @text-color;
  1627. @menu-highlight-color: @primary-color;
  1628. @menu-item-active-bg: @item-active-bg;
  1629. @menu-item-active-border-width: 3px;
  1630. @menu-item-group-title-color: @text-color-secondary;
  1631. // dark theme
  1632. @menu-dark-color: @text-color-secondary-dark;
  1633. @menu-dark-bg: @layout-header-background;
  1634. @menu-dark-arrow-color: #fff;
  1635. @menu-dark-submenu-bg: #000c17;
  1636. @menu-dark-highlight-color: #fff;
  1637. @menu-dark-item-active-bg: @primary-color;
  1638. // Spin
  1639. // ---
  1640. @spin-dot-size-sm: 14px;
  1641. @spin-dot-size: 20px;
  1642. @spin-dot-size-lg: 32px;
  1643. // Table
  1644. // --
  1645. @table-header-bg: @background-color-light;
  1646. @table-header-color: @heading-color;
  1647. @table-header-sort-bg: @background-color-base;
  1648. @table-body-sort-bg: rgba(0, 0, 0, .01);
  1649. @table-row-hover-bg: @primary-1;
  1650. @table-selected-row-bg: #fafafa;
  1651. @table-expanded-row-bg: #fbfbfb;
  1652. @table-padding-vertical: 16px;
  1653. @table-padding-horizontal: 16px;
  1654. // Tag
  1655. // --
  1656. @tag-default-bg: @background-color-light;
  1657. @tag-default-color: @text-color;
  1658. @tag-font-size: @font-size-sm;
  1659. // TimePicker
  1660. // ---
  1661. @time-picker-panel-column-width: 56px;
  1662. @time-picker-panel-width: @time-picker-panel-column-width * 3;
  1663. @time-picker-selected-bg: @background-color-base;
  1664. // Carousel
  1665. // ---
  1666. @carousel-dot-width: 16px;
  1667. @carousel-dot-height: 3px;
  1668. @carousel-dot-active-width: 24px;
  1669. // Badge
  1670. // ---
  1671. @badge-height: 20px;
  1672. @badge-dot-size: 6px;
  1673. @badge-font-size: @font-size-sm;
  1674. @badge-font-weight: normal;
  1675. @badge-status-size: 6px;
  1676. // Rate
  1677. // ---
  1678. @rate-star-color: @yellow-6;
  1679. @rate-star-bg: @border-color-split;
  1680. // Card
  1681. // ---
  1682. @card-head-color: @heading-color;
  1683. @card-head-background: transparent;
  1684. @card-head-padding: 16px;
  1685. @card-inner-head-padding: 12px;
  1686. @card-padding-base: 24px;
  1687. @card-padding-wider: 32px;
  1688. @card-actions-background: @background-color-light;
  1689. @card-shadow: 0 2px 8px rgba(0, 0, 0, .09);
  1690. // Tabs
  1691. // ---
  1692. @tabs-card-head-background: @background-color-light;
  1693. @tabs-card-height: 40px;
  1694. @tabs-card-active-color: @primary-color;
  1695. @tabs-title-font-size: @font-size-base;
  1696. @tabs-title-font-size-lg: @font-size-lg;
  1697. @tabs-title-font-size-sm: @font-size-base;
  1698. @tabs-ink-bar-color: @primary-color;
  1699. @tabs-bar-margin: 0 0 16px 0;
  1700. @tabs-horizontal-margin: 0 32px 0 0;
  1701. @tabs-horizontal-padding: 12px 16px;
  1702. @tabs-vertical-padding: 8px 24px;
  1703. @tabs-vertical-margin: 0 0 16px 0;
  1704. @tabs-scrolling-size: 32px;
  1705. @tabs-highlight-color: @primary-color;
  1706. @tabs-hover-color: @primary-5;
  1707. @tabs-active-color: @primary-7;
  1708. // BackTop
  1709. // ---
  1710. @back-top-color: #fff;
  1711. @back-top-bg: @text-color-secondary;
  1712. @back-top-hover-bg: @text-color;
  1713. // Avatar
  1714. // ---
  1715. @avatar-size-base: 32px;
  1716. @avatar-size-lg: 40px;
  1717. @avatar-size-sm: 24px;
  1718. @avatar-font-size-base: 18px;
  1719. @avatar-font-size-lg: 24px;
  1720. @avatar-font-size-sm: 14px;
  1721. @avatar-bg: #ccc;
  1722. @avatar-color: #fff;
  1723. @avatar-border-radius: @border-radius-base;
  1724. // Switch
  1725. // ---
  1726. @switch-height: 22px;
  1727. @switch-sm-height: 16px;
  1728. @switch-sm-checked-margin-left: -(@switch-sm-height - 3px);
  1729. @switch-disabled-opacity: 0.4;
  1730. @switch-color: @primary-color;
  1731. // Pagination
  1732. // ---
  1733. @pagination-item-size: 32px;
  1734. @pagination-item-size-sm: 24px;
  1735. @pagination-font-family: Arial;
  1736. @pagination-font-weight-active: 500;
  1737. // Breadcrumb
  1738. // ---
  1739. @breadcrumb-base-color: @text-color-secondary;
  1740. @breadcrumb-last-item-color: @text-color;
  1741. @breadcrumb-font-size: @font-size-base;
  1742. @breadcrumb-icon-font-size: @font-size-base;
  1743. @breadcrumb-link-color: @text-color-secondary;
  1744. @breadcrumb-link-color-hover: @primary-5;
  1745. @breadcrumb-separator-color: @text-color-secondary;
  1746. @breadcrumb-separator-margin: 0 @padding-xs;
  1747. // Slider
  1748. // ---
  1749. @slider-margin: 14px 6px 10px;
  1750. @slider-rail-background-color: @background-color-base;
  1751. @slider-rail-background-color-hover: #e1e1e1;
  1752. @slider-track-background-color: @primary-3;
  1753. @slider-track-background-color-hover: @primary-4;
  1754. @slider-handle-color: @primary-3;
  1755. @slider-handle-color-hover: @primary-4;
  1756. @slider-handle-color-focus: tint(@primary-color, 20%);
  1757. @slider-handle-color-focus-shadow: tint(@primary-color, 50%);
  1758. @slider-handle-color-tooltip-open: @primary-color;
  1759. @slider-dot-border-color: @border-color-split;
  1760. @slider-dot-border-color-active: tint(@primary-color, 50%);
  1761. @slider-disabled-color: @disabled-color;
  1762. @slider-disabled-background-color: @component-background;
  1763. // Tree
  1764. // ---
  1765. @tree-title-height: 24px;
  1766. @tree-child-padding: 18px;
  1767. @tree-directory-selected-color: #fff;
  1768. @tree-directory-selected-bg: @primary-color;
  1769. // Collapse
  1770. // ---
  1771. @collapse-header-padding: 12px 0 12px 40px;
  1772. @collapse-header-bg: @background-color-light;
  1773. @collapse-content-padding: @padding-md;
  1774. @collapse-content-bg: @component-background;
  1775. // Skeleton
  1776. // ---
  1777. @skeleton-color: #f2f2f2;
  1778. // Transfer
  1779. // ---
  1780. @transfer-disabled-bg: @disabled-bg;
  1781. // Message
  1782. // ---
  1783. @message-notice-content-padding: 10px 16px;
  1784. // Motion
  1785. // ---
  1786. @wave-animation-width: 6px;
  1787. // Alert
  1788. // ---
  1789. @alert-success-border-color: ~`colorPalette("@{success-color}", 3)`;
  1790. @alert-success-bg-color: ~`colorPalette("@{success-color}", 1)`;
  1791. @alert-success-icon-color: @success-color;
  1792. @alert-info-border-color: ~`colorPalette("@{info-color}", 3)`;
  1793. @alert-info-bg-color: ~`colorPalette("@{info-color}", 1)`;
  1794. @alert-info-icon-color: @info-color;
  1795. @alert-warning-border-color: ~`colorPalette("@{warning-color}", 3)`;
  1796. @alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1)`;
  1797. @alert-warning-icon-color: @warning-color;
  1798. @alert-error-border-color: ~`colorPalette("@{error-color}", 3)`;
  1799. @alert-error-bg-color: ~`colorPalette("@{error-color}", 1)`;
  1800. @alert-error-icon-color: @error-color;
  1801. // List
  1802. // ---
  1803. @list-empty-text-padding: @padding-md;
  1804. @list-item-padding: @padding-sm 0;
  1805. @list-item-content-margin: 0 0 @padding-md 0;
  1806. @list-item-meta-margin-bottom: @padding-md;
  1807. @list-item-meta-avatar-margin-right: @padding-md;
  1808. @list-item-meta-title-margin-bottom: @padding-sm;
  1809. // Menu
  1810. @menu-dark-item-selected-bg: @menu-dark-item-active-bg;
  1811. // Tabs
  1812. @tab-bar-margin: @tabs-bar-margin;
  1813. @tab-horizontal-margin: @tabs-horizontal-margin;
  1814. @tab-vertical-margin: @tabs-vertical-margin;
  1815. @tab-horizontal-padding: @tabs-horizontal-padding;
  1816. @tab-vertical-padding: @tabs-vertical-padding;
  1817. @tab-scrolling-size: @tabs-scrolling-size;
  1818. @tab-highlight-color: @tabs-highlight-color;
  1819. @tab-hover-color: @tabs-hover-color;
  1820. @tab-active-color: @tabs-active-color;
  1821. @tabs-ink-bar-bg-color: @tabs-ink-bar-color;
  1822. .listContent .extra {
  1823. color: rgba(0, 0, 0, 0.45);
  1824. }
  1825. .listContent .extra > em {
  1826. color: rgba(0, 0, 0, 0.25);
  1827. }
  1828. .avatarItem :global .ant-avatar {
  1829. border: 1px solid #fff;
  1830. }
  1831. .chartCard .avatar img {
  1832. border-radius: 100%;
  1833. }
  1834. .chartCard .meta {
  1835. color: rgba(0, 0, 0, 0.45);
  1836. }
  1837. .chartCard .total {
  1838. color: rgba(0, 0, 0, 0.85);
  1839. }
  1840. .chartCard .footer {
  1841. border-top: 1px solid #e8e8e8;
  1842. }
  1843. .field span:last-child {
  1844. color: rgba(0, 0, 0, 0.85);
  1845. }
  1846. .miniProgress .progressWrap {
  1847. background-color: #f5f5f5;
  1848. }
  1849. .miniProgress .progress {
  1850. border-radius: 1px 0 0 1px;
  1851. background-color: @primary-color;
  1852. }
  1853. .miniProgress .target span {
  1854. border-radius: 100px;
  1855. }
  1856. .pie .dot {
  1857. border-radius: 8px;
  1858. }
  1859. .pie .line {
  1860. background-color: #e8e8e8;
  1861. }
  1862. .pie .legendTitle {
  1863. color: rgba(0, 0, 0, 0.65);
  1864. }
  1865. .pie .percent {
  1866. color: rgba(0, 0, 0, 0.45);
  1867. }
  1868. .pie .total > h4 {
  1869. color: rgba(0, 0, 0, 0.45);
  1870. }
  1871. .pie .total > p {
  1872. color: rgba(0, 0, 0, 0.85);
  1873. }
  1874. .radar .legend .legendItem {
  1875. color: rgba(0, 0, 0, 0.45);
  1876. }
  1877. .radar .legend .legendItem h6 {
  1878. color: rgba(0, 0, 0, 0.85);
  1879. }
  1880. .radar .legend .legendItem:after {
  1881. background-color: #e8e8e8;
  1882. }
  1883. .radar .legend .dot {
  1884. border-radius: 6px;
  1885. }
  1886. .timelineChart {
  1887. background: #fff;
  1888. }
  1889. .waterWave .text span {
  1890. color: rgba(0, 0, 0, 0.45);
  1891. }
  1892. .waterWave .text h4 {
  1893. color: rgba(0, 0, 0, 0.85);
  1894. }
  1895. .descriptionList .title {
  1896. color: rgba(0, 0, 0, 0.85);
  1897. }
  1898. .descriptionList .term {
  1899. color: rgba(0, 0, 0, 0.85);
  1900. }
  1901. .descriptionList .detail {
  1902. color: rgba(0, 0, 0, 0.65);
  1903. }
  1904. .descriptionList.small .title {
  1905. color: rgba(0, 0, 0, 0.65);
  1906. }
  1907. .linkGroup > a {
  1908. color: rgba(0, 0, 0, 0.65);
  1909. }
  1910. .linkGroup > a:hover {
  1911. color: @primary-color;
  1912. }
  1913. .lines .shadow {
  1914. color: transparent;
  1915. }
  1916. .exception .imgEle {
  1917. background-repeat: no-repeat;
  1918. background-position: 50% 50%;
  1919. background-size: contain;
  1920. }
  1921. .exception .content h1 {
  1922. color: #434e59;
  1923. }
  1924. .exception .content .desc {
  1925. color: rgba(0, 0, 0, 0.45);
  1926. }
  1927. .toolbar {
  1928. box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.03);
  1929. background: #fff;
  1930. border-top: 1px solid #e8e8e8;
  1931. }
  1932. .globalFooter .links a {
  1933. color: rgba(0, 0, 0, 0.45);
  1934. }
  1935. .globalFooter .links a:hover {
  1936. color: rgba(0, 0, 0, 0.65);
  1937. }
  1938. .globalFooter .copyright {
  1939. color: rgba(0, 0, 0, 0.45);
  1940. }
  1941. .layout .header {
  1942. // background-color:#0B2040 !important;
  1943. background:#0B2040 !important;
  1944. }
  1945. i.trigger:hover {
  1946. background: rgba(0, 0, 0, 0.025);
  1947. }
  1948. .right .action > i {
  1949. color: rgba(0, 0, 0, 0.65);
  1950. }
  1951. .right .action:hover {
  1952. background: rgba(0, 0, 0, 0.025);
  1953. }
  1954. :global(.right .action.ant-popover-open) {
  1955. background: rgba(0, 0, 0, 0.025);
  1956. }
  1957. .right .search:hover {
  1958. background: transparent;
  1959. }
  1960. .right .account .avatar {
  1961. color: @primary-color;
  1962. background: rgba(255, 255, 255, 0.85);
  1963. }
  1964. .dark .action {
  1965. color: rgba(255, 255, 255, 0.85);
  1966. }
  1967. .dark .action > i {
  1968. color: rgba(255, 255, 255, 0.85);
  1969. }
  1970. .dark .action:hover,
  1971. .dark .action:global(.ant-popover-open) {
  1972. background: @primary-color;
  1973. }
  1974. .dark .action :global(.ant-badge) {
  1975. color: rgba(255, 255, 255, 0.85);
  1976. }
  1977. .headerSearch .input {
  1978. background: transparent;
  1979. border-radius: 0;
  1980. }
  1981. .headerSearch .input :global(.ant-select-selection) {
  1982. background: transparent;
  1983. }
  1984. .headerSearch .input input {
  1985. border: 0;
  1986. box-shadow: none !important;
  1987. }
  1988. .headerSearch .input,
  1989. .headerSearch .input:hover,
  1990. .headerSearch .input:focus {
  1991. border-bottom: 1px solid #d9d9d9;
  1992. }
  1993. .login :global .ant-tabs .ant-tabs-bar {
  1994. border-bottom: 0;
  1995. }
  1996. .login .icon {
  1997. color: rgba(0, 0, 0, 0.2);
  1998. }
  1999. .login .icon:hover {
  2000. color: @primary-color;
  2001. }
  2002. .login .prefixIcon {
  2003. color: rgba(0, 0, 0, 0.25);
  2004. }
  2005. .list .item .avatar {
  2006. background: #fff;
  2007. }
  2008. .list .item:last-child {
  2009. border-bottom: 0;
  2010. }
  2011. .list .item:hover {
  2012. background: color(~`colorPalette("@{primary-color}", 1)`);
  2013. }
  2014. .list .item .extra {
  2015. color: rgba(0, 0, 0, 0.45);
  2016. }
  2017. .notFound {
  2018. color: rgba(0, 0, 0, 0.45);
  2019. }
  2020. .clear {
  2021. color: rgba(0, 0, 0, 0.65);
  2022. border-radius: 0 0 4px 4px;
  2023. border-top: 1px solid #e8e8e8;
  2024. }
  2025. .clear:hover {
  2026. color: rgba(0, 0, 0, 0.85);
  2027. }
  2028. .numberInfo .suffix {
  2029. color: rgba(0, 0, 0, 0.65);
  2030. }
  2031. .numberInfo .numberInfoTitle {
  2032. color: rgba(0, 0, 0, 0.65);
  2033. }
  2034. .numberInfo .numberInfoSubTitle {
  2035. color: rgba(0, 0, 0, 0.45);
  2036. }
  2037. .numberInfo .numberInfoValue > span {
  2038. color: rgba(0, 0, 0, 0.85);
  2039. }
  2040. .numberInfo .numberInfoValue .subTotal {
  2041. color: rgba(0, 0, 0, 0.45);
  2042. }
  2043. .numberInfo .numberInfoValue .subTotal :global .anticon-caret-up {
  2044. color: #f5222d;
  2045. }
  2046. .numberInfo .numberInfoValue .subTotal :global .anticon-caret-down {
  2047. color: #52c41a;
  2048. }
  2049. .numberInfolight .numberInfoValue > span {
  2050. color: rgba(0, 0, 0, 0.65);
  2051. }
  2052. .pageHeader {
  2053. background: #fff;
  2054. border-bottom: 1px solid #e8e8e8;
  2055. }
  2056. .pageHeader .tabs :global .ant-tabs-bar {
  2057. border-bottom: 1px solid #e8e8e8;
  2058. }
  2059. .pageHeader .logo > img {
  2060. border-radius: 4px;
  2061. }
  2062. .pageHeader .title {
  2063. color: rgba(0, 0, 0, 0.85);
  2064. }
  2065. .result .icon > .success {
  2066. color: #52c41a;
  2067. }
  2068. .result .icon > .error {
  2069. color: #f5222d;
  2070. }
  2071. .result .title {
  2072. color: rgba(0, 0, 0, 0.85);
  2073. }
  2074. .result .description {
  2075. color: rgba(0, 0, 0, 0.45);
  2076. }
  2077. .result .extra {
  2078. background: #fafafa;
  2079. border-radius: 2px;
  2080. }
  2081. .blockChecbox .item {
  2082. border-radius: 4px;
  2083. }
  2084. .blockChecbox .selectIcon {
  2085. color: @primary-color;
  2086. }
  2087. .color_block {
  2088. border-radius: 4px;
  2089. }
  2090. .title {
  2091. color: rgba(0, 0, 0, 0.85);
  2092. }
  2093. .handle {
  2094. background: @primary-color;
  2095. border-radius: 4px 0 0 4px;
  2096. }
  2097. .setting-drawer-index-handle {
  2098. /* 暂时不知道放哪解决 */
  2099. background: @primary-color !important;
  2100. }
  2101. .themeColor .title {
  2102. color: rgba(0, 0, 0, 0.65);
  2103. }
  2104. .themeColor .colorBlock {
  2105. border-radius: 2px;
  2106. color: #fff;
  2107. }
  2108. .logo h1 {
  2109. color: white;
  2110. }
  2111. .sider {
  2112. box-shadow: 2px 116px 6px rgba(0, 21, 41, 0.35);
  2113. }
  2114. .sider.light {
  2115. box-shadow: 2px 116px 8px 0 rgba(29, 35, 41, 0.05);
  2116. background-color: white;
  2117. }
  2118. .sider.light .logo {
  2119. background-color: @primary-color !important;
  2120. box-shadow: 1px 1px 0 0 #e8e8e8;
  2121. }
  2122. .sider.light .logo h1 {
  2123. color: white;
  2124. }
  2125. .sider.light :global(.ant-menu-light) {
  2126. border-right-color: transparent;
  2127. }
  2128. :global .drawer .drawer-content {
  2129. background: #001529;
  2130. }
  2131. .standardFormRow {
  2132. border-bottom: 1px dashed #e8e8e8;
  2133. }
  2134. .standardFormRow :global .ant-form-item-label label {
  2135. color: rgba(0, 0, 0, 0.65);
  2136. }
  2137. .standardFormRow .label {
  2138. color: rgba(0, 0, 0, 0.85);
  2139. }
  2140. .standardFormRowLast {
  2141. border: none;
  2142. }
  2143. .head {
  2144. box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
  2145. }
  2146. .head.light {
  2147. background-color: #fff;
  2148. }
  2149. .logo h1 {
  2150. color: #fff;
  2151. }
  2152. .light h1 {
  2153. color: #002140;
  2154. }
  2155. .trendItem .up {
  2156. color: #f5222d;
  2157. }
  2158. .trendItem .down {
  2159. color: #52c41a;
  2160. }
  2161. .trendItem.trendItemGrey .up,
  2162. .trendItem.trendItemGrey .down {
  2163. color: rgba(0, 0, 0, 0.65);
  2164. }
  2165. .trendItem.reverseColor .up {
  2166. color: #52c41a;
  2167. }
  2168. .trendItem.reverseColor .down {
  2169. color: #f5222d;
  2170. }
  2171. .container {
  2172. background: #f0f2f5;
  2173. }
  2174. .title {
  2175. color: rgba(0, 0, 0, 0.85);
  2176. }
  2177. .desc {
  2178. color: rgba(0, 0, 0, 0.45);
  2179. }
  2180. a.listItemMetaTitle {
  2181. color: rgba(0, 0, 0, 0.85);
  2182. }
  2183. .baseView .right .avatar_title {
  2184. color: rgba(0, 0, 0, 0.85);
  2185. }
  2186. .main {
  2187. background-color: #fff;
  2188. }
  2189. .main .leftmenu {
  2190. border-right: 1px solid #e8e8e8;
  2191. }
  2192. .main .leftmenu :global .ant-menu-inline {
  2193. border: none;
  2194. }
  2195. .main .right .title {
  2196. color: rgba(0, 0, 0, 0.85);
  2197. }
  2198. .main :global .ant-list-split .ant-list-item:last-child {
  2199. border-bottom: 1px solid #e8e8e8;
  2200. }
  2201. :global .ant-list-item-meta .taobao {
  2202. color: #ff4000;
  2203. border-radius: 4px;
  2204. }
  2205. :global .ant-list-item-meta .dingding {
  2206. background-color: #2eabff;
  2207. color: #fff;
  2208. border-radius: 4px;
  2209. }
  2210. :global .ant-list-item-meta .alipay {
  2211. color: #2eabff;
  2212. border-radius: 4px;
  2213. }
  2214. :global font.strong {
  2215. color: #52c41a;
  2216. }
  2217. :global font.medium {
  2218. color: #faad14;
  2219. }
  2220. :global font.weak {
  2221. color: #f5222d;
  2222. }
  2223. .trigger {
  2224. background: 'red';
  2225. }
  2226. .desc {
  2227. color: rgba(0, 0, 0, 0.45);
  2228. }
  2229. .desc h3 {
  2230. color: rgba(0, 0, 0, 0.45);
  2231. }
  2232. .desc h4 {
  2233. color: rgba(0, 0, 0, 0.45);
  2234. }
  2235. .information .label {
  2236. color: rgba(0, 0, 0, 0.85);
  2237. }
  2238. .errorIcon {
  2239. color: #f5222d;
  2240. }
  2241. .errorListItem {
  2242. border-bottom: 1px solid #e8e8e8;
  2243. }
  2244. .errorListItem:hover {
  2245. background: color(~`colorPalette("@{primary-color}", 1)`);
  2246. }
  2247. .errorListItem:last-child {
  2248. border: 0;
  2249. }
  2250. .errorListItem .errorIcon {
  2251. color: #f5222d;
  2252. }
  2253. .errorListItem .errorField {
  2254. color: rgba(0, 0, 0, 0.45);
  2255. }
  2256. .optional {
  2257. color: rgba(0, 0, 0, 0.45);
  2258. }
  2259. a.listItemMetaTitle {
  2260. color: rgba(0, 0, 0, 0.85);
  2261. }
  2262. .noData {
  2263. color: rgba(0, 0, 0, 0.25);
  2264. }
  2265. .heading {
  2266. color: rgba(0, 0, 0, 0.85);
  2267. }
  2268. .textSecondary {
  2269. color: rgba(0, 0, 0, 0.45);
  2270. }
  2271. .title {
  2272. color: rgba(0, 0, 0, 0.85);
  2273. }
  2274. .main .icon {
  2275. color: rgba(0, 0, 0, 0.2);
  2276. }
  2277. .main .icon:hover {
  2278. color: @primary-color;
  2279. }
  2280. .success {
  2281. color: #52c41a;
  2282. }
  2283. .warning {
  2284. color: #faad14;
  2285. }
  2286. .error {
  2287. color: #f5222d;
  2288. }
  2289. .progress-pass > .progress :global .ant-progress-bg {
  2290. background-color: #faad14;
  2291. }
  2292. html {
  2293. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  2294. }
  2295. body {
  2296. color: rgba(0, 0, 0, 0.65);
  2297. background-color: #fff;
  2298. }
  2299. h1,
  2300. h2,
  2301. h3,
  2302. h4,
  2303. h5,
  2304. h6 {
  2305. color: rgba(0, 0, 0, 0.85);
  2306. }
  2307. abbr[title],
  2308. abbr[data-original-title] {
  2309. border-bottom: 0;
  2310. }
  2311. a {
  2312. color: @primary-color;
  2313. background-color: transparent;
  2314. }
  2315. a:hover {
  2316. color: color(~`colorPalette("@{primary-color}", 5)`);
  2317. }
  2318. a:active {
  2319. color: color(~`colorPalette("@{primary-color}", 7)`);
  2320. }
  2321. a[disabled] {
  2322. color: rgba(0, 0, 0, 0.25);
  2323. }
  2324. img {
  2325. border-style: none;
  2326. }
  2327. table {
  2328. border-collapse: collapse;
  2329. }
  2330. caption {
  2331. color: rgba(0, 0, 0, 0.45);
  2332. }
  2333. input,
  2334. button,
  2335. select,
  2336. optgroup,
  2337. textarea {
  2338. color: inherit;
  2339. }
  2340. button::-moz-focus-inner,
  2341. [type="button"]::-moz-focus-inner,
  2342. [type="reset"]::-moz-focus-inner,
  2343. [type="submit"]::-moz-focus-inner {
  2344. border-style: none;
  2345. }
  2346. fieldset {
  2347. border: 0;
  2348. }
  2349. legend {
  2350. color: inherit;
  2351. }
  2352. mark {
  2353. background-color: #feffe6;
  2354. }
  2355. ::selection {
  2356. background: @primary-color;
  2357. color: #fff;
  2358. }
  2359. [ant-click-animating-without-extra-node]:after,
  2360. .ant-click-animating-node {
  2361. border-radius: inherit;
  2362. border: 0 solid @primary-color;
  2363. }
  2364. .ant-alert {
  2365. color: rgba(0, 0, 0, 0.65);
  2366. border-radius: 4px;
  2367. }
  2368. .ant-alert-success {
  2369. border: 1px solid #b7eb8f;
  2370. background-color: #f6ffed;
  2371. }
  2372. .ant-alert-success .ant-alert-icon {
  2373. color: #52c41a;
  2374. }
  2375. .ant-alert-info {
  2376. border: 1px solid color(~`colorPalette("@{primary-color}", 3)`);
  2377. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  2378. }
  2379. .ant-alert-info .ant-alert-icon {
  2380. color: @primary-color;
  2381. }
  2382. .ant-alert-warning {
  2383. border: 1px solid #ffe58f;
  2384. background-color: #fffbe6;
  2385. }
  2386. .ant-alert-warning .ant-alert-icon {
  2387. color: #faad14;
  2388. }
  2389. .ant-alert-error {
  2390. border: 1px solid #ffa39e;
  2391. background-color: #fff1f0;
  2392. }
  2393. .ant-alert-error .ant-alert-icon {
  2394. color: #f5222d;
  2395. }
  2396. .ant-alert-close-icon .anticon-close {
  2397. color: rgba(0, 0, 0, 0.45);
  2398. }
  2399. .ant-alert-close-icon .anticon-close:hover {
  2400. color: #404040;
  2401. }
  2402. .ant-alert-with-description {
  2403. border-radius: 4px;
  2404. color: rgba(0, 0, 0, 0.65);
  2405. }
  2406. .ant-alert-with-description .ant-alert-message {
  2407. color: rgba(0, 0, 0, 0.85);
  2408. }
  2409. .ant-alert-banner {
  2410. border-radius: 0;
  2411. border: 0;
  2412. }
  2413. .ant-anchor {
  2414. color: rgba(0, 0, 0, 0.65);
  2415. }
  2416. .ant-anchor-wrapper {
  2417. background-color: #fff;
  2418. }
  2419. .ant-anchor-ink:before {
  2420. background-color: #e8e8e8;
  2421. }
  2422. .ant-anchor-ink-ball {
  2423. border-radius: 8px;
  2424. border: 2px solid @primary-color;
  2425. background-color: #fff;
  2426. }
  2427. .ant-anchor-link-title {
  2428. color: rgba(0, 0, 0, 0.65);
  2429. }
  2430. .ant-anchor-link-active > .ant-anchor-link-title {
  2431. color: @primary-color;
  2432. }
  2433. .ant-select-auto-complete {
  2434. color: rgba(0, 0, 0, 0.65);
  2435. }
  2436. .ant-select-auto-complete.ant-select .ant-select-selection {
  2437. border: 0;
  2438. box-shadow: none;
  2439. }
  2440. .ant-select-auto-complete.ant-select .ant-input {
  2441. background: transparent;
  2442. border-width: 1px;
  2443. }
  2444. .ant-select-auto-complete.ant-select .ant-input:focus,
  2445. .ant-select-auto-complete.ant-select .ant-input:hover {
  2446. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  2447. border-right-width: 1px !important;
  2448. }
  2449. .ant-avatar {
  2450. color: rgba(0, 0, 0, 0.65);
  2451. background: #ccc;
  2452. color: #fff;
  2453. border-radius: 50%;
  2454. }
  2455. .ant-avatar-image {
  2456. background: transparent;
  2457. }
  2458. .ant-avatar-lg {
  2459. border-radius: 50%;
  2460. }
  2461. .ant-avatar-sm {
  2462. border-radius: 50%;
  2463. }
  2464. .ant-avatar-square {
  2465. border-radius: 4px;
  2466. }
  2467. .ant-back-top {
  2468. color: rgba(0, 0, 0, 0.65);
  2469. }
  2470. .ant-back-top-content {
  2471. border-radius: 20px;
  2472. background-color: rgba(0, 0, 0, 0.45);
  2473. color: #fff;
  2474. }
  2475. .ant-back-top-content:hover {
  2476. background-color: rgba(0, 0, 0, 0.65);
  2477. }
  2478. .ant-back-top-icon {
  2479. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAABGdBTUEAALGPC/xhBQAAAbtJREFUWAntmMtKw0AUhhMvS5cuxILgQlRUpIggIoKIIoigG1eC+AA+jo+i6FIXBfeuXIgoeKVeitVWJX5HWhhDksnUpp3FDPyZk3Nm5nycmZKkXhAEOXSA3lG7muTeRzmfy6HneUvIhnYkQK+Q9NhAA0Opg0vBEhjBKHiyb8iGMyQMOYuK41BcBSypAL+MYXSKjtFAW7EAGEO3qN4uMQbbAkXiSfRQJ1H6a+yhlkKRcAoVFYiweYNjtCVQJJpBz2GCiPt7fBOZQpFgDpUikse5HgnkM4Fi4QX0Fpc5wf9EbLqpUCy4jMoJSXWhFwbMNgWKhVbRhy5jirhs9fy/oFhgHVVTJEs7RLZ8sSEoJm6iz7SZDMbJ+/OKERQTttCXQRLToRUmrKWCYuA2+jbN0MB4OQobYShfdTCgn/sL1K36M7TLrN3n+758aPy2rrpR6+/od5E8tf/A1uLS9aId5T7J3CNYihkQ4D9PiMdMC7mp4rjB9kjFjZp8BlnVHJBuO1yFXIV0FdDF3RlyFdJVQBdv5AxVdIsq8apiZ2PyYO1EVykesGfZEESsCkweyR8MUW+V8uJ1gkYipmpdP1pm2aJVPEGzAAAAAElFTkSuQmCC) 100%/100% no-repeat;
  2480. }
  2481. .ant-badge {
  2482. color: rgba(0, 0, 0, 0.65);
  2483. color: unset;
  2484. }
  2485. .ant-badge-count {
  2486. border-radius: 10px;
  2487. background: #f5222d;
  2488. color: #fff;
  2489. box-shadow: 0 0 0 1px #fff;
  2490. }
  2491. .ant-badge-count a,
  2492. .ant-badge-count a:hover {
  2493. color: #fff;
  2494. }
  2495. .ant-badge-dot {
  2496. border-radius: 100%;
  2497. background: #f5222d;
  2498. box-shadow: 0 0 0 1px #fff;
  2499. }
  2500. .ant-badge-status-dot {
  2501. border-radius: 50%;
  2502. }
  2503. .ant-badge-status-success {
  2504. background-color: #52c41a;
  2505. }
  2506. .ant-badge-status-processing {
  2507. background-color: @primary-color;
  2508. }
  2509. .ant-badge-status-processing:after {
  2510. border-radius: 50%;
  2511. border: 1px solid @primary-color;
  2512. }
  2513. .ant-badge-status-default {
  2514. background-color: #d9d9d9;
  2515. }
  2516. .ant-badge-status-error {
  2517. background-color: #f5222d;
  2518. }
  2519. .ant-badge-status-warning {
  2520. background-color: #faad14;
  2521. }
  2522. .ant-badge-status-text {
  2523. color: rgba(0, 0, 0, 0.65);
  2524. }
  2525. .ant-breadcrumb {
  2526. color: rgba(0, 0, 0, 0.65);
  2527. color: rgba(0, 0, 0, 0.45);
  2528. }
  2529. .ant-breadcrumb a {
  2530. color: rgba(0, 0, 0, 0.45);
  2531. }
  2532. .ant-breadcrumb a:hover {
  2533. color: color(~`colorPalette("@{primary-color}", 5)`);
  2534. }
  2535. .ant-breadcrumb > span:last-child {
  2536. color: rgba(0, 0, 0, 0.65);
  2537. }
  2538. .ant-breadcrumb-separator {
  2539. color: rgba(0, 0, 0, 0.45);
  2540. }
  2541. .ant-btn {
  2542. background-image: none;
  2543. border: 1px solid transparent;
  2544. border-radius: 4px;
  2545. box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  2546. color: rgba(0, 0, 0, 0.65);
  2547. background-color: #fff;
  2548. border-color: #d9d9d9;
  2549. }
  2550. .ant-btn:not([disabled]):active {
  2551. box-shadow: none;
  2552. }
  2553. .ant-btn-lg {
  2554. border-radius: 4px;
  2555. }
  2556. .ant-btn-sm {
  2557. border-radius: 4px;
  2558. }
  2559. .ant-btn > a:only-child {
  2560. color: currentColor;
  2561. }
  2562. .ant-btn > a:only-child:after {
  2563. background: transparent;
  2564. }
  2565. .ant-btn:hover,
  2566. .ant-btn:focus {
  2567. color: color(~`colorPalette("@{primary-color}", 5)`);
  2568. background-color: #fff;
  2569. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  2570. }
  2571. .ant-btn:hover > a:only-child,
  2572. .ant-btn:focus > a:only-child {
  2573. color: currentColor;
  2574. }
  2575. .ant-btn:hover > a:only-child:after,
  2576. .ant-btn:focus > a:only-child:after {
  2577. background: transparent;
  2578. }
  2579. .ant-btn:active,
  2580. .ant-btn.active {
  2581. color: color(~`colorPalette("@{primary-color}", 7)`);
  2582. background-color: #fff;
  2583. border-color: color(~`colorPalette("@{primary-color}", 7)`);
  2584. }
  2585. .ant-btn:active > a:only-child,
  2586. .ant-btn.active > a:only-child {
  2587. color: currentColor;
  2588. }
  2589. .ant-btn:active > a:only-child:after,
  2590. .ant-btn.active > a:only-child:after {
  2591. background: transparent;
  2592. }
  2593. .ant-btn.disabled,
  2594. .ant-btn[disabled],
  2595. .ant-btn.disabled:hover,
  2596. .ant-btn[disabled]:hover,
  2597. .ant-btn.disabled:focus,
  2598. .ant-btn[disabled]:focus,
  2599. .ant-btn.disabled:active,
  2600. .ant-btn[disabled]:active,
  2601. .ant-btn.disabled.active,
  2602. .ant-btn[disabled].active {
  2603. color: rgba(0, 0, 0, 0.25);
  2604. background-color: #f5f5f5;
  2605. border-color: #d9d9d9;
  2606. box-shadow: none;
  2607. }
  2608. .ant-btn.disabled > a:only-child,
  2609. .ant-btn[disabled] > a:only-child,
  2610. .ant-btn.disabled:hover > a:only-child,
  2611. .ant-btn[disabled]:hover > a:only-child,
  2612. .ant-btn.disabled:focus > a:only-child,
  2613. .ant-btn[disabled]:focus > a:only-child,
  2614. .ant-btn.disabled:active > a:only-child,
  2615. .ant-btn[disabled]:active > a:only-child,
  2616. .ant-btn.disabled.active > a:only-child,
  2617. .ant-btn[disabled].active > a:only-child {
  2618. color: currentColor;
  2619. }
  2620. .ant-btn.disabled > a:only-child:after,
  2621. .ant-btn[disabled] > a:only-child:after,
  2622. .ant-btn.disabled:hover > a:only-child:after,
  2623. .ant-btn[disabled]:hover > a:only-child:after,
  2624. .ant-btn.disabled:focus > a:only-child:after,
  2625. .ant-btn[disabled]:focus > a:only-child:after,
  2626. .ant-btn.disabled:active > a:only-child:after,
  2627. .ant-btn[disabled]:active > a:only-child:after,
  2628. .ant-btn.disabled.active > a:only-child:after,
  2629. .ant-btn[disabled].active > a:only-child:after {
  2630. background: transparent;
  2631. }
  2632. .ant-btn:hover,
  2633. .ant-btn:focus,
  2634. .ant-btn:active,
  2635. .ant-btn.active {
  2636. background: #fff;
  2637. }
  2638. .ant-btn-primary {
  2639. color: #fff;
  2640. background-color: @primary-color;
  2641. border-color: @primary-color;
  2642. box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
  2643. }
  2644. .ant-btn-primary > a:only-child {
  2645. color: currentColor;
  2646. }
  2647. .ant-btn-primary > a:only-child:after {
  2648. background: transparent;
  2649. }
  2650. .ant-btn-primary:hover,
  2651. .ant-btn-primary:focus {
  2652. color: #fff;
  2653. background-color: color(~`colorPalette("@{primary-color}", 5)`);
  2654. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  2655. }
  2656. .ant-btn-primary:hover > a:only-child,
  2657. .ant-btn-primary:focus > a:only-child {
  2658. color: currentColor;
  2659. }
  2660. .ant-btn-primary:hover > a:only-child:after,
  2661. .ant-btn-primary:focus > a:only-child:after {
  2662. background: transparent;
  2663. }
  2664. .ant-btn-primary:active,
  2665. .ant-btn-primary.active {
  2666. color: #fff;
  2667. background-color: color(~`colorPalette("@{primary-color}", 7)`);
  2668. border-color: color(~`colorPalette("@{primary-color}", 7)`);
  2669. }
  2670. .ant-btn-primary:active > a:only-child,
  2671. .ant-btn-primary.active > a:only-child {
  2672. color: currentColor;
  2673. }
  2674. .ant-btn-primary:active > a:only-child:after,
  2675. .ant-btn-primary.active > a:only-child:after {
  2676. background: transparent;
  2677. }
  2678. .ant-btn-primary.disabled,
  2679. .ant-btn-primary[disabled],
  2680. .ant-btn-primary.disabled:hover,
  2681. .ant-btn-primary[disabled]:hover,
  2682. .ant-btn-primary.disabled:focus,
  2683. .ant-btn-primary[disabled]:focus,
  2684. .ant-btn-primary.disabled:active,
  2685. .ant-btn-primary[disabled]:active,
  2686. .ant-btn-primary.disabled.active,
  2687. .ant-btn-primary[disabled].active {
  2688. color: rgba(0, 0, 0, 0.25);
  2689. background-color: #f5f5f5;
  2690. border-color: #d9d9d9;
  2691. box-shadow: none;
  2692. }
  2693. .ant-btn-primary.disabled > a:only-child,
  2694. .ant-btn-primary[disabled] > a:only-child,
  2695. .ant-btn-primary.disabled:hover > a:only-child,
  2696. .ant-btn-primary[disabled]:hover > a:only-child,
  2697. .ant-btn-primary.disabled:focus > a:only-child,
  2698. .ant-btn-primary[disabled]:focus > a:only-child,
  2699. .ant-btn-primary.disabled:active > a:only-child,
  2700. .ant-btn-primary[disabled]:active > a:only-child,
  2701. .ant-btn-primary.disabled.active > a:only-child,
  2702. .ant-btn-primary[disabled].active > a:only-child {
  2703. color: currentColor;
  2704. }
  2705. .ant-btn-primary.disabled > a:only-child:after,
  2706. .ant-btn-primary[disabled] > a:only-child:after,
  2707. .ant-btn-primary.disabled:hover > a:only-child:after,
  2708. .ant-btn-primary[disabled]:hover > a:only-child:after,
  2709. .ant-btn-primary.disabled:focus > a:only-child:after,
  2710. .ant-btn-primary[disabled]:focus > a:only-child:after,
  2711. .ant-btn-primary.disabled:active > a:only-child:after,
  2712. .ant-btn-primary[disabled]:active > a:only-child:after,
  2713. .ant-btn-primary.disabled.active > a:only-child:after,
  2714. .ant-btn-primary[disabled].active > a:only-child:after {
  2715. background: transparent;
  2716. }
  2717. .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  2718. border-right-color: color(~`colorPalette("@{primary-color}", 5)`);
  2719. border-left-color: color(~`colorPalette("@{primary-color}", 5)`);
  2720. }
  2721. .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  2722. border-color: #d9d9d9;
  2723. }
  2724. .ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  2725. border-right-color: color(~`colorPalette("@{primary-color}", 5)`);
  2726. }
  2727. .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  2728. border-right-color: #d9d9d9;
  2729. }
  2730. .ant-btn-group .ant-btn-primary:last-child:not(:first-child),
  2731. .ant-btn-group .ant-btn-primary + .ant-btn-primary {
  2732. border-left-color: color(~`colorPalette("@{primary-color}", 5)`);
  2733. }
  2734. .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
  2735. .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  2736. border-left-color: #d9d9d9;
  2737. }
  2738. .ant-btn-ghost {
  2739. color: rgba(0, 0, 0, 0.65);
  2740. background-color: transparent;
  2741. border-color: #d9d9d9;
  2742. }
  2743. .ant-btn-ghost > a:only-child {
  2744. color: currentColor;
  2745. }
  2746. .ant-btn-ghost > a:only-child:after {
  2747. background: transparent;
  2748. }
  2749. .ant-btn-ghost:hover,
  2750. .ant-btn-ghost:focus {
  2751. color: color(~`colorPalette("@{primary-color}", 5)`);
  2752. background-color: transparent;
  2753. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  2754. }
  2755. .ant-btn-ghost:hover > a:only-child,
  2756. .ant-btn-ghost:focus > a:only-child {
  2757. color: currentColor;
  2758. }
  2759. .ant-btn-ghost:hover > a:only-child:after,
  2760. .ant-btn-ghost:focus > a:only-child:after {
  2761. background: transparent;
  2762. }
  2763. .ant-btn-ghost:active,
  2764. .ant-btn-ghost.active {
  2765. color: color(~`colorPalette("@{primary-color}", 7)`);
  2766. background-color: transparent;
  2767. border-color: color(~`colorPalette("@{primary-color}", 7)`);
  2768. }
  2769. .ant-btn-ghost:active > a:only-child,
  2770. .ant-btn-ghost.active > a:only-child {
  2771. color: currentColor;
  2772. }
  2773. .ant-btn-ghost:active > a:only-child:after,
  2774. .ant-btn-ghost.active > a:only-child:after {
  2775. background: transparent;
  2776. }
  2777. .ant-btn-ghost.disabled,
  2778. .ant-btn-ghost[disabled],
  2779. .ant-btn-ghost.disabled:hover,
  2780. .ant-btn-ghost[disabled]:hover,
  2781. .ant-btn-ghost.disabled:focus,
  2782. .ant-btn-ghost[disabled]:focus,
  2783. .ant-btn-ghost.disabled:active,
  2784. .ant-btn-ghost[disabled]:active,
  2785. .ant-btn-ghost.disabled.active,
  2786. .ant-btn-ghost[disabled].active {
  2787. color: rgba(0, 0, 0, 0.25);
  2788. background-color: #f5f5f5;
  2789. border-color: #d9d9d9;
  2790. box-shadow: none;
  2791. }
  2792. .ant-btn-ghost.disabled > a:only-child,
  2793. .ant-btn-ghost[disabled] > a:only-child,
  2794. .ant-btn-ghost.disabled:hover > a:only-child,
  2795. .ant-btn-ghost[disabled]:hover > a:only-child,
  2796. .ant-btn-ghost.disabled:focus > a:only-child,
  2797. .ant-btn-ghost[disabled]:focus > a:only-child,
  2798. .ant-btn-ghost.disabled:active > a:only-child,
  2799. .ant-btn-ghost[disabled]:active > a:only-child,
  2800. .ant-btn-ghost.disabled.active > a:only-child,
  2801. .ant-btn-ghost[disabled].active > a:only-child {
  2802. color: currentColor;
  2803. }
  2804. .ant-btn-ghost.disabled > a:only-child:after,
  2805. .ant-btn-ghost[disabled] > a:only-child:after,
  2806. .ant-btn-ghost.disabled:hover > a:only-child:after,
  2807. .ant-btn-ghost[disabled]:hover > a:only-child:after,
  2808. .ant-btn-ghost.disabled:focus > a:only-child:after,
  2809. .ant-btn-ghost[disabled]:focus > a:only-child:after,
  2810. .ant-btn-ghost.disabled:active > a:only-child:after,
  2811. .ant-btn-ghost[disabled]:active > a:only-child:after,
  2812. .ant-btn-ghost.disabled.active > a:only-child:after,
  2813. .ant-btn-ghost[disabled].active > a:only-child:after {
  2814. background: transparent;
  2815. }
  2816. .ant-btn-dashed {
  2817. color: rgba(0, 0, 0, 0.65);
  2818. background-color: #fff;
  2819. border-color: #d9d9d9;
  2820. border-style: dashed;
  2821. }
  2822. .ant-btn-dashed > a:only-child {
  2823. color: currentColor;
  2824. }
  2825. .ant-btn-dashed > a:only-child:after {
  2826. background: transparent;
  2827. }
  2828. .ant-btn-dashed:hover,
  2829. .ant-btn-dashed:focus {
  2830. color: color(~`colorPalette("@{primary-color}", 5)`);
  2831. background-color: #fff;
  2832. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  2833. }
  2834. .ant-btn-dashed:hover > a:only-child,
  2835. .ant-btn-dashed:focus > a:only-child {
  2836. color: currentColor;
  2837. }
  2838. .ant-btn-dashed:hover > a:only-child:after,
  2839. .ant-btn-dashed:focus > a:only-child:after {
  2840. background: transparent;
  2841. }
  2842. .ant-btn-dashed:active,
  2843. .ant-btn-dashed.active {
  2844. color: color(~`colorPalette("@{primary-color}", 7)`);
  2845. background-color: #fff;
  2846. border-color: color(~`colorPalette("@{primary-color}", 7)`);
  2847. }
  2848. .ant-btn-dashed:active > a:only-child,
  2849. .ant-btn-dashed.active > a:only-child {
  2850. color: currentColor;
  2851. }
  2852. .ant-btn-dashed:active > a:only-child:after,
  2853. .ant-btn-dashed.active > a:only-child:after {
  2854. background: transparent;
  2855. }
  2856. .ant-btn-dashed.disabled,
  2857. .ant-btn-dashed[disabled],
  2858. .ant-btn-dashed.disabled:hover,
  2859. .ant-btn-dashed[disabled]:hover,
  2860. .ant-btn-dashed.disabled:focus,
  2861. .ant-btn-dashed[disabled]:focus,
  2862. .ant-btn-dashed.disabled:active,
  2863. .ant-btn-dashed[disabled]:active,
  2864. .ant-btn-dashed.disabled.active,
  2865. .ant-btn-dashed[disabled].active {
  2866. color: rgba(0, 0, 0, 0.25);
  2867. background-color: #f5f5f5;
  2868. border-color: #d9d9d9;
  2869. box-shadow: none;
  2870. }
  2871. .ant-btn-dashed.disabled > a:only-child,
  2872. .ant-btn-dashed[disabled] > a:only-child,
  2873. .ant-btn-dashed.disabled:hover > a:only-child,
  2874. .ant-btn-dashed[disabled]:hover > a:only-child,
  2875. .ant-btn-dashed.disabled:focus > a:only-child,
  2876. .ant-btn-dashed[disabled]:focus > a:only-child,
  2877. .ant-btn-dashed.disabled:active > a:only-child,
  2878. .ant-btn-dashed[disabled]:active > a:only-child,
  2879. .ant-btn-dashed.disabled.active > a:only-child,
  2880. .ant-btn-dashed[disabled].active > a:only-child {
  2881. color: currentColor;
  2882. }
  2883. .ant-btn-dashed.disabled > a:only-child:after,
  2884. .ant-btn-dashed[disabled] > a:only-child:after,
  2885. .ant-btn-dashed.disabled:hover > a:only-child:after,
  2886. .ant-btn-dashed[disabled]:hover > a:only-child:after,
  2887. .ant-btn-dashed.disabled:focus > a:only-child:after,
  2888. .ant-btn-dashed[disabled]:focus > a:only-child:after,
  2889. .ant-btn-dashed.disabled:active > a:only-child:after,
  2890. .ant-btn-dashed[disabled]:active > a:only-child:after,
  2891. .ant-btn-dashed.disabled.active > a:only-child:after,
  2892. .ant-btn-dashed[disabled].active > a:only-child:after {
  2893. background: transparent;
  2894. }
  2895. // .ant-btn-danger {
  2896. // color: #f5222d;
  2897. // background-color: #f5f5f5;
  2898. // border-color: #d9d9d9;
  2899. // }
  2900. .ant-btn-danger > a:only-child {
  2901. color: currentColor;
  2902. }
  2903. .ant-btn-danger > a:only-child:after {
  2904. background: transparent;
  2905. }
  2906. .ant-btn-danger:hover {
  2907. color: #fff;
  2908. background-color: #ff4d4f;
  2909. border-color: #ff4d4f;
  2910. }
  2911. .ant-btn-danger:hover > a:only-child {
  2912. color: currentColor;
  2913. }
  2914. .ant-btn-danger:hover > a:only-child:after {
  2915. background: transparent;
  2916. }
  2917. .ant-btn-danger:focus {
  2918. color: #ff4d4f;
  2919. background-color: #fff;
  2920. border-color: #ff4d4f;
  2921. }
  2922. .ant-btn-danger:focus > a:only-child {
  2923. color: currentColor;
  2924. }
  2925. .ant-btn-danger:focus > a:only-child:after {
  2926. background: transparent;
  2927. }
  2928. .ant-btn-danger:active,
  2929. .ant-btn-danger.active {
  2930. color: #fff;
  2931. background-color: #cf1322;
  2932. border-color: #cf1322;
  2933. }
  2934. .ant-btn-danger:active > a:only-child,
  2935. .ant-btn-danger.active > a:only-child {
  2936. color: currentColor;
  2937. }
  2938. .ant-btn-danger:active > a:only-child:after,
  2939. .ant-btn-danger.active > a:only-child:after {
  2940. background: transparent;
  2941. }
  2942. .ant-btn-danger.disabled,
  2943. .ant-btn-danger[disabled],
  2944. .ant-btn-danger.disabled:hover,
  2945. .ant-btn-danger[disabled]:hover,
  2946. .ant-btn-danger.disabled:focus,
  2947. .ant-btn-danger[disabled]:focus,
  2948. .ant-btn-danger.disabled:active,
  2949. .ant-btn-danger[disabled]:active,
  2950. .ant-btn-danger.disabled.active,
  2951. .ant-btn-danger[disabled].active {
  2952. color: rgba(0, 0, 0, 0.25);
  2953. background-color: #f5f5f5;
  2954. border-color: #d9d9d9;
  2955. box-shadow: none;
  2956. }
  2957. .ant-btn-danger.disabled > a:only-child,
  2958. .ant-btn-danger[disabled] > a:only-child,
  2959. .ant-btn-danger.disabled:hover > a:only-child,
  2960. .ant-btn-danger[disabled]:hover > a:only-child,
  2961. .ant-btn-danger.disabled:focus > a:only-child,
  2962. .ant-btn-danger[disabled]:focus > a:only-child,
  2963. .ant-btn-danger.disabled:active > a:only-child,
  2964. .ant-btn-danger[disabled]:active > a:only-child,
  2965. .ant-btn-danger.disabled.active > a:only-child,
  2966. .ant-btn-danger[disabled].active > a:only-child {
  2967. color: currentColor;
  2968. }
  2969. .ant-btn-danger.disabled > a:only-child:after,
  2970. .ant-btn-danger[disabled] > a:only-child:after,
  2971. .ant-btn-danger.disabled:hover > a:only-child:after,
  2972. .ant-btn-danger[disabled]:hover > a:only-child:after,
  2973. .ant-btn-danger.disabled:focus > a:only-child:after,
  2974. .ant-btn-danger[disabled]:focus > a:only-child:after,
  2975. .ant-btn-danger.disabled:active > a:only-child:after,
  2976. .ant-btn-danger[disabled]:active > a:only-child:after,
  2977. .ant-btn-danger.disabled.active > a:only-child:after,
  2978. .ant-btn-danger[disabled].active > a:only-child:after {
  2979. background: transparent;
  2980. }
  2981. .ant-btn-circle,
  2982. .ant-btn-circle-outline {
  2983. border-radius: 50%;
  2984. }
  2985. .ant-btn-circle.ant-btn-lg,
  2986. .ant-btn-circle-outline.ant-btn-lg {
  2987. border-radius: 50%;
  2988. }
  2989. .ant-btn-circle.ant-btn-sm,
  2990. .ant-btn-circle-outline.ant-btn-sm {
  2991. border-radius: 50%;
  2992. }
  2993. .ant-btn:before {
  2994. background: #fff;
  2995. border-radius: inherit;
  2996. }
  2997. .ant-btn-group-lg > .ant-btn,
  2998. .ant-btn-group-lg > span > .ant-btn {
  2999. border-radius: 0;
  3000. }
  3001. .ant-btn-group-sm > .ant-btn,
  3002. .ant-btn-group-sm > span > .ant-btn {
  3003. border-radius: 0;
  3004. }
  3005. .ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  3006. border-left-color: transparent;
  3007. }
  3008. .ant-btn-group .ant-btn {
  3009. border-radius: 0;
  3010. }
  3011. .ant-btn-group > .ant-btn:only-child {
  3012. border-radius: 4px;
  3013. }
  3014. .ant-btn-group > span:only-child > .ant-btn {
  3015. border-radius: 4px;
  3016. }
  3017. .ant-btn-group > .ant-btn:first-child:not(:last-child),
  3018. .ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  3019. border-bottom-left-radius: 4px;
  3020. border-top-left-radius: 4px;
  3021. }
  3022. .ant-btn-group > .ant-btn:last-child:not(:first-child),
  3023. .ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  3024. border-bottom-right-radius: 4px;
  3025. border-top-right-radius: 4px;
  3026. }
  3027. .ant-btn-group-sm > .ant-btn:only-child {
  3028. border-radius: 4px;
  3029. }
  3030. .ant-btn-group-sm > span:only-child > .ant-btn {
  3031. border-radius: 4px;
  3032. }
  3033. .ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
  3034. .ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  3035. border-bottom-left-radius: 4px;
  3036. border-top-left-radius: 4px;
  3037. }
  3038. .ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
  3039. .ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  3040. border-bottom-right-radius: 4px;
  3041. border-top-right-radius: 4px;
  3042. }
  3043. .ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  3044. border-radius: 0;
  3045. }
  3046. .ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  3047. border-bottom-right-radius: 0;
  3048. border-top-right-radius: 0;
  3049. }
  3050. .ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  3051. border-bottom-left-radius: 0;
  3052. border-top-left-radius: 0;
  3053. }
  3054. .ant-btn-background-ghost {
  3055. background: transparent !important;
  3056. border-color: #fff;
  3057. color: #fff;
  3058. }
  3059. .ant-btn-background-ghost.ant-btn-primary {
  3060. color: @primary-color;
  3061. background-color: transparent;
  3062. border-color: @primary-color;
  3063. }
  3064. .ant-btn-background-ghost.ant-btn-primary > a:only-child {
  3065. color: currentColor;
  3066. }
  3067. .ant-btn-background-ghost.ant-btn-primary > a:only-child:after {
  3068. background: transparent;
  3069. }
  3070. .ant-btn-background-ghost.ant-btn-primary:hover,
  3071. .ant-btn-background-ghost.ant-btn-primary:focus {
  3072. color: color(~`colorPalette("@{primary-color}", 5)`);
  3073. background-color: transparent;
  3074. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  3075. }
  3076. .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
  3077. .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  3078. color: currentColor;
  3079. }
  3080. .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child:after,
  3081. .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child:after {
  3082. background: transparent;
  3083. }
  3084. .ant-btn-background-ghost.ant-btn-primary:active,
  3085. .ant-btn-background-ghost.ant-btn-primary.active {
  3086. color: color(~`colorPalette("@{primary-color}", 7)`);
  3087. background-color: transparent;
  3088. border-color: color(~`colorPalette("@{primary-color}", 7)`);
  3089. }
  3090. .ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
  3091. .ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
  3092. color: currentColor;
  3093. }
  3094. .ant-btn-background-ghost.ant-btn-primary:active > a:only-child:after,
  3095. .ant-btn-background-ghost.ant-btn-primary.active > a:only-child:after {
  3096. background: transparent;
  3097. }
  3098. .ant-btn-background-ghost.ant-btn-primary.disabled,
  3099. .ant-btn-background-ghost.ant-btn-primary[disabled],
  3100. .ant-btn-background-ghost.ant-btn-primary.disabled:hover,
  3101. .ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
  3102. .ant-btn-background-ghost.ant-btn-primary.disabled:focus,
  3103. .ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
  3104. .ant-btn-background-ghost.ant-btn-primary.disabled:active,
  3105. .ant-btn-background-ghost.ant-btn-primary[disabled]:active,
  3106. .ant-btn-background-ghost.ant-btn-primary.disabled.active,
  3107. .ant-btn-background-ghost.ant-btn-primary[disabled].active {
  3108. color: rgba(0, 0, 0, 0.25);
  3109. background-color: #f5f5f5;
  3110. border-color: #d9d9d9;
  3111. box-shadow: none;
  3112. }
  3113. .ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
  3114. .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
  3115. .ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
  3116. .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
  3117. .ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
  3118. .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
  3119. .ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
  3120. .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
  3121. .ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
  3122. .ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
  3123. color: currentColor;
  3124. }
  3125. .ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child:after,
  3126. .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child:after,
  3127. .ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child:after,
  3128. .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child:after,
  3129. .ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child:after,
  3130. .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child:after,
  3131. .ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child:after,
  3132. .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child:after,
  3133. .ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child:after,
  3134. .ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child:after {
  3135. background: transparent;
  3136. }
  3137. .ant-btn-background-ghost.ant-btn-danger {
  3138. color: #f5222d;
  3139. background-color: transparent;
  3140. border-color: #f5222d;
  3141. }
  3142. .ant-btn-background-ghost.ant-btn-danger > a:only-child {
  3143. color: currentColor;
  3144. }
  3145. .ant-btn-background-ghost.ant-btn-danger > a:only-child:after {
  3146. background: transparent;
  3147. }
  3148. .ant-btn-background-ghost.ant-btn-danger:hover,
  3149. .ant-btn-background-ghost.ant-btn-danger:focus {
  3150. color: #ff4d4f;
  3151. background-color: transparent;
  3152. border-color: #ff4d4f;
  3153. }
  3154. .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
  3155. .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  3156. color: currentColor;
  3157. }
  3158. .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child:after,
  3159. .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child:after {
  3160. background: transparent;
  3161. }
  3162. .ant-btn-background-ghost.ant-btn-danger:active,
  3163. .ant-btn-background-ghost.ant-btn-danger.active {
  3164. color: #cf1322;
  3165. background-color: transparent;
  3166. border-color: #cf1322;
  3167. }
  3168. .ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
  3169. .ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
  3170. color: currentColor;
  3171. }
  3172. .ant-btn-background-ghost.ant-btn-danger:active > a:only-child:after,
  3173. .ant-btn-background-ghost.ant-btn-danger.active > a:only-child:after {
  3174. background: transparent;
  3175. }
  3176. .ant-btn-background-ghost.ant-btn-danger.disabled,
  3177. .ant-btn-background-ghost.ant-btn-danger[disabled],
  3178. .ant-btn-background-ghost.ant-btn-danger.disabled:hover,
  3179. .ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
  3180. .ant-btn-background-ghost.ant-btn-danger.disabled:focus,
  3181. .ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
  3182. .ant-btn-background-ghost.ant-btn-danger.disabled:active,
  3183. .ant-btn-background-ghost.ant-btn-danger[disabled]:active,
  3184. .ant-btn-background-ghost.ant-btn-danger.disabled.active,
  3185. .ant-btn-background-ghost.ant-btn-danger[disabled].active {
  3186. color: rgba(0, 0, 0, 0.25);
  3187. background-color: #f5f5f5;
  3188. border-color: #d9d9d9;
  3189. box-shadow: none;
  3190. }
  3191. .ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
  3192. .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
  3193. .ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
  3194. .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
  3195. .ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
  3196. .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
  3197. .ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
  3198. .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
  3199. .ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
  3200. .ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
  3201. color: currentColor;
  3202. }
  3203. .ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child:after,
  3204. .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child:after,
  3205. .ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child:after,
  3206. .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child:after,
  3207. .ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child:after,
  3208. .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child:after,
  3209. .ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child:after,
  3210. .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child:after,
  3211. .ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child:after,
  3212. .ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child:after {
  3213. background: transparent;
  3214. }
  3215. .christmas.ant-btn-primary:before {
  3216. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAAXCAYAAABOHMIhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABiZJREFUeNrsWMtPlFcUvzPMwIDysLyRR4uATDHWCiVgSmRlios2DeiiXUFs0nRBd6arxqQhJDapkYXhP4BqDKTQhZaFNQSCaBEVJjwdHsNr5DUMDDPDzPT3u7nTDEgRKrKgc5KT+z3uufec33de99P4fD4RpL2RNgjB3kn35MkTeRERESFiYmLkGBoaKnQ6nWSNRvPPZFxr+vv7k6KioiIdDsfa8vLyQkFBgcP3Bnel3MDAQArWI0eFhISE87nb7bZ7PJ4VvLYuLi5O5+fnu9+kMNfq6+tLjIyMzMY6KeBEbK/XarXReI3lPDZMWcc4v7GxYV1dXR3Jy8ub2E5HPvJ6vRSSDH0ku1wuAfsEZOV1IEFHoeNFdHS0yMrK2knR0Lm5uR+hxLdQMjbwHTZbB41h8RGwCdc9MzMzneHh4bGJiYlf4SN8ijkfwqiIncCAAR7Iz2GPSShudjqdfeCeqampvwBQfFxc3JdYqwTv8gB8/F48A8BgKecE14V+L7ju2tpae05OzkuCCZvkPOj8mizmC6vVKtmPu+bx48cC3qI1mUyFUOyywWD4SHlELBaLJmCHNcwAghuAOujtuF4FqHO4nsX4EsAS3I4TJ04ME1h8PDE9PS09TYZoY2Pj1729vd6lpSVfkDYTPG0UkfNDRUWFgQ5Gb2Mh0N29e9eG/GQfHh4W8/PzwUy/ObQ/gMfVVlZW1iAiZdQxp3nv3LljRoL/5erVq1UIxzSiiVD9X4EDYATynCwAzGO858hCQRoaGmJFZNJz8YIcBc4BF966dau6sLAwBxVSJCUlCSThQwuU3W6XkYUok1Vzm5znQx5bbm9v77p+/frPeNSNRzZ/ISBwrG4ZR48eLamtrf2+uLjYSEG9Xi/wTISFhQlWGXohyzO/CJlVl23KQRLbABoaHx+/Z1lUZ/Hq1SsJFj3JT3hmHx8fnydPTEzMj46OziHPW2w22wxeD4Kfgadh/4YEzU8Az4DhffAn5eXlX1y6dKkEoCTspAQ9Mjs7+0BBo8Fms1lkZGTsOo0QLLRNkvnR+fEJzIMHD0xtbW39CL8JTFtSbAOvBIyLHIGVm9VzE2gKuDAMSSpcT6KXyT137lx2cnLyMXhcGDb3wq3XuWF3d/fCzZs3P0c4v5eSknJQbYLo7Ox0gC2lpaVZ3Be67Th/dnZWoAJKsJC3XA8fPhxoamp6hMb+BaaMgWcUMGtszZjiFDNmvcDI91pzG0iY4ARwkwrxkcHBwUdgNrRMbnrqoRbkVzDcvn3bl5qaWsmcgFH4G8XdEGUWFhak51AuISFBnkoCTyFbyWKxCJwIxlC0fq2rq7tcVFRkRKskjh8/Lr0+kBjCCDV/knfdv3//WX19/R8IRRNemxlu4AXwKqM+EJwdj1HbPYSwh3sCPAJDABm2LLchCjS+5/kirKGhwWk0GrMuXrxYQuX9hm/XXTMXMY+srKwI5ApZrbYmZh7deEJhAUKjLe/pLTzSsCuHrK+1tbUJVe3P6upq87Vr174rKysrYHVj/uW+OH3IfEuw4F3ee/fuPQfAvwOs5yyE4CnlFOu7BWrTCWlreO6FACpBZGwUw4BvkANLobReHb3kGZYGsGzTq/zlO8AT1ru6uoZbWlqeA6gINJAfnz59OlVLoX8Jtebm5raampqfcMvQYgTknz9//sKVK1c+y83NTdIEuCnaKMuNGzd+6+np6cCtSTkAw9D9X8Dyh+dbgaaAC1XAnUlPTy+qqqq6cPbs2UzkmWjNljiDJzpwHFnCkW2yo6NjCKW8H54wjlezKvRT09LSTsJrz5w6dSoN+Yp51ADAPUj8VoDbDq9pxrwuJcNIYQllJTIi/xopBw/VA7DJp0+f9hA78CgL5F5C8J2CpoCj8sfA6WCe/FPRhsRlZmbGIs8Y4FFO5CJgtrSsvrRVGW1V93b1myoGnKAKEcHgnwsWpg1lNI0fphwrmdqbckeU18WrnlOjqp5/j7W3BWvfQVPKa5SBkcrYCNVB65TRTlWZ1lXiXVU5xbtlDb2SPaLWYwrgHIcqPg6Vc7fbX69Yoyqfa7/AeiegbWOEVhmsVcWDwPn224iDJgla8Hd38Hd3ELQgaIeI/hZgAIPEp0vmQJdoAAAAAElFTkSuQmCC) no-repeat 50% 0;
  3217. background-size: 64px;
  3218. }
  3219. .christmas.ant-btn-primary.ant-btn-lg:before {
  3220. background-size: 72px;
  3221. }
  3222. .christmas.ant-btn-primary.ant-btn-sm:before {
  3223. background-size: 56px;
  3224. }
  3225. .ant-fullcalendar {
  3226. color: rgba(0, 0, 0, 0.65);
  3227. border-top: 1px solid #d9d9d9;
  3228. }
  3229. .ant-fullcalendar table {
  3230. border-collapse: collapse;
  3231. background-color: transparent;
  3232. }
  3233. .ant-fullcalendar table,
  3234. .ant-fullcalendar th,
  3235. .ant-fullcalendar td {
  3236. border: 0;
  3237. }
  3238. .ant-fullcalendar-calendar-table {
  3239. border-spacing: 0;
  3240. }
  3241. .ant-fullcalendar-value {
  3242. color: rgba(0, 0, 0, 0.65);
  3243. border-radius: 2px;
  3244. background: transparent;
  3245. }
  3246. .ant-fullcalendar-value:hover {
  3247. background: color(~`colorPalette("@{primary-color}", 1)`);
  3248. }
  3249. .ant-fullcalendar-value:active {
  3250. background: @primary-color;
  3251. color: #fff;
  3252. }
  3253. .ant-fullcalendar-today .ant-fullcalendar-value,
  3254. .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value {
  3255. box-shadow: 0 0 0 1px @primary-color inset;
  3256. }
  3257. .ant-fullcalendar-selected-day .ant-fullcalendar-value,
  3258. .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value {
  3259. background: @primary-color;
  3260. color: #fff;
  3261. }
  3262. .ant-fullcalendar-disabled-cell-first-of-row .ant-fullcalendar-value {
  3263. border-top-left-radius: 4px;
  3264. border-bottom-left-radius: 4px;
  3265. }
  3266. .ant-fullcalendar-disabled-cell-last-of-row .ant-fullcalendar-value {
  3267. border-top-right-radius: 4px;
  3268. border-bottom-right-radius: 4px;
  3269. }
  3270. .ant-fullcalendar-last-month-cell .ant-fullcalendar-value,
  3271. .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value {
  3272. color: rgba(0, 0, 0, 0.25);
  3273. }
  3274. .ant-fullcalendar-month-panel-table {
  3275. border-collapse: separate;
  3276. }
  3277. .ant-fullcalendar-fullscreen {
  3278. border-top: 0;
  3279. }
  3280. .ant-fullcalendar-fullscreen .ant-fullcalendar-month,
  3281. .ant-fullcalendar-fullscreen .ant-fullcalendar-date {
  3282. color: rgba(0, 0, 0, 0.65);
  3283. border-top: 2px solid #e8e8e8;
  3284. }
  3285. .ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover,
  3286. .ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover {
  3287. background: color(~`colorPalette("@{primary-color}", 1)`);
  3288. }
  3289. .ant-fullcalendar-fullscreen .ant-fullcalendar-month:active,
  3290. .ant-fullcalendar-fullscreen .ant-fullcalendar-date:active {
  3291. background: color(~`colorPalette("@{primary-color}", 2)`);
  3292. }
  3293. .ant-fullcalendar-fullscreen .ant-fullcalendar-value {
  3294. background: transparent;
  3295. }
  3296. .ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  3297. color: rgba(0, 0, 0, 0.65);
  3298. }
  3299. .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month,
  3300. .ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date {
  3301. border-top-color: @primary-color;
  3302. background: transparent;
  3303. }
  3304. .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value,
  3305. .ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  3306. box-shadow: none;
  3307. }
  3308. .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-month,
  3309. .ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-date {
  3310. background: color(~`colorPalette("@{primary-color}", 1)`);
  3311. }
  3312. .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value,
  3313. .ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-value {
  3314. color: @primary-color;
  3315. }
  3316. .ant-fullcalendar-fullscreen .ant-fullcalendar-last-month-cell .ant-fullcalendar-date,
  3317. .ant-fullcalendar-fullscreen .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-date {
  3318. color: rgba(0, 0, 0, 0.25);
  3319. }
  3320. .ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date,
  3321. .ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date:hover {
  3322. background: transparent;
  3323. }
  3324. .ant-fullcalendar-disabled-cell .ant-fullcalendar-value {
  3325. color: rgba(0, 0, 0, 0.25);
  3326. border-radius: 0;
  3327. }
  3328. .ant-card {
  3329. color: rgba(0, 0, 0, 0.65);
  3330. background: #fff;
  3331. border-radius: 2px;
  3332. }
  3333. .ant-card-hoverable:hover {
  3334. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
  3335. border-color: rgba(0, 0, 0, 0.09);
  3336. }
  3337. .ant-card-bordered {
  3338. border: 1px solid #e8e8e8;
  3339. }
  3340. .ant-card-head {
  3341. background: transparent;
  3342. border-bottom: 1px solid #e8e8e8;
  3343. border-radius: 2px 2px 0 0;
  3344. color: rgba(0, 0, 0, 0.85);
  3345. }
  3346. .ant-card-head .ant-tabs {
  3347. color: rgba(0, 0, 0, 0.65);
  3348. }
  3349. .ant-card-head .ant-tabs-bar {
  3350. border-bottom: 1px solid #e8e8e8;
  3351. }
  3352. .ant-card-extra {
  3353. color: rgba(0, 0, 0, 0.65);
  3354. }
  3355. .ant-card-grid {
  3356. border-radius: 0;
  3357. border: 0;
  3358. box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset;
  3359. }
  3360. .ant-card-grid:hover {
  3361. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  3362. }
  3363. .ant-card-cover img {
  3364. border-radius: 2px 2px 0 0;
  3365. }
  3366. .ant-card-actions {
  3367. border-top: 1px solid #e8e8e8;
  3368. background: #fafafa;
  3369. }
  3370. .ant-card-actions > li {
  3371. color: rgba(0, 0, 0, 0.45);
  3372. }
  3373. .ant-card-actions > li > span:hover {
  3374. color: @primary-color;
  3375. }
  3376. .ant-card-actions > li > span a {
  3377. color: rgba(0, 0, 0, 0.45);
  3378. }
  3379. .ant-card-actions > li > span a:hover {
  3380. color: @primary-color;
  3381. }
  3382. .ant-card-actions > li:not(:last-child) {
  3383. border-right: 1px solid #e8e8e8;
  3384. }
  3385. .ant-card-type-inner .ant-card-head {
  3386. background: #fafafa;
  3387. }
  3388. .ant-card-meta-title {
  3389. color: rgba(0, 0, 0, 0.85);
  3390. }
  3391. .ant-card-meta-description {
  3392. color: rgba(0, 0, 0, 0.45);
  3393. }
  3394. .ant-card-loading-block {
  3395. border-radius: 2px;
  3396. background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  3397. background-size: 600% 600%;
  3398. }
  3399. .ant-carousel {
  3400. color: rgba(0, 0, 0, 0.65);
  3401. }
  3402. .ant-carousel .slick-slider {
  3403. -webkit-tap-highlight-color: transparent;
  3404. }
  3405. .ant-carousel .slick-vertical .slick-slide {
  3406. border: 1px solid transparent;
  3407. }
  3408. .ant-carousel .slick-prev,
  3409. .ant-carousel .slick-next {
  3410. background: transparent;
  3411. color: transparent;
  3412. border: 0;
  3413. }
  3414. .ant-carousel .slick-prev:hover,
  3415. .ant-carousel .slick-next:hover,
  3416. .ant-carousel .slick-prev:focus,
  3417. .ant-carousel .slick-next:focus {
  3418. background: transparent;
  3419. color: transparent;
  3420. }
  3421. .ant-carousel .slick-dots li button {
  3422. border: 0;
  3423. background: #fff;
  3424. border-radius: 1px;
  3425. color: transparent;
  3426. }
  3427. .ant-carousel .slick-dots li.slick-active button {
  3428. background: #fff;
  3429. }
  3430. .ant-cascader {
  3431. color: rgba(0, 0, 0, 0.65);
  3432. }
  3433. .ant-cascader-input.ant-input {
  3434. background-color: transparent !important;
  3435. }
  3436. .ant-cascader-picker {
  3437. color: rgba(0, 0, 0, 0.65);
  3438. background-color: #fff;
  3439. border-radius: 4px;
  3440. }
  3441. .ant-cascader-picker-with-value .ant-cascader-picker-label {
  3442. color: transparent;
  3443. }
  3444. .ant-cascader-picker-disabled {
  3445. background: #f5f5f5;
  3446. color: rgba(0, 0, 0, 0.25);
  3447. }
  3448. .ant-cascader-picker:focus .ant-cascader-input {
  3449. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  3450. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  3451. border-right-width: 1px !important;
  3452. }
  3453. .ant-cascader-picker-show-search.ant-cascader-picker-focused {
  3454. color: rgba(0, 0, 0, 0.25);
  3455. }
  3456. .ant-cascader-picker-clear {
  3457. background: #fff;
  3458. color: rgba(0, 0, 0, 0.25);
  3459. }
  3460. .ant-cascader-picker-clear:hover {
  3461. color: rgba(0, 0, 0, 0.45);
  3462. }
  3463. .ant-cascader-picker-arrow {
  3464. color: rgba(0, 0, 0, 0.25);
  3465. }
  3466. .ant-cascader-menus {
  3467. background: #fff;
  3468. border-radius: 4px;
  3469. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  3470. }
  3471. .ant-cascader-menu {
  3472. border-right: 1px solid #e8e8e8;
  3473. }
  3474. .ant-cascader-menu:first-child {
  3475. border-radius: 4px 0 0 4px;
  3476. }
  3477. .ant-cascader-menu:last-child {
  3478. border-right-color: transparent;
  3479. border-radius: 0 4px 4px 0;
  3480. }
  3481. .ant-cascader-menu:only-child {
  3482. border-radius: 4px;
  3483. }
  3484. .ant-cascader-menu-item:hover {
  3485. background: color(~`colorPalette("@{primary-color}", 1)`);
  3486. }
  3487. .ant-cascader-menu-item-disabled {
  3488. color: rgba(0, 0, 0, 0.25);
  3489. }
  3490. .ant-cascader-menu-item-disabled:hover {
  3491. background: transparent;
  3492. }
  3493. .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
  3494. .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  3495. background: #f5f5f5;
  3496. }
  3497. .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
  3498. .ant-cascader-menu-item-expand .ant-cascader-menu-item-loading-icon {
  3499. color: rgba(0, 0, 0, 0.45);
  3500. }
  3501. .ant-cascader-menu-item .ant-cascader-menu-item-keyword {
  3502. color: #f5222d;
  3503. }
  3504. .ant-checkbox {
  3505. color: rgba(0, 0, 0, 0.65);
  3506. }
  3507. .ant-checkbox-wrapper:hover .ant-checkbox-inner,
  3508. .ant-checkbox:hover .ant-checkbox-inner,
  3509. .ant-checkbox-input:focus + .ant-checkbox-inner {
  3510. border-color: @primary-color;
  3511. }
  3512. .ant-checkbox-checked:after {
  3513. border-radius: 2px;
  3514. border: 1px solid @primary-color;
  3515. }
  3516. .ant-checkbox-inner {
  3517. border: 1px solid #d9d9d9;
  3518. border-radius: 2px;
  3519. background-color: #fff;
  3520. }
  3521. .ant-checkbox-inner:after {
  3522. border: 2px solid #fff;
  3523. border-top: 0;
  3524. border-left: 0;
  3525. }
  3526. .ant-checkbox-indeterminate .ant-checkbox-inner:after {
  3527. border: 0;
  3528. background-color: @primary-color;
  3529. }
  3530. .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after {
  3531. border-color: rgba(0, 0, 0, 0.25);
  3532. }
  3533. .ant-checkbox-checked .ant-checkbox-inner:after {
  3534. border: 2px solid #fff;
  3535. border-top: 0;
  3536. border-left: 0;
  3537. }
  3538. .ant-checkbox-checked .ant-checkbox-inner {
  3539. background-color: @primary-color;
  3540. border-color: @primary-color;
  3541. }
  3542. .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {
  3543. border-color: rgba(0, 0, 0, 0.25);
  3544. }
  3545. .ant-checkbox-disabled .ant-checkbox-inner {
  3546. border-color: #d9d9d9 !important;
  3547. background-color: #f5f5f5;
  3548. }
  3549. .ant-checkbox-disabled .ant-checkbox-inner:after {
  3550. border-color: #f5f5f5;
  3551. }
  3552. .ant-checkbox-disabled + span {
  3553. color: rgba(0, 0, 0, 0.25);
  3554. }
  3555. .ant-checkbox-wrapper {
  3556. color: rgba(0, 0, 0, 0.65);
  3557. }
  3558. .ant-checkbox-group {
  3559. color: rgba(0, 0, 0, 0.65);
  3560. }
  3561. .ant-collapse {
  3562. color: rgba(0, 0, 0, 0.65);
  3563. background-color: #fafafa;
  3564. border-radius: 4px;
  3565. border: 1px solid #d9d9d9;
  3566. border-bottom: 0;
  3567. }
  3568. .ant-collapse > .ant-collapse-item {
  3569. border-bottom: 1px solid #d9d9d9;
  3570. }
  3571. .ant-collapse > .ant-collapse-item:last-child,
  3572. .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  3573. border-radius: 0 0 4px 4px;
  3574. }
  3575. .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  3576. color: rgba(0, 0, 0, 0.85);
  3577. }
  3578. .ant-collapse-content {
  3579. color: rgba(0, 0, 0, 0.65);
  3580. background-color: #fff;
  3581. border-top: 1px solid #d9d9d9;
  3582. }
  3583. .ant-collapse-item:last-child > .ant-collapse-content {
  3584. border-radius: 0 0 4px 4px;
  3585. }
  3586. .ant-collapse-borderless {
  3587. background-color: #fff;
  3588. border: 0;
  3589. }
  3590. .ant-collapse-borderless > .ant-collapse-item {
  3591. border-bottom: 1px solid #d9d9d9;
  3592. }
  3593. .ant-collapse-borderless > .ant-collapse-item:last-child,
  3594. .ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  3595. border-radius: 0;
  3596. }
  3597. .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  3598. background-color: transparent;
  3599. border-top: 0;
  3600. }
  3601. .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
  3602. .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  3603. color: rgba(0, 0, 0, 0.25);
  3604. }
  3605. .ant-calendar-picker-container {
  3606. color: rgba(0, 0, 0, 0.65);
  3607. }
  3608. .ant-calendar-picker {
  3609. color: rgba(0, 0, 0, 0.65);
  3610. }
  3611. .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  3612. border-color: @primary-color;
  3613. }
  3614. .ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
  3615. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  3616. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  3617. border-right-width: 1px !important;
  3618. }
  3619. .ant-calendar-picker-clear {
  3620. color: rgba(0, 0, 0, 0.25);
  3621. background: #fff;
  3622. }
  3623. .ant-calendar-picker-clear:hover {
  3624. color: rgba(0, 0, 0, 0.45);
  3625. }
  3626. .ant-calendar-picker-icon {
  3627. color: rgba(0, 0, 0, 0.25);
  3628. }
  3629. .ant-calendar {
  3630. border: 1px solid #fff;
  3631. background-color: #fff;
  3632. border-radius: 4px;
  3633. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  3634. background-clip: padding-box;
  3635. }
  3636. .ant-calendar-input-wrap {
  3637. border-bottom: 1px solid #e8e8e8;
  3638. }
  3639. .ant-calendar-input {
  3640. border: 0;
  3641. color: rgba(0, 0, 0, 0.65);
  3642. background: #fff;
  3643. }
  3644. .ant-calendar-input::-moz-placeholder {
  3645. color: #bfbfbf;
  3646. }
  3647. .ant-calendar-input:-ms-input-placeholder {
  3648. color: #bfbfbf;
  3649. }
  3650. .ant-calendar-input::-webkit-input-placeholder {
  3651. color: #bfbfbf;
  3652. }
  3653. .ant-calendar-header {
  3654. border-bottom: 1px solid #e8e8e8;
  3655. }
  3656. .ant-calendar-header a:hover {
  3657. color: color(~`colorPalette("@{primary-color}", 5)`);
  3658. }
  3659. .ant-calendar-header .ant-calendar-century-select,
  3660. .ant-calendar-header .ant-calendar-decade-select,
  3661. .ant-calendar-header .ant-calendar-year-select,
  3662. .ant-calendar-header .ant-calendar-month-select {
  3663. color: rgba(0, 0, 0, 0.85);
  3664. }
  3665. .ant-calendar-header .ant-calendar-prev-century-btn,
  3666. .ant-calendar-header .ant-calendar-next-century-btn,
  3667. .ant-calendar-header .ant-calendar-prev-decade-btn,
  3668. .ant-calendar-header .ant-calendar-next-decade-btn,
  3669. .ant-calendar-header .ant-calendar-prev-month-btn,
  3670. .ant-calendar-header .ant-calendar-next-month-btn,
  3671. .ant-calendar-header .ant-calendar-prev-year-btn,
  3672. .ant-calendar-header .ant-calendar-next-year-btn {
  3673. color: rgba(0, 0, 0, 0.45);
  3674. }
  3675. .ant-calendar table {
  3676. border-collapse: collapse;
  3677. background-color: transparent;
  3678. }
  3679. .ant-calendar table,
  3680. .ant-calendar th,
  3681. .ant-calendar td {
  3682. border: 0;
  3683. }
  3684. .ant-calendar-calendar-table {
  3685. border-spacing: 0;
  3686. }
  3687. .ant-calendar-date {
  3688. color: rgba(0, 0, 0, 0.65);
  3689. border-radius: 2px;
  3690. border: 1px solid transparent;
  3691. background: transparent;
  3692. }
  3693. .ant-calendar-date:hover {
  3694. background: color(~`colorPalette("@{primary-color}", 1)`);
  3695. }
  3696. .ant-calendar-date:active {
  3697. color: #fff;
  3698. background: color(~`colorPalette("@{primary-color}", 5)`);
  3699. }
  3700. .ant-calendar-today .ant-calendar-date {
  3701. border-color: @primary-color;
  3702. color: @primary-color;
  3703. }
  3704. .ant-calendar-last-month-cell .ant-calendar-date,
  3705. .ant-calendar-next-month-btn-day .ant-calendar-date {
  3706. color: rgba(0, 0, 0, 0.25);
  3707. }
  3708. .ant-calendar-selected-day .ant-calendar-date {
  3709. background: #d1e9ff;
  3710. }
  3711. .ant-calendar-selected-date .ant-calendar-date,
  3712. .ant-calendar-selected-start-date .ant-calendar-date,
  3713. .ant-calendar-selected-end-date .ant-calendar-date {
  3714. background: @primary-color;
  3715. color: #fff;
  3716. border: 1px solid transparent;
  3717. }
  3718. .ant-calendar-selected-date .ant-calendar-date:hover,
  3719. .ant-calendar-selected-start-date .ant-calendar-date:hover,
  3720. .ant-calendar-selected-end-date .ant-calendar-date:hover {
  3721. background: @primary-color;
  3722. }
  3723. .ant-calendar-disabled-cell .ant-calendar-date {
  3724. color: #bcbcbc;
  3725. background: #f5f5f5;
  3726. border-radius: 0;
  3727. border: 1px solid transparent;
  3728. }
  3729. .ant-calendar-disabled-cell .ant-calendar-date:hover {
  3730. background: #f5f5f5;
  3731. }
  3732. .ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date:before {
  3733. border: 1px solid #bcbcbc;
  3734. border-radius: 2px;
  3735. }
  3736. .ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
  3737. border-top-left-radius: 4px;
  3738. border-bottom-left-radius: 4px;
  3739. }
  3740. .ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
  3741. border-top-right-radius: 4px;
  3742. border-bottom-right-radius: 4px;
  3743. }
  3744. .ant-calendar-footer {
  3745. border-top: 1px solid #e8e8e8;
  3746. }
  3747. .ant-calendar-footer:empty {
  3748. border-top: 0;
  3749. }
  3750. .ant-calendar .ant-calendar-today-btn-disabled,
  3751. .ant-calendar .ant-calendar-clear-btn-disabled {
  3752. color: rgba(0, 0, 0, 0.25);
  3753. }
  3754. .ant-calendar .ant-calendar-clear-btn:after {
  3755. color: rgba(0, 0, 0, 0.25);
  3756. }
  3757. .ant-calendar .ant-calendar-clear-btn:hover:after {
  3758. color: rgba(0, 0, 0, 0.45);
  3759. }
  3760. .ant-calendar .ant-calendar-ok-btn {
  3761. background-image: none;
  3762. border: 1px solid transparent;
  3763. box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  3764. color: #fff;
  3765. background-color: @primary-color;
  3766. border-color: @primary-color;
  3767. box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
  3768. border-radius: 4px;
  3769. }
  3770. .ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
  3771. box-shadow: none;
  3772. }
  3773. .ant-calendar .ant-calendar-ok-btn-lg {
  3774. border-radius: 4px;
  3775. }
  3776. .ant-calendar .ant-calendar-ok-btn-sm {
  3777. border-radius: 4px;
  3778. }
  3779. .ant-calendar .ant-calendar-ok-btn > a:only-child {
  3780. color: currentColor;
  3781. }
  3782. .ant-calendar .ant-calendar-ok-btn > a:only-child:after {
  3783. background: transparent;
  3784. }
  3785. .ant-calendar .ant-calendar-ok-btn:hover,
  3786. .ant-calendar .ant-calendar-ok-btn:focus {
  3787. color: #fff;
  3788. background-color: color(~`colorPalette("@{primary-color}", 5)`);
  3789. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  3790. }
  3791. .ant-calendar .ant-calendar-ok-btn:hover > a:only-child,
  3792. .ant-calendar .ant-calendar-ok-btn:focus > a:only-child {
  3793. color: currentColor;
  3794. }
  3795. .ant-calendar .ant-calendar-ok-btn:hover > a:only-child:after,
  3796. .ant-calendar .ant-calendar-ok-btn:focus > a:only-child:after {
  3797. background: transparent;
  3798. }
  3799. .ant-calendar .ant-calendar-ok-btn:active,
  3800. .ant-calendar .ant-calendar-ok-btn.active {
  3801. color: #fff;
  3802. background-color: color(~`colorPalette("@{primary-color}", 7)`);
  3803. border-color: color(~`colorPalette("@{primary-color}", 7)`);
  3804. }
  3805. .ant-calendar .ant-calendar-ok-btn:active > a:only-child,
  3806. .ant-calendar .ant-calendar-ok-btn.active > a:only-child {
  3807. color: currentColor;
  3808. }
  3809. .ant-calendar .ant-calendar-ok-btn:active > a:only-child:after,
  3810. .ant-calendar .ant-calendar-ok-btn.active > a:only-child:after {
  3811. background: transparent;
  3812. }
  3813. .ant-calendar .ant-calendar-ok-btn.disabled,
  3814. .ant-calendar .ant-calendar-ok-btn[disabled],
  3815. .ant-calendar .ant-calendar-ok-btn.disabled:hover,
  3816. .ant-calendar .ant-calendar-ok-btn[disabled]:hover,
  3817. .ant-calendar .ant-calendar-ok-btn.disabled:focus,
  3818. .ant-calendar .ant-calendar-ok-btn[disabled]:focus,
  3819. .ant-calendar .ant-calendar-ok-btn.disabled:active,
  3820. .ant-calendar .ant-calendar-ok-btn[disabled]:active,
  3821. .ant-calendar .ant-calendar-ok-btn.disabled.active,
  3822. .ant-calendar .ant-calendar-ok-btn[disabled].active {
  3823. color: rgba(0, 0, 0, 0.25);
  3824. background-color: #f5f5f5;
  3825. border-color: #d9d9d9;
  3826. box-shadow: none;
  3827. }
  3828. .ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
  3829. .ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
  3830. .ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
  3831. .ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
  3832. .ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
  3833. .ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
  3834. .ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
  3835. .ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
  3836. .ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
  3837. .ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  3838. color: currentColor;
  3839. }
  3840. .ant-calendar .ant-calendar-ok-btn.disabled > a:only-child:after,
  3841. .ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child:after,
  3842. .ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child:after,
  3843. .ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child:after,
  3844. .ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child:after,
  3845. .ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child:after,
  3846. .ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child:after,
  3847. .ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child:after,
  3848. .ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child:after,
  3849. .ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child:after {
  3850. background: transparent;
  3851. }
  3852. .ant-calendar .ant-calendar-ok-btn-disabled {
  3853. color: rgba(0, 0, 0, 0.25);
  3854. background-color: #f5f5f5;
  3855. border-color: #d9d9d9;
  3856. }
  3857. .ant-calendar .ant-calendar-ok-btn-disabled > a:only-child {
  3858. color: currentColor;
  3859. }
  3860. .ant-calendar .ant-calendar-ok-btn-disabled > a:only-child:after {
  3861. background: transparent;
  3862. }
  3863. .ant-calendar .ant-calendar-ok-btn-disabled:hover {
  3864. color: rgba(0, 0, 0, 0.25);
  3865. background-color: #f5f5f5;
  3866. border-color: #d9d9d9;
  3867. }
  3868. .ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child {
  3869. color: currentColor;
  3870. }
  3871. .ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child:after {
  3872. background: transparent;
  3873. }
  3874. .ant-calendar-range-picker-input {
  3875. background-color: transparent;
  3876. border: 0;
  3877. }
  3878. .ant-calendar-range-picker-input::-moz-placeholder {
  3879. color: #bfbfbf;
  3880. }
  3881. .ant-calendar-range-picker-input:-ms-input-placeholder {
  3882. color: #bfbfbf;
  3883. }
  3884. .ant-calendar-range-picker-input::-webkit-input-placeholder {
  3885. color: #bfbfbf;
  3886. }
  3887. .ant-calendar-range-picker-separator {
  3888. color: rgba(0, 0, 0, 0.45);
  3889. }
  3890. .ant-calendar-range-left .ant-calendar-time-picker-inner {
  3891. border-right: 1px solid #e8e8e8;
  3892. }
  3893. .ant-calendar-range-right .ant-calendar-time-picker-inner {
  3894. border-left: 1px solid #e8e8e8;
  3895. }
  3896. .ant-calendar-range-middle {
  3897. color: rgba(0, 0, 0, 0.45);
  3898. }
  3899. .ant-calendar-range .ant-calendar-input,
  3900. .ant-calendar-range .ant-calendar-time-picker-input {
  3901. color: rgba(0, 0, 0, 0.65);
  3902. background-color: #fff;
  3903. background-image: none;
  3904. border: 1px solid #d9d9d9;
  3905. border-radius: 4px;
  3906. border: 0;
  3907. box-shadow: none;
  3908. }
  3909. .ant-calendar-range .ant-calendar-input::-moz-placeholder,
  3910. .ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
  3911. color: #bfbfbf;
  3912. }
  3913. .ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
  3914. .ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
  3915. color: #bfbfbf;
  3916. }
  3917. .ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
  3918. .ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
  3919. color: #bfbfbf;
  3920. }
  3921. .ant-calendar-range .ant-calendar-input:hover,
  3922. .ant-calendar-range .ant-calendar-time-picker-input:hover {
  3923. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  3924. border-right-width: 1px !important;
  3925. }
  3926. .ant-calendar-range .ant-calendar-input:focus,
  3927. .ant-calendar-range .ant-calendar-time-picker-input:focus {
  3928. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  3929. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  3930. border-right-width: 1px !important;
  3931. }
  3932. .ant-calendar-range .ant-calendar-input-disabled,
  3933. .ant-calendar-range .ant-calendar-time-picker-input-disabled {
  3934. background-color: #f5f5f5;
  3935. color: rgba(0, 0, 0, 0.25);
  3936. }
  3937. .ant-calendar-range .ant-calendar-input-disabled:hover,
  3938. .ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
  3939. border-color: #e6d8d8;
  3940. border-right-width: 1px !important;
  3941. }
  3942. .ant-calendar-range .ant-calendar-input:focus,
  3943. .ant-calendar-range .ant-calendar-time-picker-input:focus {
  3944. box-shadow: none;
  3945. }
  3946. .ant-calendar-range .ant-calendar-in-range-cell {
  3947. border-radius: 0;
  3948. }
  3949. .ant-calendar-range .ant-calendar-in-range-cell:before {
  3950. background: color(~`colorPalette("@{primary-color}", 1)`);
  3951. border-radius: 0;
  3952. border: 0;
  3953. }
  3954. .ant-calendar-range .ant-calendar-header,
  3955. .ant-calendar-range .ant-calendar-month-panel-header,
  3956. .ant-calendar-range .ant-calendar-year-panel-header {
  3957. border-bottom: 0;
  3958. }
  3959. .ant-calendar-range .ant-calendar-body,
  3960. .ant-calendar-range .ant-calendar-month-panel-body,
  3961. .ant-calendar-range .ant-calendar-year-panel-body {
  3962. border-top: 1px solid #e8e8e8;
  3963. }
  3964. .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
  3965. background: none;
  3966. }
  3967. .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
  3968. background-color: #fff;
  3969. border-top: 1px solid #e8e8e8;
  3970. }
  3971. .ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
  3972. border-top-color: transparent;
  3973. }
  3974. .ant-calendar-time-picker {
  3975. background-color: #fff;
  3976. }
  3977. .ant-calendar-time-picker-inner {
  3978. background-color: #fff;
  3979. background-clip: padding-box;
  3980. }
  3981. .ant-calendar-time-picker-select {
  3982. border-right: 1px solid #e8e8e8;
  3983. }
  3984. .ant-calendar-time-picker-select:first-child {
  3985. border-left: 0;
  3986. }
  3987. .ant-calendar-time-picker-select:last-child {
  3988. border-right: 0;
  3989. }
  3990. .ant-calendar-time-picker-select li:hover {
  3991. background: color(~`colorPalette("@{primary-color}", 1)`);
  3992. }
  3993. li.ant-calendar-time-picker-select-option-selected {
  3994. background: #f5f5f5;
  3995. }
  3996. li.ant-calendar-time-picker-select-option-disabled {
  3997. color: rgba(0, 0, 0, 0.25);
  3998. }
  3999. li.ant-calendar-time-picker-select-option-disabled:hover {
  4000. background: transparent;
  4001. }
  4002. .ant-calendar-time .ant-calendar-day-select {
  4003. color: rgba(0, 0, 0, 0.85);
  4004. }
  4005. .ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
  4006. color: rgba(0, 0, 0, 0.25);
  4007. }
  4008. .ant-calendar-month-panel {
  4009. border-radius: 4px;
  4010. background: #fff;
  4011. }
  4012. .ant-calendar-month-panel-header {
  4013. border-bottom: 1px solid #e8e8e8;
  4014. }
  4015. .ant-calendar-month-panel-header a:hover {
  4016. color: color(~`colorPalette("@{primary-color}", 5)`);
  4017. }
  4018. .ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
  4019. .ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
  4020. .ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
  4021. .ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
  4022. color: rgba(0, 0, 0, 0.85);
  4023. }
  4024. .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
  4025. .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
  4026. .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
  4027. .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
  4028. .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
  4029. .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
  4030. .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
  4031. .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  4032. color: rgba(0, 0, 0, 0.45);
  4033. }
  4034. .ant-calendar-month-panel-table {
  4035. border-collapse: separate;
  4036. }
  4037. .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
  4038. background: @primary-color;
  4039. color: #fff;
  4040. }
  4041. .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
  4042. background: @primary-color;
  4043. color: #fff;
  4044. }
  4045. .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
  4046. .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
  4047. color: #bcbcbc;
  4048. background: #f5f5f5;
  4049. }
  4050. .ant-calendar-month-panel-month {
  4051. color: rgba(0, 0, 0, 0.65);
  4052. background: transparent;
  4053. border-radius: 2px;
  4054. }
  4055. .ant-calendar-month-panel-month:hover {
  4056. background: color(~`colorPalette("@{primary-color}", 1)`);
  4057. }
  4058. .ant-calendar-year-panel {
  4059. border-radius: 4px;
  4060. background: #fff;
  4061. }
  4062. .ant-calendar-year-panel-header {
  4063. border-bottom: 1px solid #e8e8e8;
  4064. }
  4065. .ant-calendar-year-panel-header a:hover {
  4066. color: color(~`colorPalette("@{primary-color}", 5)`);
  4067. }
  4068. .ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
  4069. .ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
  4070. .ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
  4071. .ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {
  4072. color: rgba(0, 0, 0, 0.85);
  4073. }
  4074. .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
  4075. .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
  4076. .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
  4077. .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
  4078. .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
  4079. .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
  4080. .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
  4081. .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  4082. color: rgba(0, 0, 0, 0.45);
  4083. }
  4084. .ant-calendar-year-panel-table {
  4085. border-collapse: separate;
  4086. }
  4087. .ant-calendar-year-panel-year {
  4088. color: rgba(0, 0, 0, 0.65);
  4089. background: transparent;
  4090. border-radius: 2px;
  4091. }
  4092. .ant-calendar-year-panel-year:hover {
  4093. background: color(~`colorPalette("@{primary-color}", 1)`);
  4094. }
  4095. .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
  4096. background: @primary-color;
  4097. color: #fff;
  4098. }
  4099. .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
  4100. background: @primary-color;
  4101. color: #fff;
  4102. }
  4103. .ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
  4104. .ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
  4105. color: rgba(0, 0, 0, 0.25);
  4106. }
  4107. .ant-calendar-decade-panel {
  4108. background: #fff;
  4109. border-radius: 4px;
  4110. }
  4111. .ant-calendar-decade-panel-header {
  4112. border-bottom: 1px solid #e8e8e8;
  4113. }
  4114. .ant-calendar-decade-panel-header a:hover {
  4115. color: color(~`colorPalette("@{primary-color}", 5)`);
  4116. }
  4117. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
  4118. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
  4119. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
  4120. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {
  4121. color: rgba(0, 0, 0, 0.85);
  4122. }
  4123. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
  4124. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
  4125. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
  4126. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
  4127. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
  4128. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
  4129. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
  4130. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  4131. color: rgba(0, 0, 0, 0.45);
  4132. }
  4133. .ant-calendar-decade-panel-table {
  4134. border-collapse: separate;
  4135. }
  4136. .ant-calendar-decade-panel-decade {
  4137. color: rgba(0, 0, 0, 0.65);
  4138. background: transparent;
  4139. border-radius: 2px;
  4140. }
  4141. .ant-calendar-decade-panel-decade:hover {
  4142. background: color(~`colorPalette("@{primary-color}", 1)`);
  4143. }
  4144. .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
  4145. background: @primary-color;
  4146. color: #fff;
  4147. }
  4148. .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
  4149. background: @primary-color;
  4150. color: #fff;
  4151. }
  4152. .ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
  4153. .ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
  4154. color: rgba(0, 0, 0, 0.25);
  4155. }
  4156. .ant-calendar-week-number .ant-calendar-body tr:hover {
  4157. background: color(~`colorPalette("@{primary-color}", 1)`);
  4158. }
  4159. .ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {
  4160. background: color(~`colorPalette("@{primary-color}", 2)`);
  4161. }
  4162. .ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,
  4163. .ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {
  4164. background: transparent;
  4165. color: rgba(0, 0, 0, 0.65);
  4166. }
  4167. .ant-divider {
  4168. color: rgba(0, 0, 0, 0.65);
  4169. background: #e8e8e8;
  4170. }
  4171. .ant-divider-horizontal.ant-divider-with-text,
  4172. .ant-divider-horizontal.ant-divider-with-text-left,
  4173. .ant-divider-horizontal.ant-divider-with-text-right {
  4174. background: transparent;
  4175. color: rgba(0, 0, 0, 0.85);
  4176. }
  4177. .ant-divider-horizontal.ant-divider-with-text:before,
  4178. .ant-divider-horizontal.ant-divider-with-text-left:before,
  4179. .ant-divider-horizontal.ant-divider-with-text-right:before,
  4180. .ant-divider-horizontal.ant-divider-with-text:after,
  4181. .ant-divider-horizontal.ant-divider-with-text-left:after,
  4182. .ant-divider-horizontal.ant-divider-with-text-right:after {
  4183. border-top: 1px solid #e8e8e8;
  4184. }
  4185. .ant-divider-dashed {
  4186. background: none;
  4187. border-top: 1px dashed #e8e8e8;
  4188. }
  4189. .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed,
  4190. .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed,
  4191. .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed {
  4192. border-top: 0;
  4193. }
  4194. .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed:before,
  4195. .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed:before,
  4196. .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed:before,
  4197. .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed:after,
  4198. .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed:after,
  4199. .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed:after {
  4200. border-style: dashed none none;
  4201. }
  4202. .ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
  4203. box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
  4204. }
  4205. .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  4206. box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
  4207. }
  4208. .ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
  4209. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  4210. }
  4211. .ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
  4212. box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
  4213. }
  4214. .ant-drawer-title {
  4215. color: rgba(0, 0, 0, 0.85);
  4216. }
  4217. .ant-drawer-content {
  4218. background-color: #fff;
  4219. border: 0;
  4220. background-clip: padding-box;
  4221. }
  4222. .ant-drawer-close {
  4223. border: 0;
  4224. background: transparent;
  4225. color: rgba(0, 0, 0, 0.45);
  4226. }
  4227. .ant-drawer-close:focus,
  4228. .ant-drawer-close:hover {
  4229. color: #444;
  4230. }
  4231. .ant-drawer-header {
  4232. border-radius: 4px 4px 0 0;
  4233. background: #fff;
  4234. color: rgba(0, 0, 0, 0.65);
  4235. border-bottom: 1px solid #e8e8e8;
  4236. }
  4237. .ant-drawer-mask {
  4238. background-color: rgba(0, 0, 0, 0.65);
  4239. }
  4240. .ant-drawer-open-content {
  4241. box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  4242. }
  4243. .ant-dropdown {
  4244. color: rgba(0, 0, 0, 0.65);
  4245. }
  4246. .ant-dropdown-menu {
  4247. background-color: #fff;
  4248. border-radius: 4px;
  4249. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  4250. background-clip: padding-box;
  4251. }
  4252. .ant-dropdown-menu-item-group-title {
  4253. color: rgba(0, 0, 0, 0.45);
  4254. }
  4255. .ant-dropdown-menu-item,
  4256. .ant-dropdown-menu-submenu-title {
  4257. color: rgba(0, 0, 0, 0.65);
  4258. }
  4259. .ant-dropdown-menu-item > a,
  4260. .ant-dropdown-menu-submenu-title > a {
  4261. color: rgba(0, 0, 0, 0.65);
  4262. }
  4263. .ant-dropdown-menu-item-selected,
  4264. .ant-dropdown-menu-submenu-title-selected,
  4265. .ant-dropdown-menu-item-selected > a,
  4266. .ant-dropdown-menu-submenu-title-selected > a {
  4267. color: @primary-color;
  4268. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  4269. }
  4270. .ant-dropdown-menu-item:hover,
  4271. .ant-dropdown-menu-submenu-title:hover {
  4272. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  4273. }
  4274. .ant-dropdown-menu-item-disabled,
  4275. .ant-dropdown-menu-submenu-title-disabled {
  4276. color: rgba(0, 0, 0, 0.25);
  4277. }
  4278. .ant-dropdown-menu-item-disabled:hover,
  4279. .ant-dropdown-menu-submenu-title-disabled:hover {
  4280. color: rgba(0, 0, 0, 0.25);
  4281. background-color: #fff;
  4282. }
  4283. .ant-dropdown-menu-item-divider,
  4284. .ant-dropdown-menu-submenu-title-divider {
  4285. background-color: #e8e8e8;
  4286. }
  4287. .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
  4288. .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  4289. color: rgba(0, 0, 0, 0.45);
  4290. }
  4291. .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
  4292. .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  4293. color: rgba(0, 0, 0, 0.25);
  4294. }
  4295. .ant-dropdown-menu-dark,
  4296. .ant-dropdown-menu-dark .ant-dropdown-menu {
  4297. background: #001529;
  4298. }
  4299. .ant-dropdown-menu-dark .ant-dropdown-menu-item,
  4300. .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
  4301. .ant-dropdown-menu-dark .ant-dropdown-menu-item > a {
  4302. color: rgba(255, 255, 255, 0.65);
  4303. }
  4304. .ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow:after,
  4305. .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow:after,
  4306. .ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow:after {
  4307. color: rgba(255, 255, 255, 0.65);
  4308. }
  4309. .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
  4310. .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
  4311. .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {
  4312. color: #fff;
  4313. background: transparent;
  4314. }
  4315. .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
  4316. .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
  4317. .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  4318. background: @primary-color;
  4319. color: #fff;
  4320. }
  4321. .ant-form {
  4322. color: rgba(0, 0, 0, 0.65);
  4323. }
  4324. .ant-form legend {
  4325. color: rgba(0, 0, 0, 0.45);
  4326. border: 0;
  4327. border-bottom: 1px solid #d9d9d9;
  4328. }
  4329. .ant-form output {
  4330. color: rgba(0, 0, 0, 0.65);
  4331. }
  4332. .ant-form-item-required:before {
  4333. color: #f5222d;
  4334. }
  4335. .ant-form-item {
  4336. color: rgba(0, 0, 0, 0.65);
  4337. }
  4338. .ant-form-item-label label {
  4339. color: rgba(0, 0, 0, 0.85);
  4340. }
  4341. .ant-form-explain,
  4342. .ant-form-extra {
  4343. color: rgba(0, 0, 0, 0.45);
  4344. }
  4345. form .ant-upload {
  4346. background: transparent;
  4347. }
  4348. .ant-input-group-wrap .ant-select-selection {
  4349. border-bottom-left-radius: 0;
  4350. border-top-left-radius: 0;
  4351. }
  4352. .ant-input-group-wrap .ant-select-selection:hover {
  4353. border-color: #d9d9d9;
  4354. }
  4355. .ant-input-group-wrap .ant-select-selection--single {
  4356. background-color: #eee;
  4357. }
  4358. .ant-input-group-wrap .ant-select-open .ant-select-selection {
  4359. border-color: #d9d9d9;
  4360. box-shadow: none;
  4361. }
  4362. .has-success.has-feedback .ant-form-item-children-icon {
  4363. color: #52c41a;
  4364. }
  4365. .has-warning .ant-form-explain,
  4366. .has-warning .ant-form-split {
  4367. color: #faad14;
  4368. }
  4369. .has-warning .ant-input,
  4370. .has-warning .ant-input:hover {
  4371. border-color: #faad14;
  4372. }
  4373. .has-warning .ant-input:focus {
  4374. border-color: #ffc53d;
  4375. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  4376. border-right-width: 1px !important;
  4377. }
  4378. .has-warning .ant-input:not([disabled]):hover {
  4379. border-color: #faad14;
  4380. }
  4381. .has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  4382. border-color: #ffc53d;
  4383. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  4384. border-right-width: 1px !important;
  4385. }
  4386. .has-warning .ant-input-prefix {
  4387. color: #faad14;
  4388. }
  4389. .has-warning .ant-input-group-addon {
  4390. color: #faad14;
  4391. border-color: #faad14;
  4392. background-color: #fff;
  4393. }
  4394. .has-warning .has-feedback {
  4395. color: #faad14;
  4396. }
  4397. .has-warning.has-feedback .ant-form-item-children-icon {
  4398. color: #faad14;
  4399. }
  4400. .has-warning .ant-select-selection {
  4401. border-color: #faad14;
  4402. }
  4403. .has-warning .ant-select-open .ant-select-selection,
  4404. .has-warning .ant-select-focused .ant-select-selection {
  4405. border-color: #ffc53d;
  4406. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  4407. border-right-width: 1px !important;
  4408. }
  4409. .has-warning .ant-calendar-picker-icon:after,
  4410. .has-warning .ant-time-picker-icon:after,
  4411. .has-warning .ant-picker-icon:after,
  4412. .has-warning .ant-select-arrow,
  4413. .has-warning .ant-cascader-picker-arrow {
  4414. color: #faad14;
  4415. }
  4416. .has-warning .ant-input-number,
  4417. .has-warning .ant-time-picker-input {
  4418. border-color: #faad14;
  4419. }
  4420. .has-warning .ant-input-number-focused,
  4421. .has-warning .ant-time-picker-input-focused,
  4422. .has-warning .ant-input-number:focus,
  4423. .has-warning .ant-time-picker-input:focus {
  4424. border-color: #ffc53d;
  4425. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  4426. border-right-width: 1px !important;
  4427. }
  4428. .has-warning .ant-input-number:not([disabled]):hover,
  4429. .has-warning .ant-time-picker-input:not([disabled]):hover {
  4430. border-color: #faad14;
  4431. }
  4432. .has-warning .ant-cascader-picker:focus .ant-cascader-input {
  4433. border-color: #ffc53d;
  4434. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  4435. border-right-width: 1px !important;
  4436. }
  4437. .has-error .ant-form-explain,
  4438. .has-error .ant-form-split {
  4439. color: #f5222d;
  4440. }
  4441. .has-error .ant-input,
  4442. .has-error .ant-input:hover {
  4443. border-color: #f5222d;
  4444. }
  4445. .has-error .ant-input:focus {
  4446. border-color: #ff4d4f;
  4447. box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  4448. border-right-width: 1px !important;
  4449. }
  4450. .has-error .ant-input:not([disabled]):hover {
  4451. border-color: #f5222d;
  4452. }
  4453. .has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  4454. border-color: #ff4d4f;
  4455. box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  4456. border-right-width: 1px !important;
  4457. }
  4458. .has-error .ant-input-prefix {
  4459. color: #f5222d;
  4460. }
  4461. .has-error .ant-input-group-addon {
  4462. color: #f5222d;
  4463. border-color: #f5222d;
  4464. background-color: #fff;
  4465. }
  4466. .has-error .has-feedback {
  4467. color: #f5222d;
  4468. }
  4469. .has-error.has-feedback .ant-form-item-children-icon {
  4470. color: #f5222d;
  4471. }
  4472. .has-error .ant-select-selection {
  4473. border-color: #f5222d;
  4474. }
  4475. .has-error .ant-select-open .ant-select-selection,
  4476. .has-error .ant-select-focused .ant-select-selection {
  4477. border-color: #ff4d4f;
  4478. box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  4479. border-right-width: 1px !important;
  4480. }
  4481. .has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  4482. border-color: #f5222d;
  4483. }
  4484. .has-error .ant-input-group-addon .ant-select-selection {
  4485. border-color: transparent;
  4486. box-shadow: none;
  4487. }
  4488. .has-error .ant-calendar-picker-icon:after,
  4489. .has-error .ant-time-picker-icon:after,
  4490. .has-error .ant-picker-icon:after,
  4491. .has-error .ant-select-arrow,
  4492. .has-error .ant-cascader-picker-arrow {
  4493. color: #f5222d;
  4494. }
  4495. .has-error .ant-input-number,
  4496. .has-error .ant-time-picker-input {
  4497. border-color: #f5222d;
  4498. }
  4499. .has-error .ant-input-number-focused,
  4500. .has-error .ant-time-picker-input-focused,
  4501. .has-error .ant-input-number:focus,
  4502. .has-error .ant-time-picker-input:focus {
  4503. border-color: #ff4d4f;
  4504. box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  4505. border-right-width: 1px !important;
  4506. }
  4507. .has-error .ant-input-number:not([disabled]):hover,
  4508. .has-error .ant-time-picker-input:not([disabled]):hover {
  4509. border-color: #f5222d;
  4510. }
  4511. .has-error .ant-mention-wrapper .ant-mention-editor,
  4512. .has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  4513. border-color: #f5222d;
  4514. }
  4515. .has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
  4516. .has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  4517. border-color: #ff4d4f;
  4518. box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  4519. border-right-width: 1px !important;
  4520. }
  4521. .has-error .ant-cascader-picker:focus .ant-cascader-input {
  4522. border-color: #ff4d4f;
  4523. box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  4524. border-right-width: 1px !important;
  4525. }
  4526. .is-validating.has-feedback .ant-form-item-children-icon {
  4527. color: @primary-color;
  4528. }
  4529. .ant-input-number {
  4530. color: rgba(0, 0, 0, 0.65);
  4531. background-color: #fff;
  4532. background-image: none;
  4533. border: 1px solid #d9d9d9;
  4534. border-radius: 4px;
  4535. }
  4536. .ant-input-number::-moz-placeholder {
  4537. color: #bfbfbf;
  4538. }
  4539. .ant-input-number:-ms-input-placeholder {
  4540. color: #bfbfbf;
  4541. }
  4542. .ant-input-number::-webkit-input-placeholder {
  4543. color: #bfbfbf;
  4544. }
  4545. .ant-input-number:hover {
  4546. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4547. border-right-width: 1px !important;
  4548. }
  4549. .ant-input-number:focus {
  4550. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4551. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  4552. border-right-width: 1px !important;
  4553. }
  4554. .ant-input-number-disabled {
  4555. background-color: #f5f5f5;
  4556. color: rgba(0, 0, 0, 0.25);
  4557. }
  4558. .ant-input-number-disabled:hover {
  4559. border-color: #e6d8d8;
  4560. border-right-width: 1px !important;
  4561. }
  4562. .ant-input-number-handler {
  4563. color: rgba(0, 0, 0, 0.45);
  4564. }
  4565. .ant-input-number-handler:active {
  4566. background: #f4f4f4;
  4567. }
  4568. .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
  4569. .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  4570. color: color(~`colorPalette("@{primary-color}", 5)`);
  4571. }
  4572. .ant-input-number-handler-up-inner,
  4573. .ant-input-number-handler-down-inner {
  4574. color: rgba(0, 0, 0, 0.45);
  4575. }
  4576. .ant-input-number:hover {
  4577. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4578. border-right-width: 1px !important;
  4579. }
  4580. .ant-input-number-focused {
  4581. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4582. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  4583. border-right-width: 1px !important;
  4584. }
  4585. .ant-input-number-disabled {
  4586. background-color: #f5f5f5;
  4587. color: rgba(0, 0, 0, 0.25);
  4588. }
  4589. .ant-input-number-disabled:hover {
  4590. border-color: #e6d8d8;
  4591. border-right-width: 1px !important;
  4592. }
  4593. .ant-input-number-input {
  4594. background-color: transparent;
  4595. border: 0;
  4596. border-radius: 4px;
  4597. }
  4598. .ant-input-number-input::-moz-placeholder {
  4599. color: #bfbfbf;
  4600. }
  4601. .ant-input-number-input:-ms-input-placeholder {
  4602. color: #bfbfbf;
  4603. }
  4604. .ant-input-number-input::-webkit-input-placeholder {
  4605. color: #bfbfbf;
  4606. }
  4607. .ant-input-number-handler-wrap {
  4608. border-left: 1px solid #d9d9d9;
  4609. background: #fff;
  4610. border-radius: 0 4px 4px 0;
  4611. }
  4612. .ant-input-number-handler-down {
  4613. border-top: 1px solid #d9d9d9;
  4614. }
  4615. .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
  4616. .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  4617. color: rgba(0, 0, 0, 0.25);
  4618. }
  4619. .ant-input {
  4620. color: rgba(0, 0, 0, 0.65);
  4621. background-color: #fff;
  4622. background-image: none;
  4623. border: 1px solid #d9d9d9;
  4624. border-radius: 4px;
  4625. }
  4626. .ant-input::-moz-placeholder {
  4627. color: #bfbfbf;
  4628. }
  4629. .ant-input:-ms-input-placeholder {
  4630. color: #bfbfbf;
  4631. }
  4632. .ant-input::-webkit-input-placeholder {
  4633. color: #bfbfbf;
  4634. }
  4635. .ant-input:hover {
  4636. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4637. border-right-width: 1px !important;
  4638. }
  4639. .ant-input:focus {
  4640. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4641. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  4642. border-right-width: 1px !important;
  4643. }
  4644. .ant-input-disabled {
  4645. background-color: #f5f5f5;
  4646. color: rgba(0, 0, 0, 0.25);
  4647. }
  4648. .ant-input-disabled:hover {
  4649. border-color: #e6d8d8;
  4650. border-right-width: 1px !important;
  4651. }
  4652. .ant-input-group {
  4653. color: rgba(0, 0, 0, 0.65);
  4654. border-collapse: separate;
  4655. border-spacing: 0;
  4656. }
  4657. .ant-input-group-addon:not(:first-child):not(:last-child),
  4658. .ant-input-group-wrap:not(:first-child):not(:last-child),
  4659. .ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  4660. border-radius: 0;
  4661. }
  4662. .ant-input-group .ant-input:focus {
  4663. border-right-width: 1px;
  4664. }
  4665. .ant-input-group .ant-input:hover {
  4666. border-right-width: 1px;
  4667. }
  4668. .ant-input-group-addon {
  4669. color: rgba(0, 0, 0, 0.65);
  4670. background-color: #fafafa;
  4671. border: 1px solid #d9d9d9;
  4672. border-radius: 4px;
  4673. }
  4674. .ant-input-group-addon .ant-select .ant-select-selection {
  4675. background-color: inherit;
  4676. border: 1px solid transparent;
  4677. box-shadow: none;
  4678. }
  4679. .ant-input-group-addon .ant-select-open .ant-select-selection,
  4680. .ant-input-group-addon .ant-select-focused .ant-select-selection {
  4681. color: @primary-color;
  4682. }
  4683. .ant-input-group > .ant-input:first-child,
  4684. .ant-input-group-addon:first-child {
  4685. border-bottom-right-radius: 0;
  4686. border-top-right-radius: 0;
  4687. }
  4688. .ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
  4689. .ant-input-group-addon:first-child .ant-select .ant-select-selection {
  4690. border-bottom-right-radius: 0;
  4691. border-top-right-radius: 0;
  4692. }
  4693. .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  4694. border-bottom-left-radius: 0;
  4695. border-top-left-radius: 0;
  4696. }
  4697. .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  4698. border-bottom-right-radius: 0;
  4699. border-top-right-radius: 0;
  4700. }
  4701. .ant-input-group-addon:first-child {
  4702. border-right: 0;
  4703. }
  4704. .ant-input-group-addon:last-child {
  4705. border-left: 0;
  4706. }
  4707. .ant-input-group > .ant-input:last-child,
  4708. .ant-input-group-addon:last-child {
  4709. border-bottom-left-radius: 0;
  4710. border-top-left-radius: 0;
  4711. }
  4712. .ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
  4713. .ant-input-group-addon:last-child .ant-select .ant-select-selection {
  4714. border-bottom-left-radius: 0;
  4715. border-top-left-radius: 0;
  4716. }
  4717. .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
  4718. .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
  4719. .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  4720. border-right-width: 1px;
  4721. border-right-color: transparent;
  4722. }
  4723. .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
  4724. .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
  4725. .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  4726. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4727. border-right-width: 1px !important;
  4728. }
  4729. .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
  4730. .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
  4731. .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  4732. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4733. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  4734. border-right-width: 1px !important;
  4735. }
  4736. .ant-input-group.ant-input-group-compact > * {
  4737. border-radius: 0;
  4738. border-right-width: 0;
  4739. }
  4740. .ant-input-group.ant-input-group-compact > span:not(:last-child) > .ant-input {
  4741. border-right-width: 0;
  4742. }
  4743. .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
  4744. .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
  4745. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
  4746. .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
  4747. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
  4748. .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input {
  4749. border-radius: 0;
  4750. border-right-width: 1px;
  4751. border-right-color: transparent;
  4752. }
  4753. .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover,
  4754. .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover,
  4755. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
  4756. .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
  4757. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover,
  4758. .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover {
  4759. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4760. border-right-width: 1px !important;
  4761. }
  4762. .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus,
  4763. .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus,
  4764. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
  4765. .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
  4766. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus,
  4767. .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus {
  4768. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4769. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  4770. border-right-width: 1px !important;
  4771. }
  4772. .ant-input-group.ant-input-group-compact > *:first-child,
  4773. .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
  4774. .ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
  4775. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
  4776. .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
  4777. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
  4778. .ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  4779. border-top-left-radius: 4px;
  4780. border-bottom-left-radius: 4px;
  4781. }
  4782. .ant-input-group.ant-input-group-compact > *:last-child,
  4783. .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
  4784. .ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
  4785. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
  4786. .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
  4787. .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
  4788. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
  4789. .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  4790. border-top-right-radius: 4px;
  4791. border-bottom-right-radius: 4px;
  4792. border-right-width: 1px;
  4793. border-right-color: #d9d9d9;
  4794. }
  4795. .ant-input-group.ant-input-group-compact > *:last-child:hover,
  4796. .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection:hover,
  4797. .ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input:hover,
  4798. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input:hover,
  4799. .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input:hover,
  4800. .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input:hover,
  4801. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor:hover,
  4802. .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input:hover {
  4803. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4804. border-right-width: 1px !important;
  4805. }
  4806. .ant-input-group.ant-input-group-compact > *:last-child:focus,
  4807. .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection:focus,
  4808. .ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input:focus,
  4809. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input:focus,
  4810. .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input:focus,
  4811. .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input:focus,
  4812. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor:focus,
  4813. .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input:focus {
  4814. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4815. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  4816. border-right-width: 1px !important;
  4817. }
  4818. .ant-input-group.ant-input-group-compact > *:last-child:focus .ant-cascader-input,
  4819. .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection:focus .ant-cascader-input,
  4820. .ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input:focus .ant-cascader-input,
  4821. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input:focus .ant-cascader-input,
  4822. .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input:focus .ant-cascader-input,
  4823. .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input:focus .ant-cascader-input,
  4824. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor:focus .ant-cascader-input,
  4825. .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input:focus .ant-cascader-input {
  4826. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4827. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  4828. border-right-width: 1px !important;
  4829. }
  4830. .ant-input-affix-wrapper {
  4831. color: rgba(0, 0, 0, 0.65);
  4832. }
  4833. .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  4834. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4835. border-right-width: 1px !important;
  4836. }
  4837. .ant-input-affix-wrapper .ant-input-prefix,
  4838. .ant-input-affix-wrapper .ant-input-suffix {
  4839. color: rgba(0, 0, 0, 0.65);
  4840. }
  4841. .ant-input-search-icon {
  4842. color: rgba(0, 0, 0, 0.45);
  4843. }
  4844. .ant-input-search-icon:hover {
  4845. color: #333;
  4846. }
  4847. .ant-input-search > .ant-input-suffix > .ant-input-search-button {
  4848. border-top-left-radius: 0;
  4849. border-bottom-left-radius: 0;
  4850. }
  4851. .ant-layout {
  4852. background: #f0f2f5;
  4853. }
  4854. .ant-layout-header {
  4855. background: #001529;
  4856. }
  4857. .ant-layout-footer {
  4858. background: #f0f2f5;
  4859. color: rgba(0, 0, 0, 0.65);
  4860. }
  4861. .ant-layout-sider {
  4862. background: #001529;
  4863. }
  4864. .ant-layout-sider-trigger {
  4865. color: #fff;
  4866. background: #002140;
  4867. }
  4868. .ant-layout-sider-zero-width-trigger {
  4869. background: #001529;
  4870. color: #fff;
  4871. border-radius: 0 4px 4px 0;
  4872. }
  4873. .ant-layout-sider-zero-width-trigger:hover {
  4874. background: #192c3e;
  4875. }
  4876. .ant-layout-sider-light {
  4877. background: #fff;
  4878. }
  4879. .ant-layout-sider-light .ant-layout-sider-trigger {
  4880. color: rgba(0, 0, 0, 0.65);
  4881. background: #fff;
  4882. }
  4883. .ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  4884. color: rgba(0, 0, 0, 0.65);
  4885. background: #fff;
  4886. }
  4887. .ant-list {
  4888. color: rgba(0, 0, 0, 0.65);
  4889. }
  4890. .ant-list-empty-text {
  4891. color: rgba(0, 0, 0, 0.45);
  4892. }
  4893. .ant-list-item-meta-title {
  4894. color: rgba(0, 0, 0, 0.65);
  4895. }
  4896. .ant-list-item-meta-title > a {
  4897. color: rgba(0, 0, 0, 0.65);
  4898. }
  4899. .ant-list-item-meta-title > a:hover {
  4900. color: @primary-color;
  4901. }
  4902. .ant-list-item-meta-description {
  4903. color: rgba(0, 0, 0, 0.45);
  4904. }
  4905. .ant-list-item-action > li {
  4906. color: rgba(0, 0, 0, 0.45);
  4907. }
  4908. .ant-list-item-action-split {
  4909. background-color: #e8e8e8;
  4910. }
  4911. .ant-list-empty {
  4912. color: rgba(0, 0, 0, 0.45);
  4913. }
  4914. .ant-list-split .ant-list-item {
  4915. border-bottom: 1px solid #e8e8e8;
  4916. }
  4917. .ant-list-split .ant-list-item:last-child {
  4918. border-bottom: none;
  4919. }
  4920. .ant-list-split .ant-list-header {
  4921. border-bottom: 1px solid #e8e8e8;
  4922. }
  4923. .ant-list-something-after-last-item .ant-spin-container > .ant-list-item:last-child {
  4924. border-bottom: 1px solid #e8e8e8;
  4925. }
  4926. .ant-list-vertical .ant-list-item-meta-title {
  4927. color: rgba(0, 0, 0, 0.85);
  4928. }
  4929. .ant-list-vertical .ant-list-item-content {
  4930. color: rgba(0, 0, 0, 0.65);
  4931. }
  4932. .ant-list-grid .ant-list-item {
  4933. border-bottom: none;
  4934. }
  4935. .ant-list-bordered {
  4936. border-radius: 4px;
  4937. border: 1px solid #d9d9d9;
  4938. }
  4939. .ant-list-bordered .ant-list-item {
  4940. border-bottom: 1px solid #e8e8e8;
  4941. }
  4942. .ant-mention-wrapper {
  4943. color: rgba(0, 0, 0, 0.65);
  4944. }
  4945. .ant-mention-wrapper .ant-mention-editor {
  4946. color: rgba(0, 0, 0, 0.65);
  4947. background-color: #fff;
  4948. background-image: none;
  4949. border: 1px solid #d9d9d9;
  4950. border-radius: 4px;
  4951. }
  4952. .ant-mention-wrapper .ant-mention-editor::-moz-placeholder {
  4953. color: #bfbfbf;
  4954. }
  4955. .ant-mention-wrapper .ant-mention-editor:-ms-input-placeholder {
  4956. color: #bfbfbf;
  4957. }
  4958. .ant-mention-wrapper .ant-mention-editor::-webkit-input-placeholder {
  4959. color: #bfbfbf;
  4960. }
  4961. .ant-mention-wrapper .ant-mention-editor:hover {
  4962. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4963. border-right-width: 1px !important;
  4964. }
  4965. .ant-mention-wrapper .ant-mention-editor:focus {
  4966. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4967. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  4968. border-right-width: 1px !important;
  4969. }
  4970. .ant-mention-wrapper .ant-mention-editor-disabled {
  4971. background-color: #f5f5f5;
  4972. color: rgba(0, 0, 0, 0.25);
  4973. }
  4974. .ant-mention-wrapper .ant-mention-editor-disabled:hover {
  4975. border-color: #e6d8d8;
  4976. border-right-width: 1px !important;
  4977. }
  4978. .ant-mention-wrapper.ant-mention-active:not(.disabled) .ant-mention-editor {
  4979. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4980. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  4981. border-right-width: 1px !important;
  4982. }
  4983. .ant-mention-wrapper.disabled .ant-mention-editor {
  4984. background-color: #f5f5f5;
  4985. color: rgba(0, 0, 0, 0.25);
  4986. }
  4987. .ant-mention-wrapper.disabled .ant-mention-editor:hover {
  4988. border-color: #e6d8d8;
  4989. border-right-width: 1px !important;
  4990. }
  4991. .ant-mention-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
  4992. color: #bfbfbf;
  4993. }
  4994. .ant-mention-dropdown {
  4995. color: rgba(0, 0, 0, 0.65);
  4996. background-color: #fff;
  4997. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  4998. border-radius: 4px;
  4999. }
  5000. .ant-mention-dropdown-notfound.ant-mention-dropdown-item {
  5001. color: rgba(0, 0, 0, 0.25);
  5002. }
  5003. .ant-mention-dropdown-notfound.ant-mention-dropdown-item .anticon-loading {
  5004. color: @primary-color;
  5005. }
  5006. .ant-mention-dropdown-item {
  5007. color: rgba(0, 0, 0, 0.65);
  5008. }
  5009. .ant-mention-dropdown-item:hover {
  5010. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  5011. }
  5012. .ant-mention-dropdown-item.focus,
  5013. .ant-mention-dropdown-item-active {
  5014. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  5015. }
  5016. .ant-mention-dropdown-item-disabled {
  5017. color: rgba(0, 0, 0, 0.25);
  5018. }
  5019. .ant-mention-dropdown-item-disabled:hover {
  5020. color: rgba(0, 0, 0, 0.25);
  5021. background-color: #fff;
  5022. }
  5023. .ant-mention-dropdown-item-selected,
  5024. .ant-mention-dropdown-item-selected:hover {
  5025. background-color: #f5f5f5;
  5026. color: rgba(0, 0, 0, 0.65);
  5027. }
  5028. .ant-mention-dropdown-item-divider {
  5029. background-color: #e8e8e8;
  5030. }
  5031. .ant-menu {
  5032. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  5033. color: rgba(0, 0, 0, 0.65);
  5034. background: #fff;
  5035. }
  5036. .ant-menu-item-group-title {
  5037. color: rgba(0, 0, 0, 0.45);
  5038. }
  5039. .ant-menu-item:active,
  5040. .ant-menu-submenu-title:active {
  5041. background: color(~`colorPalette("@{primary-color}", 1)`);
  5042. }
  5043. .ant-menu-item > a {
  5044. color: rgba(0, 0, 0, 0.65);
  5045. }
  5046. .ant-menu-item > a:hover {
  5047. color: @primary-color;
  5048. }
  5049. .ant-menu-item > a:before {
  5050. background-color: transparent;
  5051. }
  5052. .ant-menu-item-divider {
  5053. background-color: #e8e8e8;
  5054. }
  5055. .ant-menu-item:hover,
  5056. .ant-menu-item-active,
  5057. .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
  5058. .ant-menu-submenu-active,
  5059. .ant-menu-submenu-title:hover {
  5060. color: @primary-color;
  5061. }
  5062. .ant-menu-horizontal > .ant-menu-item:hover,
  5063. .ant-menu-horizontal > .ant-menu-item-active,
  5064. .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  5065. background-color: transparent;
  5066. }
  5067. .ant-menu-item-selected {
  5068. color: @primary-color;
  5069. }
  5070. .ant-menu-item-selected > a,
  5071. .ant-menu-item-selected > a:hover {
  5072. color: @primary-color;
  5073. }
  5074. .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  5075. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  5076. }
  5077. .ant-menu-inline,
  5078. .ant-menu-vertical,
  5079. .ant-menu-vertical-left {
  5080. border-right: 1px solid #e8e8e8;
  5081. }
  5082. .ant-menu-vertical-right {
  5083. border-left: 1px solid #e8e8e8;
  5084. }
  5085. .ant-menu-vertical.ant-menu-sub,
  5086. .ant-menu-vertical-left.ant-menu-sub,
  5087. .ant-menu-vertical-right.ant-menu-sub {
  5088. border-right: 0;
  5089. }
  5090. .ant-menu-vertical.ant-menu-sub .ant-menu-item,
  5091. .ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
  5092. .ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  5093. border-right: 0;
  5094. }
  5095. .ant-menu-vertical.ant-menu-sub .ant-menu-item:after,
  5096. .ant-menu-vertical-left.ant-menu-sub .ant-menu-item:after,
  5097. .ant-menu-vertical-right.ant-menu-sub .ant-menu-item:after {
  5098. border-right: 0;
  5099. }
  5100. .ant-menu > .ant-menu-item-divider {
  5101. background-color: #e8e8e8;
  5102. }
  5103. .ant-menu-submenu-popup {
  5104. border-radius: 4px;
  5105. }
  5106. .ant-menu-submenu > .ant-menu {
  5107. background-color: #fff;
  5108. border-radius: 4px;
  5109. }
  5110. .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
  5111. .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
  5112. .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
  5113. .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
  5114. .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
  5115. .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
  5116. .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
  5117. .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow:after {
  5118. background: #fff;
  5119. background-image: linear-gradient(to right, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  5120. border-radius: 2px;
  5121. }
  5122. .ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
  5123. .ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
  5124. .ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
  5125. .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
  5126. .ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
  5127. .ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
  5128. .ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
  5129. .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before {
  5130. background: linear-gradient(to right, @primary-color, @primary-color);
  5131. }
  5132. .ant-menu-vertical .ant-menu-submenu-selected,
  5133. .ant-menu-vertical-left .ant-menu-submenu-selected,
  5134. .ant-menu-vertical-right .ant-menu-submenu-selected {
  5135. color: @primary-color;
  5136. }
  5137. .ant-menu-vertical .ant-menu-submenu-selected > a,
  5138. .ant-menu-vertical-left .ant-menu-submenu-selected > a,
  5139. .ant-menu-vertical-right .ant-menu-submenu-selected > a {
  5140. color: @primary-color;
  5141. }
  5142. .ant-menu-horizontal {
  5143. border: 0;
  5144. border-bottom: 1px solid #e8e8e8;
  5145. box-shadow: none;
  5146. }
  5147. .ant-menu-horizontal > .ant-menu-item,
  5148. .ant-menu-horizontal > .ant-menu-submenu {
  5149. border-bottom: 2px solid transparent;
  5150. }
  5151. .ant-menu-horizontal > .ant-menu-item:hover,
  5152. .ant-menu-horizontal > .ant-menu-submenu:hover,
  5153. .ant-menu-horizontal > .ant-menu-item-active,
  5154. .ant-menu-horizontal > .ant-menu-submenu-active,
  5155. .ant-menu-horizontal > .ant-menu-item-open,
  5156. .ant-menu-horizontal > .ant-menu-submenu-open,
  5157. .ant-menu-horizontal > .ant-menu-item-selected,
  5158. .ant-menu-horizontal > .ant-menu-submenu-selected {
  5159. border-bottom: 2px solid @primary-color;
  5160. color: @primary-color;
  5161. }
  5162. .ant-menu-horizontal > .ant-menu-item > a {
  5163. color: rgba(0, 0, 0, 0.65);
  5164. }
  5165. .ant-menu-horizontal > .ant-menu-item > a:hover {
  5166. color: @primary-color;
  5167. }
  5168. .ant-menu-horizontal > .ant-menu-item-selected > a {
  5169. color: @primary-color;
  5170. }
  5171. .ant-menu-vertical .ant-menu-item:after,
  5172. .ant-menu-vertical-left .ant-menu-item:after,
  5173. .ant-menu-vertical-right .ant-menu-item:after,
  5174. .ant-menu-inline .ant-menu-item:after {
  5175. border-right: 3px solid @primary-color;
  5176. }
  5177. .ant-menu-inline-collapsed-tooltip a {
  5178. color: rgba(255, 255, 255, 0.85);
  5179. }
  5180. .ant-menu-root.ant-menu-vertical,
  5181. .ant-menu-root.ant-menu-vertical-left,
  5182. .ant-menu-root.ant-menu-vertical-right,
  5183. .ant-menu-root.ant-menu-inline {
  5184. box-shadow: none;
  5185. }
  5186. .ant-menu-sub.ant-menu-inline {
  5187. border: 0;
  5188. box-shadow: none;
  5189. border-radius: 0;
  5190. }
  5191. .ant-menu-item-disabled,
  5192. .ant-menu-submenu-disabled {
  5193. color: rgba(0, 0, 0, 0.25) !important;
  5194. background: none;
  5195. border-color: transparent !important;
  5196. }
  5197. .ant-menu-item-disabled > a,
  5198. .ant-menu-submenu-disabled > a {
  5199. color: rgba(0, 0, 0, 0.25) !important;
  5200. }
  5201. .ant-menu-item-disabled > .ant-menu-submenu-title,
  5202. .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  5203. color: rgba(0, 0, 0, 0.25) !important;
  5204. }
  5205. .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
  5206. .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
  5207. .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
  5208. .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after {
  5209. background: rgba(0, 0, 0, 0.25) !important;
  5210. }
  5211. .ant-menu-dark,
  5212. .ant-menu-dark .ant-menu-sub {
  5213. color: rgba(255, 255, 255, 0.65);
  5214. background: #001529;
  5215. }
  5216. .ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
  5217. .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
  5218. .ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
  5219. .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:before {
  5220. background: #fff;
  5221. }
  5222. .ant-menu-dark.ant-menu-submenu-popup {
  5223. background: transparent;
  5224. }
  5225. .ant-menu-dark .ant-menu-inline.ant-menu-sub {
  5226. background: #000c17;
  5227. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
  5228. }
  5229. .ant-menu-dark.ant-menu-horizontal {
  5230. border-bottom: 0;
  5231. }
  5232. .ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
  5233. .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  5234. border-color: #001529;
  5235. border-bottom: 0;
  5236. }
  5237. .ant-menu-dark .ant-menu-item,
  5238. .ant-menu-dark .ant-menu-item-group-title,
  5239. .ant-menu-dark .ant-menu-item > a {
  5240. color: rgba(255, 255, 255, 0.65);
  5241. }
  5242. .ant-menu-dark.ant-menu-inline,
  5243. .ant-menu-dark.ant-menu-vertical,
  5244. .ant-menu-dark.ant-menu-vertical-left,
  5245. .ant-menu-dark.ant-menu-vertical-right {
  5246. border-right: 0;
  5247. }
  5248. .ant-menu-dark.ant-menu-inline .ant-menu-item,
  5249. .ant-menu-dark.ant-menu-vertical .ant-menu-item,
  5250. .ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
  5251. .ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  5252. border-right: 0;
  5253. }
  5254. .ant-menu-dark.ant-menu-inline .ant-menu-item:after,
  5255. .ant-menu-dark.ant-menu-vertical .ant-menu-item:after,
  5256. .ant-menu-dark.ant-menu-vertical-left .ant-menu-item:after,
  5257. .ant-menu-dark.ant-menu-vertical-right .ant-menu-item:after {
  5258. border-right: 0;
  5259. }
  5260. .ant-menu-dark .ant-menu-item:hover,
  5261. .ant-menu-dark .ant-menu-item-active,
  5262. .ant-menu-dark .ant-menu-submenu-active,
  5263. .ant-menu-dark .ant-menu-submenu-open,
  5264. .ant-menu-dark .ant-menu-submenu-selected,
  5265. .ant-menu-dark .ant-menu-submenu-title:hover {
  5266. background-color: transparent;
  5267. color: #fff;
  5268. }
  5269. .ant-menu-dark .ant-menu-item:hover > a,
  5270. .ant-menu-dark .ant-menu-item-active > a,
  5271. .ant-menu-dark .ant-menu-submenu-active > a,
  5272. .ant-menu-dark .ant-menu-submenu-open > a,
  5273. .ant-menu-dark .ant-menu-submenu-selected > a,
  5274. .ant-menu-dark .ant-menu-submenu-title:hover > a {
  5275. color: #fff;
  5276. }
  5277. .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
  5278. .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
  5279. .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
  5280. .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
  5281. .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
  5282. .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
  5283. .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
  5284. .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
  5285. .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
  5286. .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
  5287. .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
  5288. .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
  5289. .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
  5290. .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
  5291. .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
  5292. .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
  5293. .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
  5294. .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
  5295. .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before,
  5296. .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before,
  5297. .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before,
  5298. .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before,
  5299. .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before,
  5300. .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before {
  5301. background: #fff;
  5302. }
  5303. .ant-menu-dark .ant-menu-item-selected {
  5304. border-right: 0;
  5305. color: #fff;
  5306. }
  5307. .ant-menu-dark .ant-menu-item-selected:after {
  5308. border-right: 0;
  5309. }
  5310. .ant-menu-dark .ant-menu-item-selected > a,
  5311. .ant-menu-dark .ant-menu-item-selected > a:hover {
  5312. color: #fff;
  5313. }
  5314. .ant-menu.ant-menu-dark .ant-menu-item-selected,
  5315. .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  5316. background-color: @primary-color;
  5317. }
  5318. .ant-menu-dark .ant-menu-item-disabled,
  5319. .ant-menu-dark .ant-menu-submenu-disabled,
  5320. .ant-menu-dark .ant-menu-item-disabled > a,
  5321. .ant-menu-dark .ant-menu-submenu-disabled > a {
  5322. color: rgba(255, 255, 255, 0.35) !important;
  5323. }
  5324. .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
  5325. .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  5326. color: rgba(255, 255, 255, 0.35) !important;
  5327. }
  5328. .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
  5329. .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
  5330. .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
  5331. .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after {
  5332. background: rgba(255, 255, 255, 0.35) !important;
  5333. }
  5334. .ant-message {
  5335. color: rgba(0, 0, 0, 0.65);
  5336. }
  5337. .ant-message-notice-content {
  5338. border-radius: 4px;
  5339. box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  5340. background: #fff;
  5341. }
  5342. .ant-message-success .anticon {
  5343. color: #52c41a;
  5344. }
  5345. .ant-message-error .anticon {
  5346. color: #f5222d;
  5347. }
  5348. .ant-message-warning .anticon {
  5349. color: #faad14;
  5350. }
  5351. .ant-message-info .anticon,
  5352. .ant-message-loading .anticon {
  5353. color: @primary-color;
  5354. }
  5355. .ant-modal {
  5356. color: rgba(0, 0, 0, 0.65);
  5357. }
  5358. .ant-modal-title {
  5359. color: rgba(0, 0, 0, 0.85);
  5360. }
  5361. .ant-modal-content {
  5362. background-color: #fff;
  5363. border: 0;
  5364. border-radius: 4px;
  5365. background-clip: padding-box;
  5366. box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  5367. }
  5368. .ant-modal-close {
  5369. border: 0;
  5370. background: transparent;
  5371. color: rgba(0, 0, 0, 0.45);
  5372. }
  5373. .ant-modal-close:focus,
  5374. .ant-modal-close:hover {
  5375. color: #444;
  5376. }
  5377. .ant-modal-header {
  5378. border-radius: 4px 4px 0 0;
  5379. background: #fff;
  5380. color: rgba(0, 0, 0, 0.65);
  5381. border-bottom: 1px solid #e8e8e8;
  5382. }
  5383. .ant-modal-footer {
  5384. border-top: 1px solid #e8e8e8;
  5385. border-radius: 0 0 4px 4px;
  5386. }
  5387. .ant-modal-mask {
  5388. background-color: rgba(0, 0, 0, 0.65);
  5389. }
  5390. .ant-confirm-body .ant-confirm-title {
  5391. color: rgba(0, 0, 0, 0.85);
  5392. }
  5393. .ant-confirm-body .ant-confirm-content {
  5394. color: rgba(0, 0, 0, 0.65);
  5395. }
  5396. .ant-confirm-error .ant-confirm-body > .anticon {
  5397. color: #f5222d;
  5398. }
  5399. .ant-confirm-warning .ant-confirm-body > .anticon,
  5400. .ant-confirm-confirm .ant-confirm-body > .anticon {
  5401. color: #faad14;
  5402. }
  5403. .ant-confirm-info .ant-confirm-body > .anticon {
  5404. color: @primary-color;
  5405. }
  5406. .ant-confirm-success .ant-confirm-body > .anticon {
  5407. color: #52c41a;
  5408. }
  5409. .ant-notification {
  5410. color: rgba(0, 0, 0, 0.65);
  5411. }
  5412. .ant-notification-notice {
  5413. border-radius: 4px;
  5414. box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  5415. background: #fff;
  5416. }
  5417. .ant-notification-notice-message {
  5418. color: rgba(0, 0, 0, 0.85);
  5419. }
  5420. .ant-notification-notice-message-single-line-auto-margin {
  5421. background-color: transparent;
  5422. }
  5423. .ant-notification-notice-icon-success {
  5424. color: #52c41a;
  5425. }
  5426. .ant-notification-notice-icon-info {
  5427. color: @primary-color;
  5428. }
  5429. .ant-notification-notice-icon-warning {
  5430. color: #faad14;
  5431. }
  5432. .ant-notification-notice-icon-error {
  5433. color: #f5222d;
  5434. }
  5435. .ant-notification-notice-close {
  5436. color: rgba(0, 0, 0, 0.45);
  5437. }
  5438. .ant-notification-notice-close:hover {
  5439. color: rgba(0, 0, 0, 0.67);
  5440. }
  5441. .ant-pagination {
  5442. color: rgba(0, 0, 0, 0.65);
  5443. }
  5444. .ant-pagination-item {
  5445. border-radius: 4px;
  5446. border: 1px solid #d9d9d9;
  5447. background-color: #fff;
  5448. }
  5449. .ant-pagination-item a {
  5450. color: rgba(0, 0, 0, 0.65);
  5451. }
  5452. .ant-pagination-item:focus,
  5453. .ant-pagination-item:hover {
  5454. border-color: @primary-color;
  5455. }
  5456. .ant-pagination-item:focus a,
  5457. .ant-pagination-item:hover a {
  5458. color: @primary-color;
  5459. }
  5460. .ant-pagination-item-active {
  5461. border-color: @primary-color;
  5462. }
  5463. .ant-pagination-item-active a {
  5464. color: @primary-color;
  5465. }
  5466. .ant-pagination-item-active:focus,
  5467. .ant-pagination-item-active:hover {
  5468. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  5469. }
  5470. .ant-pagination-item-active:focus a,
  5471. .ant-pagination-item-active:hover a {
  5472. color: color(~`colorPalette("@{primary-color}", 5)`);
  5473. }
  5474. .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
  5475. .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  5476. color: @primary-color;
  5477. }
  5478. .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
  5479. .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  5480. color: rgba(0, 0, 0, 0.25);
  5481. }
  5482. .ant-pagination-prev,
  5483. .ant-pagination-next,
  5484. .ant-pagination-jump-prev,
  5485. .ant-pagination-jump-next {
  5486. color: rgba(0, 0, 0, 0.65);
  5487. border-radius: 4px;
  5488. }
  5489. .ant-pagination-prev a,
  5490. .ant-pagination-next a {
  5491. color: rgba(0, 0, 0, 0.65);
  5492. }
  5493. .ant-pagination-prev:hover a,
  5494. .ant-pagination-next:hover a {
  5495. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  5496. }
  5497. .ant-pagination-prev .ant-pagination-item-link,
  5498. .ant-pagination-next .ant-pagination-item-link {
  5499. border: 1px solid #d9d9d9;
  5500. background-color: #fff;
  5501. border-radius: 4px;
  5502. }
  5503. .ant-pagination-prev:focus .ant-pagination-item-link,
  5504. .ant-pagination-next:focus .ant-pagination-item-link,
  5505. .ant-pagination-prev:hover .ant-pagination-item-link,
  5506. .ant-pagination-next:hover .ant-pagination-item-link {
  5507. border-color: @primary-color;
  5508. color: @primary-color;
  5509. }
  5510. .ant-pagination-disabled a,
  5511. .ant-pagination-disabled:hover a,
  5512. .ant-pagination-disabled:focus a,
  5513. .ant-pagination-disabled .ant-pagination-item-link,
  5514. .ant-pagination-disabled:hover .ant-pagination-item-link,
  5515. .ant-pagination-disabled:focus .ant-pagination-item-link {
  5516. border-color: #d9d9d9;
  5517. color: rgba(0, 0, 0, 0.25);
  5518. }
  5519. .ant-pagination-options-quick-jumper input {
  5520. color: rgba(0, 0, 0, 0.65);
  5521. background-color: #fff;
  5522. background-image: none;
  5523. border: 1px solid #d9d9d9;
  5524. border-radius: 4px;
  5525. }
  5526. .ant-pagination-options-quick-jumper input::-moz-placeholder {
  5527. color: #bfbfbf;
  5528. }
  5529. .ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  5530. color: #bfbfbf;
  5531. }
  5532. .ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
  5533. color: #bfbfbf;
  5534. }
  5535. .ant-pagination-options-quick-jumper input:hover {
  5536. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  5537. border-right-width: 1px !important;
  5538. }
  5539. .ant-pagination-options-quick-jumper input:focus {
  5540. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  5541. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  5542. border-right-width: 1px !important;
  5543. }
  5544. .ant-pagination-options-quick-jumper input-disabled {
  5545. background-color: #f5f5f5;
  5546. color: rgba(0, 0, 0, 0.25);
  5547. }
  5548. .ant-pagination-options-quick-jumper input-disabled:hover {
  5549. border-color: #e6d8d8;
  5550. border-right-width: 1px !important;
  5551. }
  5552. .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
  5553. .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  5554. border: 0;
  5555. }
  5556. .ant-pagination-simple .ant-pagination-simple-pager input {
  5557. background-color: #fff;
  5558. border-radius: 4px;
  5559. border: 1px solid #d9d9d9;
  5560. }
  5561. .ant-pagination-simple .ant-pagination-simple-pager input:hover {
  5562. border-color: @primary-color;
  5563. }
  5564. .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  5565. background: transparent;
  5566. border-color: transparent;
  5567. }
  5568. .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
  5569. .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  5570. border-color: transparent;
  5571. background: transparent;
  5572. }
  5573. .ant-popover {
  5574. color: rgba(0, 0, 0, 0.65);
  5575. }
  5576. .ant-popover:after {
  5577. background: rgba(255, 255, 255, 0.01);
  5578. }
  5579. .ant-popover-inner {
  5580. background-color: #fff;
  5581. background-clip: padding-box;
  5582. border-radius: 4px;
  5583. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  5584. }
  5585. .ant-popover-title {
  5586. border-bottom: 1px solid #e8e8e8;
  5587. color: rgba(0, 0, 0, 0.85);
  5588. }
  5589. .ant-popover-inner-content {
  5590. color: rgba(0, 0, 0, 0.65);
  5591. }
  5592. .ant-popover-message {
  5593. color: rgba(0, 0, 0, 0.65);
  5594. }
  5595. .ant-popover-message > .anticon {
  5596. color: #faad14;
  5597. }
  5598. .ant-popover-arrow {
  5599. background: #fff;
  5600. border-color: transparent;
  5601. border-style: solid;
  5602. }
  5603. .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
  5604. .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
  5605. .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  5606. box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  5607. }
  5608. .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
  5609. .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
  5610. .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  5611. box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  5612. }
  5613. .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
  5614. .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
  5615. .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  5616. box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
  5617. }
  5618. .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
  5619. .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
  5620. .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  5621. box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  5622. }
  5623. .ant-progress {
  5624. color: rgba(0, 0, 0, 0.65);
  5625. }
  5626. .ant-progress-inner {
  5627. background-color: #f5f5f5;
  5628. border-radius: 100px;
  5629. }
  5630. .ant-progress-success-bg,
  5631. .ant-progress-bg {
  5632. background-color: @primary-color;
  5633. }
  5634. .ant-progress-success-bg {
  5635. background-color: #52c41a;
  5636. }
  5637. .ant-progress-text {
  5638. color: rgba(0, 0, 0, 0.45);
  5639. }
  5640. .ant-progress-status-active .ant-progress-bg:before {
  5641. background: #fff;
  5642. border-radius: 10px;
  5643. }
  5644. .ant-progress-status-exception .ant-progress-bg {
  5645. background-color: #f5222d;
  5646. }
  5647. .ant-progress-status-exception .ant-progress-text {
  5648. color: #f5222d;
  5649. }
  5650. .ant-progress-status-success .ant-progress-bg {
  5651. background-color: #52c41a;
  5652. }
  5653. .ant-progress-status-success .ant-progress-text {
  5654. color: #52c41a;
  5655. }
  5656. .ant-progress-circle .ant-progress-inner {
  5657. background-color: transparent;
  5658. }
  5659. .ant-progress-circle .ant-progress-text {
  5660. color: rgba(0, 0, 0, 0.65);
  5661. }
  5662. .ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  5663. color: #f5222d;
  5664. }
  5665. .ant-progress-circle.ant-progress-status-success .ant-progress-text {
  5666. color: #52c41a;
  5667. }
  5668. .ant-radio-group {
  5669. color: rgba(0, 0, 0, 0.65);
  5670. }
  5671. .ant-radio-wrapper {
  5672. color: rgba(0, 0, 0, 0.65);
  5673. }
  5674. .ant-radio {
  5675. color: rgba(0, 0, 0, 0.65);
  5676. }
  5677. .ant-radio-wrapper:hover .ant-radio .ant-radio-inner,
  5678. .ant-radio:hover .ant-radio-inner,
  5679. .ant-radio-focused .ant-radio-inner {
  5680. border-color: @primary-color;
  5681. }
  5682. .ant-radio-checked:after {
  5683. border-radius: 50%;
  5684. border: 1px solid @primary-color;
  5685. }
  5686. .ant-radio-inner {
  5687. border-width: 1px;
  5688. border-style: solid;
  5689. border-radius: 100px;
  5690. border-color: #d9d9d9;
  5691. background-color: #fff;
  5692. }
  5693. .ant-radio-inner:after {
  5694. border-radius: 8px;
  5695. border-top: 0;
  5696. border-left: 0;
  5697. background-color: @primary-color;
  5698. }
  5699. .ant-radio-checked .ant-radio-inner {
  5700. border-color: @primary-color;
  5701. }
  5702. .ant-radio-disabled .ant-radio-inner {
  5703. border-color: #d9d9d9 !important;
  5704. background-color: #f5f5f5;
  5705. }
  5706. .ant-radio-disabled .ant-radio-inner:after {
  5707. background-color: #ccc;
  5708. }
  5709. .ant-radio-disabled + span {
  5710. color: rgba(0, 0, 0, 0.25);
  5711. }
  5712. .ant-radio-button-wrapper {
  5713. color: rgba(0, 0, 0, 0.65);
  5714. border: 1px solid #d9d9d9;
  5715. border-left: 0;
  5716. border-top-width: 1.02px;
  5717. background: #fff;
  5718. }
  5719. .ant-radio-button-wrapper a {
  5720. color: rgba(0, 0, 0, 0.65);
  5721. }
  5722. .ant-radio-button-wrapper:not(:first-child)::before {
  5723. background-color: #d9d9d9;
  5724. }
  5725. .ant-radio-button-wrapper:first-child {
  5726. border-radius: 4px 0 0 4px;
  5727. border-left: 1px solid #d9d9d9;
  5728. }
  5729. .ant-radio-button-wrapper:last-child {
  5730. border-radius: 0 4px 4px 0;
  5731. }
  5732. .ant-radio-button-wrapper:first-child:last-child {
  5733. border-radius: 4px;
  5734. }
  5735. .ant-radio-button-wrapper:hover,
  5736. .ant-radio-button-wrapper-focused {
  5737. color: @primary-color;
  5738. }
  5739. .ant-radio-button-wrapper-checked {
  5740. background: #fff;
  5741. border-color: @primary-color;
  5742. color: @primary-color;
  5743. box-shadow: -1px 0 0 0 @primary-color;
  5744. }
  5745. .ant-radio-button-wrapper-checked::before {
  5746. background-color: @primary-color !important;
  5747. }
  5748. .ant-radio-button-wrapper-checked:first-child {
  5749. border-color: @primary-color;
  5750. box-shadow: none !important;
  5751. }
  5752. .ant-radio-button-wrapper-checked:hover {
  5753. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  5754. box-shadow: -1px 0 0 0 color(~`colorPalette("@{primary-color}", 5)`);
  5755. color: color(~`colorPalette("@{primary-color}", 5)`);
  5756. }
  5757. .ant-radio-button-wrapper-checked:active {
  5758. border-color: color(~`colorPalette("@{primary-color}", 7)`);
  5759. box-shadow: -1px 0 0 0 color(~`colorPalette("@{primary-color}", 7)`);
  5760. color: color(~`colorPalette("@{primary-color}", 7)`);
  5761. }
  5762. .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  5763. background: @primary-color;
  5764. border-color: @primary-color;
  5765. color: #fff;
  5766. }
  5767. .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  5768. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  5769. background: color(~`colorPalette("@{primary-color}", 5)`);
  5770. color: #fff;
  5771. }
  5772. .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  5773. border-color: color(~`colorPalette("@{primary-color}", 7)`);
  5774. background: color(~`colorPalette("@{primary-color}", 7)`);
  5775. color: #fff;
  5776. }
  5777. .ant-radio-button-wrapper-disabled {
  5778. border-color: #d9d9d9;
  5779. background-color: #f5f5f5;
  5780. color: rgba(0, 0, 0, 0.25);
  5781. }
  5782. .ant-radio-button-wrapper-disabled:first-child,
  5783. .ant-radio-button-wrapper-disabled:hover {
  5784. border-color: #d9d9d9;
  5785. background-color: #f5f5f5;
  5786. color: rgba(0, 0, 0, 0.25);
  5787. }
  5788. .ant-radio-button-wrapper-disabled:first-child {
  5789. border-left-color: #d9d9d9;
  5790. }
  5791. .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  5792. color: #fff;
  5793. background-color: #e6e6e6;
  5794. border-color: #d9d9d9;
  5795. box-shadow: none;
  5796. }
  5797. .ant-rate {
  5798. color: rgba(0, 0, 0, 0.65);
  5799. color: #fadb14;
  5800. }
  5801. .ant-rate-star {
  5802. color: inherit;
  5803. }
  5804. .ant-rate-star-first,
  5805. .ant-rate-star-second {
  5806. color: #e8e8e8;
  5807. }
  5808. .ant-rate-star-half .ant-rate-star-first,
  5809. .ant-rate-star-full .ant-rate-star-second {
  5810. color: inherit;
  5811. }
  5812. .ant-select {
  5813. color: rgba(0, 0, 0, 0.65);
  5814. }
  5815. .ant-select > ul > li > a {
  5816. background-color: #fff;
  5817. }
  5818. .ant-select-arrow {
  5819. color: rgba(0, 0, 0, 0.25);
  5820. }
  5821. .ant-select-selection {
  5822. background-color: #fff;
  5823. border-radius: 4px;
  5824. border: 1px solid #d9d9d9;
  5825. border-top-width: 1.02px;
  5826. }
  5827. .ant-select-selection:hover {
  5828. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  5829. border-right-width: 1px !important;
  5830. }
  5831. .ant-select-focused .ant-select-selection,
  5832. .ant-select-selection:focus,
  5833. .ant-select-selection:active {
  5834. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  5835. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  5836. border-right-width: 1px !important;
  5837. }
  5838. .ant-select-selection__clear {
  5839. background: #fff;
  5840. color: rgba(0, 0, 0, 0.25);
  5841. }
  5842. .ant-select-selection__clear:hover {
  5843. color: rgba(0, 0, 0, 0.45);
  5844. }
  5845. .ant-select-disabled {
  5846. color: rgba(0, 0, 0, 0.25);
  5847. }
  5848. .ant-select-disabled .ant-select-selection {
  5849. background: #f5f5f5;
  5850. }
  5851. .ant-select-disabled .ant-select-selection:hover,
  5852. .ant-select-disabled .ant-select-selection:focus,
  5853. .ant-select-disabled .ant-select-selection:active {
  5854. border-color: #d9d9d9;
  5855. box-shadow: none;
  5856. }
  5857. .ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
  5858. background: #f5f5f5;
  5859. color: #aaa;
  5860. }
  5861. .ant-select-disabled .ant-select-selection__choice__remove {
  5862. color: rgba(0, 0, 0, 0.25);
  5863. }
  5864. .ant-select-disabled .ant-select-selection__choice__remove:hover {
  5865. color: rgba(0, 0, 0, 0.25);
  5866. }
  5867. .ant-select-selection__placeholder,
  5868. .ant-select-search__field__placeholder {
  5869. color: #bfbfbf;
  5870. }
  5871. .ant-select-search--inline .ant-select-search__field {
  5872. border-width: 0;
  5873. background: transparent;
  5874. border-radius: 4px;
  5875. }
  5876. .ant-select-selection--multiple .ant-select-selection__choice {
  5877. color: rgba(0, 0, 0, 0.65);
  5878. background-color: #fafafa;
  5879. border: 1px solid #e8e8e8;
  5880. border-radius: 2px;
  5881. }
  5882. .ant-select-selection--multiple .ant-select-selection__choice__remove {
  5883. color: rgba(0, 0, 0, 0.45);
  5884. }
  5885. .ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  5886. color: #404040;
  5887. }
  5888. .ant-select-open .ant-select-selection {
  5889. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  5890. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  5891. border-right-width: 1px !important;
  5892. }
  5893. .ant-select-combobox .ant-select-search__field {
  5894. box-shadow: none;
  5895. }
  5896. .ant-select-dropdown {
  5897. color: rgba(0, 0, 0, 0.65);
  5898. background-color: #fff;
  5899. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  5900. border-radius: 4px;
  5901. }
  5902. .ant-select-dropdown-menu-item-group-title {
  5903. color: rgba(0, 0, 0, 0.45);
  5904. }
  5905. .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child),
  5906. .ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child {
  5907. border-radius: 0;
  5908. }
  5909. .ant-select-dropdown-menu-item {
  5910. color: rgba(0, 0, 0, 0.65);
  5911. }
  5912. .ant-select-dropdown-menu-item:hover {
  5913. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  5914. }
  5915. .ant-select-dropdown-menu-item:first-child {
  5916. border-radius: 4px 4px 0 0;
  5917. }
  5918. .ant-select-dropdown-menu-item:last-child {
  5919. border-radius: 0 0 4px 4px;
  5920. }
  5921. .ant-select-dropdown-menu-item-disabled {
  5922. color: rgba(0, 0, 0, 0.25);
  5923. }
  5924. .ant-select-dropdown-menu-item-disabled:hover {
  5925. color: rgba(0, 0, 0, 0.25);
  5926. background-color: #fff;
  5927. }
  5928. .ant-select-dropdown-menu-item-selected,
  5929. .ant-select-dropdown-menu-item-selected:hover {
  5930. background-color: #fafafa;
  5931. color: rgba(0, 0, 0, 0.65);
  5932. }
  5933. .ant-select-dropdown-menu-item-active {
  5934. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  5935. }
  5936. .ant-select-dropdown-menu-item-divider {
  5937. background-color: #e8e8e8;
  5938. }
  5939. .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon {
  5940. color: transparent;
  5941. }
  5942. .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
  5943. color: #ddd;
  5944. }
  5945. .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
  5946. .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
  5947. color: @primary-color;
  5948. }
  5949. .ant-skeleton-header .ant-skeleton-avatar {
  5950. background: #f2f2f2;
  5951. }
  5952. .ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  5953. border-radius: 50%;
  5954. }
  5955. .ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  5956. border-radius: 50%;
  5957. }
  5958. .ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  5959. border-radius: 50%;
  5960. }
  5961. .ant-skeleton-content .ant-skeleton-title {
  5962. background: #f2f2f2;
  5963. }
  5964. .ant-skeleton-content .ant-skeleton-paragraph > li {
  5965. background: #f2f2f2;
  5966. }
  5967. .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
  5968. .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  5969. background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  5970. background-size: 400% 100%;
  5971. }
  5972. .ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  5973. background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  5974. background-size: 400% 100%;
  5975. }
  5976. .ant-slider {
  5977. color: rgba(0, 0, 0, 0.65);
  5978. }
  5979. .ant-slider-rail {
  5980. border-radius: 2px;
  5981. background-color: #f5f5f5;
  5982. }
  5983. .ant-slider-track {
  5984. border-radius: 4px;
  5985. background-color: color(~`colorPalette("@{primary-color}", 3)`);
  5986. }
  5987. .ant-slider-handle {
  5988. border-radius: 50%;
  5989. border: solid 2px color(~`colorPalette("@{primary-color}", 3)`);
  5990. background-color: #fff;
  5991. }
  5992. .ant-slider-handle:focus {
  5993. border-color: #46a6ff;
  5994. box-shadow: 0 0 0 5px #8cc8ff;
  5995. }
  5996. .ant-slider-handle.ant-tooltip-open {
  5997. border-color: @primary-color;
  5998. }
  5999. .ant-slider:hover .ant-slider-rail {
  6000. background-color: #e1e1e1;
  6001. }
  6002. .ant-slider:hover .ant-slider-track {
  6003. background-color: color(~`colorPalette("@{primary-color}", 4)`);
  6004. }
  6005. .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  6006. border-color: color(~`colorPalette("@{primary-color}", 4)`);
  6007. }
  6008. .ant-slider-mark-text {
  6009. color: rgba(0, 0, 0, 0.45);
  6010. }
  6011. .ant-slider-mark-text-active {
  6012. color: rgba(0, 0, 0, 0.65);
  6013. }
  6014. .ant-slider-step {
  6015. background: transparent;
  6016. }
  6017. .ant-slider-dot {
  6018. border: 2px solid #e8e8e8;
  6019. background-color: #fff;
  6020. border-radius: 50%;
  6021. }
  6022. .ant-slider-dot-active {
  6023. border-color: #8cc8ff;
  6024. }
  6025. .ant-slider-disabled .ant-slider-track {
  6026. background-color: rgba(0, 0, 0, 0.25) !important;
  6027. }
  6028. .ant-slider-disabled .ant-slider-handle,
  6029. .ant-slider-disabled .ant-slider-dot {
  6030. border-color: rgba(0, 0, 0, 0.25) !important;
  6031. background-color: #fff;
  6032. box-shadow: none;
  6033. }
  6034. .ant-spin {
  6035. color: rgba(0, 0, 0, 0.65);
  6036. color: @primary-color;
  6037. }
  6038. .ant-spin-blur:after {
  6039. background: #fff;
  6040. }
  6041. .ant-spin-tip {
  6042. color: rgba(0, 0, 0, 0.45);
  6043. }
  6044. .ant-spin-dot i {
  6045. border-radius: 100%;
  6046. background-color: @primary-color;
  6047. }
  6048. .ant-steps {
  6049. color: rgba(0, 0, 0, 0.65);
  6050. }
  6051. .ant-steps-item-icon {
  6052. border: 1px solid rgba(0, 0, 0, 0.25);
  6053. border-radius: 32px;
  6054. }
  6055. .ant-steps-item-icon > .ant-steps-icon {
  6056. color: @primary-color;
  6057. }
  6058. .ant-steps-item-tail:after {
  6059. background: #e8e8e8;
  6060. border-radius: 1px;
  6061. }
  6062. .ant-steps-item-title {
  6063. color: rgba(0, 0, 0, 0.65);
  6064. }
  6065. .ant-steps-item-title:after {
  6066. background: #e8e8e8;
  6067. }
  6068. .ant-steps-item-description {
  6069. color: rgba(0, 0, 0, 0.45);
  6070. }
  6071. .ant-steps-item-wait .ant-steps-item-icon {
  6072. border-color: rgba(0, 0, 0, 0.25);
  6073. background-color: #fff;
  6074. }
  6075. .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  6076. color: rgba(0, 0, 0, 0.25);
  6077. }
  6078. .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  6079. background: rgba(0, 0, 0, 0.25);
  6080. }
  6081. .ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-title {
  6082. color: rgba(0, 0, 0, 0.45);
  6083. }
  6084. .ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-title:after {
  6085. background-color: #e8e8e8;
  6086. }
  6087. .ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-description {
  6088. color: rgba(0, 0, 0, 0.45);
  6089. }
  6090. .ant-steps-item-wait > .ant-steps-item-tail:after {
  6091. background-color: #e8e8e8;
  6092. }
  6093. .ant-steps-item-process .ant-steps-item-icon {
  6094. border-color: @primary-color;
  6095. background-color: #fff;
  6096. }
  6097. .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  6098. color: @primary-color;
  6099. }
  6100. .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  6101. background: @primary-color;
  6102. }
  6103. .ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-title {
  6104. color: rgba(0, 0, 0, 0.85);
  6105. }
  6106. .ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-title:after {
  6107. background-color: #e8e8e8;
  6108. }
  6109. .ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-description {
  6110. color: rgba(0, 0, 0, 0.65);
  6111. }
  6112. .ant-steps-item-process > .ant-steps-item-tail:after {
  6113. background-color: #e8e8e8;
  6114. }
  6115. .ant-steps-item-process .ant-steps-item-icon {
  6116. background: @primary-color;
  6117. }
  6118. .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  6119. color: #fff;
  6120. }
  6121. .ant-steps-item-finish .ant-steps-item-icon {
  6122. border-color: @primary-color;
  6123. background-color: #fff;
  6124. }
  6125. .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  6126. color: @primary-color;
  6127. }
  6128. .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  6129. background: @primary-color;
  6130. }
  6131. .ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-title {
  6132. color: rgba(0, 0, 0, 0.65);
  6133. }
  6134. .ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-title:after {
  6135. background-color: @primary-color;
  6136. }
  6137. .ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-description {
  6138. color: rgba(0, 0, 0, 0.45);
  6139. }
  6140. .ant-steps-item-finish > .ant-steps-item-tail:after {
  6141. background-color: @primary-color;
  6142. }
  6143. .ant-steps-item-error .ant-steps-item-icon {
  6144. border-color: #f5222d;
  6145. background-color: #fff;
  6146. }
  6147. .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  6148. color: #f5222d;
  6149. }
  6150. .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  6151. background: #f5222d;
  6152. }
  6153. .ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-title {
  6154. color: #f5222d;
  6155. }
  6156. .ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-title:after {
  6157. background-color: #e8e8e8;
  6158. }
  6159. .ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-description {
  6160. color: #f5222d;
  6161. }
  6162. .ant-steps-item-error > .ant-steps-item-tail:after {
  6163. background-color: #e8e8e8;
  6164. }
  6165. .ant-steps-item.ant-steps-next-error .ant-steps-item-title:after {
  6166. background: #f5222d;
  6167. }
  6168. .ant-steps-item-custom .ant-steps-item-icon {
  6169. background: none;
  6170. border: 0;
  6171. }
  6172. .ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  6173. color: @primary-color;
  6174. }
  6175. .ant-steps-small .ant-steps-item-icon {
  6176. border-radius: 24px;
  6177. }
  6178. .ant-steps-small .ant-steps-item-description {
  6179. color: rgba(0, 0, 0, 0.45);
  6180. }
  6181. .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  6182. border-radius: 0;
  6183. border: 0;
  6184. background: none;
  6185. }
  6186. .ant-steps-dot .ant-steps-item-icon {
  6187. border: 0;
  6188. background: transparent;
  6189. }
  6190. .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot {
  6191. border-radius: 100px;
  6192. }
  6193. .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot:after {
  6194. background: rgba(0, 0, 0, 0.001);
  6195. }
  6196. .ant-switch {
  6197. color: rgba(0, 0, 0, 0.65);
  6198. border-radius: 100px;
  6199. border: 1px solid transparent;
  6200. background-color: rgba(0, 0, 0, 0.25);
  6201. }
  6202. .ant-switch-inner {
  6203. color: #fff;
  6204. }
  6205. .ant-switch-loading-icon,
  6206. .ant-switch:after {
  6207. border-radius: 18px;
  6208. background-color: #fff;
  6209. }
  6210. .ant-switch:after {
  6211. box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
  6212. }
  6213. .ant-switch-loading-icon {
  6214. background: transparent;
  6215. }
  6216. .ant-switch-loading .ant-switch-loading-icon {
  6217. color: rgba(0, 0, 0, 0.65);
  6218. }
  6219. .ant-switch-checked.ant-switch-loading .ant-switch-loading-icon {
  6220. color: @primary-color;
  6221. }
  6222. .ant-switch:focus {
  6223. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  6224. }
  6225. .ant-switch:focus:hover {
  6226. box-shadow: none;
  6227. }
  6228. .ant-switch-checked {
  6229. background-color: @primary-color;
  6230. }
  6231. .ant-table {
  6232. color: rgba(0, 0, 0, 0.65);
  6233. }
  6234. .ant-table table {
  6235. border-collapse: collapse;
  6236. border-radius: 4px 4px 0 0;
  6237. }
  6238. .ant-table-thead > tr > th {
  6239. background: #fafafa;
  6240. color: rgba(0, 0, 0, 0.85);
  6241. border-bottom: 1px solid #e8e8e8;
  6242. }
  6243. .ant-table-thead > tr > th .anticon-filter,
  6244. .ant-table-thead > tr > th .ant-table-filter-icon {
  6245. color: #bfbfbf;
  6246. }
  6247. .ant-table-thead > tr > th .ant-table-filter-selected.anticon-filter {
  6248. color: @primary-color;
  6249. }
  6250. .ant-table-thead > tr > th .ant-table-column-sorter {
  6251. color: #bfbfbf;
  6252. }
  6253. .ant-table-thead > tr > th .ant-table-column-sorter-up.on,
  6254. .ant-table-thead > tr > th .ant-table-column-sorter-down.on {
  6255. color: @primary-color;
  6256. }
  6257. .ant-table-thead > tr > th.ant-table-column-has-actions:hover {
  6258. background: #f5f5f5;
  6259. }
  6260. .ant-table-thead > tr > th.ant-table-column-has-actions:hover .anticon-filter,
  6261. .ant-table-thead > tr > th.ant-table-column-has-actions:hover .ant-table-filter-icon {
  6262. background: #f5f5f5;
  6263. }
  6264. .ant-table-thead > tr > th.ant-table-column-has-actions:hover .anticon-filter:hover,
  6265. .ant-table-thead > tr > th.ant-table-column-has-actions:hover .ant-table-filter-icon:hover {
  6266. color: rgba(0, 0, 0, 0.45);
  6267. background: #ebebeb;
  6268. }
  6269. .ant-table-thead > tr > th.ant-table-column-has-actions:hover .anticon-filter:active,
  6270. .ant-table-thead > tr > th.ant-table-column-has-actions:hover .ant-table-filter-icon:active {
  6271. color: rgba(0, 0, 0, 0.65);
  6272. }
  6273. .ant-table-thead > tr > th.ant-table-column-has-actions .anticon-filter.ant-table-filter-open,
  6274. .ant-table-thead > tr > th.ant-table-column-has-actions .ant-table-filter-icon.ant-table-filter-open {
  6275. color: rgba(0, 0, 0, 0.45);
  6276. background: #ebebeb;
  6277. }
  6278. .ant-table-thead > tr > th.ant-table-column-has-actions:active .ant-table-column-sorter-up:not(.on),
  6279. .ant-table-thead > tr > th.ant-table-column-has-actions:active .ant-table-column-sorter-down:not(.on) {
  6280. color: rgba(0, 0, 0, 0.45);
  6281. }
  6282. .ant-table-thead > tr > th .ant-table-column-sorters:before {
  6283. background: transparent;
  6284. }
  6285. .ant-table-thead > tr > th .ant-table-column-sorters:hover:before {
  6286. background: rgba(0, 0, 0, 0.04);
  6287. }
  6288. .ant-table-thead > tr:first-child > th:first-child {
  6289. border-top-left-radius: 4px;
  6290. }
  6291. .ant-table-thead > tr:first-child > th:last-child {
  6292. border-top-right-radius: 4px;
  6293. }
  6294. .ant-table-thead > tr:not(:last-child) > th[colspan] {
  6295. border-bottom: 0;
  6296. }
  6297. .ant-table-tbody > tr > td {
  6298. border-bottom: 1px solid #e8e8e8;
  6299. }
  6300. .ant-table-thead > tr.ant-table-row-hover > td,
  6301. .ant-table-tbody > tr.ant-table-row-hover > td,
  6302. .ant-table-thead > tr:hover > td,
  6303. .ant-table-tbody > tr:hover > td {
  6304. background: color(~`colorPalette("@{primary-color}", 1)`);
  6305. }
  6306. .ant-table-thead > tr:hover {
  6307. background: none;
  6308. }
  6309. .ant-table-footer {
  6310. background: #fafafa;
  6311. border-radius: 0 0 4px 4px;
  6312. border-top: 1px solid #e8e8e8;
  6313. }
  6314. .ant-table-footer:before {
  6315. background: #fafafa;
  6316. }
  6317. .ant-table.ant-table-bordered .ant-table-footer {
  6318. border: 1px solid #e8e8e8;
  6319. }
  6320. .ant-table-title {
  6321. border-radius: 4px 4px 0 0;
  6322. }
  6323. .ant-table.ant-table-bordered .ant-table-title {
  6324. border: 1px solid #e8e8e8;
  6325. }
  6326. .ant-table-title + .ant-table-content {
  6327. border-radius: 4px 4px 0 0;
  6328. }
  6329. .ant-table-bordered .ant-table-title + .ant-table-content,
  6330. .ant-table-bordered .ant-table-title + .ant-table-content table,
  6331. .ant-table-bordered .ant-table-title + .ant-table-content .ant-table-thead > tr:first-child > th {
  6332. border-radius: 0;
  6333. }
  6334. .ant-table-without-column-header .ant-table-title + .ant-table-content,
  6335. .ant-table-without-column-header table {
  6336. border-radius: 0;
  6337. }
  6338. .ant-table-tbody > tr.ant-table-row-selected td {
  6339. background: #fafafa;
  6340. }
  6341. .ant-table-thead > tr > th.ant-table-column-sort {
  6342. background: #f5f5f5;
  6343. }
  6344. .ant-table-tbody > tr > td.ant-table-column-sort {
  6345. background: rgba(0, 0, 0, 0.01);
  6346. }
  6347. .ant-table-header {
  6348. background: #fafafa;
  6349. }
  6350. .ant-table-header table {
  6351. border-radius: 4px 4px 0 0;
  6352. }
  6353. .ant-table-loading .ant-table-body {
  6354. background: #fff;
  6355. }
  6356. .ant-table-bordered .ant-table-header > table,
  6357. .ant-table-bordered .ant-table-body > table,
  6358. .ant-table-bordered .ant-table-fixed-left table,
  6359. .ant-table-bordered .ant-table-fixed-right table {
  6360. border: 1px solid #e8e8e8;
  6361. border-right: 0;
  6362. border-bottom: 0;
  6363. }
  6364. .ant-table-bordered.ant-table-empty .ant-table-placeholder {
  6365. border-left: 1px solid #e8e8e8;
  6366. border-right: 1px solid #e8e8e8;
  6367. }
  6368. .ant-table-bordered.ant-table-fixed-header .ant-table-header > table {
  6369. border-bottom: 0;
  6370. }
  6371. .ant-table-bordered.ant-table-fixed-header .ant-table-body > table {
  6372. border-top: 0;
  6373. border-top-left-radius: 0;
  6374. border-top-right-radius: 0;
  6375. }
  6376. .ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
  6377. border-top: 0;
  6378. }
  6379. .ant-table-bordered.ant-table-fixed-header .ant-table-placeholder {
  6380. border: 0;
  6381. }
  6382. .ant-table-bordered .ant-table-thead > tr:not(:last-child) > th {
  6383. border-bottom: 1px solid #e8e8e8;
  6384. }
  6385. .ant-table-bordered .ant-table-thead > tr > th,
  6386. .ant-table-bordered .ant-table-tbody > tr > td {
  6387. border-right: 1px solid #e8e8e8;
  6388. }
  6389. .ant-table-placeholder {
  6390. background: #fff;
  6391. border-bottom: 1px solid #e8e8e8;
  6392. color: rgba(0, 0, 0, 0.45);
  6393. }
  6394. .ant-table-filter-dropdown {
  6395. background: #fff;
  6396. border-radius: 4px;
  6397. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  6398. }
  6399. .ant-table-filter-dropdown .ant-dropdown-menu {
  6400. border: 0;
  6401. box-shadow: none;
  6402. border-radius: 4px 4px 0 0;
  6403. }
  6404. .ant-table-filter-dropdown .ant-dropdown-menu-sub {
  6405. border-radius: 4px;
  6406. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  6407. }
  6408. .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title:after {
  6409. color: @primary-color;
  6410. }
  6411. .ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
  6412. .ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
  6413. border-radius: 0;
  6414. }
  6415. .ant-table-filter-dropdown-btns {
  6416. border-top: 1px solid #e8e8e8;
  6417. }
  6418. .ant-table-filter-dropdown-link {
  6419. color: @primary-color;
  6420. }
  6421. .ant-table-filter-dropdown-link:hover {
  6422. color: color(~`colorPalette("@{primary-color}", 5)`);
  6423. }
  6424. .ant-table-filter-dropdown-link:active {
  6425. color: color(~`colorPalette("@{primary-color}", 7)`);
  6426. }
  6427. .ant-table-selection .anticon-down {
  6428. color: #bfbfbf;
  6429. }
  6430. .ant-table-selection-menu {
  6431. background: #fff;
  6432. border-radius: 4px;
  6433. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  6434. }
  6435. .ant-table-selection-menu .ant-action-down {
  6436. color: #bfbfbf;
  6437. }
  6438. .ant-table-selection-down:hover .anticon-down {
  6439. color: #666;
  6440. }
  6441. .ant-table-row-expand-icon {
  6442. border: 1px solid #e8e8e8;
  6443. background: #fff;
  6444. }
  6445. tr.ant-table-expanded-row,
  6446. tr.ant-table-expanded-row:hover {
  6447. background: #fbfbfb;
  6448. }
  6449. .ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  6450. background: #fff;
  6451. }
  6452. .ant-table-fixed-left,
  6453. .ant-table-fixed-right {
  6454. border-radius: 0;
  6455. }
  6456. .ant-table-fixed-left table,
  6457. .ant-table-fixed-right table {
  6458. background: #fff;
  6459. }
  6460. .ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,
  6461. .ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
  6462. border-radius: 0;
  6463. }
  6464. .ant-table-fixed-left {
  6465. box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
  6466. }
  6467. .ant-table-fixed-left,
  6468. .ant-table-fixed-left table {
  6469. border-radius: 4px 0 0 0;
  6470. }
  6471. .ant-table-fixed-left .ant-table-thead > tr > th:last-child {
  6472. border-top-right-radius: 0;
  6473. }
  6474. .ant-table-fixed-right {
  6475. box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
  6476. }
  6477. .ant-table-fixed-right,
  6478. .ant-table-fixed-right table {
  6479. border-radius: 0 4px 0 0;
  6480. }
  6481. .ant-table-fixed-right .ant-table-expanded-row {
  6482. color: transparent;
  6483. }
  6484. .ant-table-fixed-right .ant-table-thead > tr > th:first-child {
  6485. border-top-left-radius: 0;
  6486. }
  6487. .ant-table.ant-table-scroll-position-left .ant-table-fixed-left {
  6488. box-shadow: none;
  6489. }
  6490. .ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
  6491. box-shadow: none;
  6492. }
  6493. .ant-table-small {
  6494. border: 1px solid #e8e8e8;
  6495. border-radius: 4px;
  6496. }
  6497. .ant-table-small > .ant-table-title {
  6498. border-bottom: 1px solid #e8e8e8;
  6499. }
  6500. .ant-table-small > .ant-table-content > .ant-table-header > table,
  6501. .ant-table-small > .ant-table-content > .ant-table-body > table,
  6502. .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
  6503. .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
  6504. .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
  6505. .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
  6506. .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
  6507. .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  6508. border: 0;
  6509. }
  6510. .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
  6511. .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
  6512. .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
  6513. .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
  6514. .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
  6515. .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
  6516. .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
  6517. .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
  6518. background: #fff;
  6519. border-bottom: 1px solid #e8e8e8;
  6520. }
  6521. .ant-table-small > .ant-table-content .ant-table-header {
  6522. background: #fff;
  6523. }
  6524. .ant-table-small > .ant-table-content .ant-table-placeholder,
  6525. .ant-table-small > .ant-table-content .ant-table-row:last-child td {
  6526. border-bottom: 0;
  6527. }
  6528. .ant-table-small.ant-table-bordered {
  6529. border-right: 0;
  6530. }
  6531. .ant-table-small.ant-table-bordered .ant-table-title {
  6532. border: 0;
  6533. border-bottom: 1px solid #e8e8e8;
  6534. border-right: 1px solid #e8e8e8;
  6535. }
  6536. .ant-table-small.ant-table-bordered .ant-table-content {
  6537. border-right: 1px solid #e8e8e8;
  6538. }
  6539. .ant-table-small.ant-table-bordered .ant-table-footer {
  6540. border: 0;
  6541. border-top: 1px solid #e8e8e8;
  6542. border-right: 1px solid #e8e8e8;
  6543. }
  6544. .ant-table-small.ant-table-bordered .ant-table-placeholder {
  6545. border-left: 0;
  6546. border-bottom: 0;
  6547. }
  6548. .ant-table-small.ant-table-bordered .ant-table-thead > tr > th:last-child,
  6549. .ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
  6550. border-right: none;
  6551. }
  6552. .ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th:last-child,
  6553. .ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td:last-child {
  6554. border-right: 1px solid #e8e8e8;
  6555. }
  6556. .ant-table-small.ant-table-bordered .ant-table-fixed-right {
  6557. border-right: 1px solid #e8e8e8;
  6558. }
  6559. .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  6560. border: 1px solid #e8e8e8;
  6561. border-bottom: 0;
  6562. border-radius: 4px 4px 0 0;
  6563. background: #fafafa;
  6564. }
  6565. .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
  6566. background: #fff;
  6567. border-color: @primary-color !important;
  6568. color: @primary-color;
  6569. }
  6570. .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .ant-tabs-close-x {
  6571. color: rgba(0, 0, 0, 0.45);
  6572. }
  6573. .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .ant-tabs-close-x:hover {
  6574. color: rgba(0, 0, 0, 0.85);
  6575. }
  6576. .ant-tabs-extra-content .ant-tabs-new-tab {
  6577. border-radius: 2px;
  6578. border: 1px solid #e8e8e8;
  6579. color: rgba(0, 0, 0, 0.65);
  6580. }
  6581. .ant-tabs-extra-content .ant-tabs-new-tab:hover {
  6582. color: @primary-color;
  6583. border-color: @primary-color;
  6584. }
  6585. .ant-tabs-vertical.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  6586. border-bottom: 1px solid #e8e8e8;
  6587. }
  6588. .ant-tabs-vertical.ant-tabs-card.ant-tabs-left > .ant-tabs-bar .ant-tabs-tab {
  6589. border-right: 0;
  6590. border-radius: 4px 0 0 4px;
  6591. }
  6592. .ant-tabs-vertical.ant-tabs-card.ant-tabs-right > .ant-tabs-bar .ant-tabs-tab {
  6593. border-left: 0;
  6594. border-radius: 0 4px 4px 0;
  6595. }
  6596. .ant-tabs.ant-tabs-card.ant-tabs-bottom > .ant-tabs-bar .ant-tabs-tab {
  6597. border-bottom: 1px solid #e8e8e8;
  6598. border-top: 0;
  6599. border-radius: 0 0 4px 4px;
  6600. }
  6601. .ant-tabs.ant-tabs-card.ant-tabs-bottom > .ant-tabs-bar .ant-tabs-tab-active {
  6602. color: @primary-color;
  6603. }
  6604. .ant-tabs {
  6605. color: rgba(0, 0, 0, 0.65);
  6606. }
  6607. .ant-tabs-ink-bar {
  6608. background-color: @primary-color;
  6609. }
  6610. .ant-tabs-bar {
  6611. border-bottom: 1px solid #e8e8e8;
  6612. }
  6613. .ant-tabs-bottom .ant-tabs-bar {
  6614. border-bottom: none;
  6615. border-top: 1px solid #e8e8e8;
  6616. }
  6617. .ant-tabs-tab-prev,
  6618. .ant-tabs-tab-next {
  6619. border: 0;
  6620. background-color: transparent;
  6621. color: rgba(0, 0, 0, 0.45);
  6622. }
  6623. .ant-tabs-tab-prev:hover,
  6624. .ant-tabs-tab-next:hover {
  6625. color: rgba(0, 0, 0, 0.65);
  6626. }
  6627. .ant-tabs-tab-btn-disabled,
  6628. .ant-tabs-tab-btn-disabled:hover {
  6629. color: rgba(0, 0, 0, 0.25);
  6630. }
  6631. .ant-tabs-nav .ant-tabs-tab-disabled {
  6632. color: rgba(0, 0, 0, 0.25);
  6633. }
  6634. .ant-tabs-nav .ant-tabs-tab:hover {
  6635. color: color(~`colorPalette("@{primary-color}", 5)`);
  6636. }
  6637. .ant-tabs-nav .ant-tabs-tab:active {
  6638. color: color(~`colorPalette("@{primary-color}", 7)`);
  6639. }
  6640. .ant-tabs-nav .ant-tabs-tab-active {
  6641. color: @primary-color;
  6642. }
  6643. .ant-tabs-vertical > .ant-tabs-bar {
  6644. border-bottom: 0;
  6645. }
  6646. .ant-tabs-vertical.ant-tabs-left > .ant-tabs-bar {
  6647. border-right: 1px solid #e8e8e8;
  6648. }
  6649. .ant-tabs-vertical.ant-tabs-left > .ant-tabs-content {
  6650. border-left: 1px solid #e8e8e8;
  6651. }
  6652. .ant-tabs-vertical.ant-tabs-right > .ant-tabs-bar {
  6653. border-left: 1px solid #e8e8e8;
  6654. }
  6655. .ant-tabs-vertical.ant-tabs-right > .ant-tabs-content {
  6656. border-right: 1px solid #e8e8e8;
  6657. }
  6658. .ant-tag {
  6659. color: rgba(0, 0, 0, 0.65);
  6660. border-radius: 4px;
  6661. border: 1px solid #d9d9d9;
  6662. background: #fafafa;
  6663. }
  6664. .ant-tag,
  6665. .ant-tag a,
  6666. .ant-tag a:hover {
  6667. color: rgba(0, 0, 0, 0.65);
  6668. }
  6669. .ant-tag .anticon-close {
  6670. color: rgba(0, 0, 0, 0.45);
  6671. }
  6672. .ant-tag .anticon-close:hover {
  6673. color: rgba(0, 0, 0, 0.85);
  6674. }
  6675. .ant-tag-has-color {
  6676. border-color: transparent;
  6677. }
  6678. .ant-tag-has-color,
  6679. .ant-tag-has-color a,
  6680. .ant-tag-has-color a:hover,
  6681. .ant-tag-has-color .anticon-close,
  6682. .ant-tag-has-color .anticon-close:hover {
  6683. color: #fff;
  6684. }
  6685. .ant-tag-checkable {
  6686. background-color: transparent;
  6687. border-color: transparent;
  6688. }
  6689. .ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  6690. color: @primary-color;
  6691. }
  6692. .ant-tag-checkable:active,
  6693. .ant-tag-checkable-checked {
  6694. color: #fff;
  6695. }
  6696. .ant-tag-checkable-checked {
  6697. background-color: @primary-color;
  6698. }
  6699. .ant-tag-checkable:active {
  6700. background-color: color(~`colorPalette("@{primary-color}", 7)`);
  6701. }
  6702. .ant-tag-pink {
  6703. color: #eb2f96;
  6704. background: #fff0f6;
  6705. border-color: #ffadd2;
  6706. }
  6707. .ant-tag-pink-inverse {
  6708. background: #eb2f96;
  6709. border-color: #eb2f96;
  6710. color: #fff;
  6711. }
  6712. .ant-tag-magenta {
  6713. color: #eb2f96;
  6714. background: #fff0f6;
  6715. border-color: #ffadd2;
  6716. }
  6717. .ant-tag-magenta-inverse {
  6718. background: #eb2f96;
  6719. border-color: #eb2f96;
  6720. color: #fff;
  6721. }
  6722. .ant-tag-red {
  6723. color: #f5222d;
  6724. background: #fff1f0;
  6725. border-color: #ffa39e;
  6726. }
  6727. .ant-tag-red-inverse {
  6728. background: #f5222d;
  6729. border-color: #f5222d;
  6730. color: #fff;
  6731. }
  6732. .ant-tag-volcano {
  6733. color: #fa541c;
  6734. background: #fff2e8;
  6735. border-color: #ffbb96;
  6736. }
  6737. .ant-tag-volcano-inverse {
  6738. background: #fa541c;
  6739. border-color: #fa541c;
  6740. color: #fff;
  6741. }
  6742. .ant-tag-orange {
  6743. color: #fa8c16;
  6744. background: #fff7e6;
  6745. border-color: #ffd591;
  6746. }
  6747. .ant-tag-orange-inverse {
  6748. background: #fa8c16;
  6749. border-color: #fa8c16;
  6750. color: #fff;
  6751. }
  6752. .ant-tag-yellow {
  6753. color: #fadb14;
  6754. background: #feffe6;
  6755. border-color: #fffb8f;
  6756. }
  6757. .ant-tag-yellow-inverse {
  6758. background: #fadb14;
  6759. border-color: #fadb14;
  6760. color: #fff;
  6761. }
  6762. .ant-tag-gold {
  6763. color: #faad14;
  6764. background: #fffbe6;
  6765. border-color: #ffe58f;
  6766. }
  6767. .ant-tag-gold-inverse {
  6768. background: #faad14;
  6769. border-color: #faad14;
  6770. color: #fff;
  6771. }
  6772. .ant-tag-cyan {
  6773. color: #13c2c2;
  6774. background: #e6fffb;
  6775. border-color: #87e8de;
  6776. }
  6777. .ant-tag-cyan-inverse {
  6778. background: #13c2c2;
  6779. border-color: #13c2c2;
  6780. color: #fff;
  6781. }
  6782. .ant-tag-lime {
  6783. color: #a0d911;
  6784. background: #fcffe6;
  6785. border-color: #eaff8f;
  6786. }
  6787. .ant-tag-lime-inverse {
  6788. background: #a0d911;
  6789. border-color: #a0d911;
  6790. color: #fff;
  6791. }
  6792. .ant-tag-green {
  6793. color: #52c41a;
  6794. background: #f6ffed;
  6795. border-color: #b7eb8f;
  6796. }
  6797. .ant-tag-green-inverse {
  6798. background: #52c41a;
  6799. border-color: #52c41a;
  6800. color: #fff;
  6801. }
  6802. .ant-tag-blue {
  6803. color: @primary-color;
  6804. background: color(~`colorPalette("@{primary-color}", 1)`);
  6805. border-color: color(~`colorPalette("@{primary-color}", 3)`);
  6806. }
  6807. .ant-tag-blue-inverse {
  6808. background: @primary-color;
  6809. border-color: @primary-color;
  6810. color: #fff;
  6811. }
  6812. .ant-tag-geekblue {
  6813. color: #2f54eb;
  6814. background: #f0f5ff;
  6815. border-color: #adc6ff;
  6816. }
  6817. .ant-tag-geekblue-inverse {
  6818. background: #2f54eb;
  6819. border-color: #2f54eb;
  6820. color: #fff;
  6821. }
  6822. .ant-tag-purple {
  6823. color: #722ed1;
  6824. background: #f9f0ff;
  6825. border-color: #d3adf7;
  6826. }
  6827. .ant-tag-purple-inverse {
  6828. background: #722ed1;
  6829. border-color: #722ed1;
  6830. color: #fff;
  6831. }
  6832. .ant-time-picker-panel {
  6833. color: rgba(0, 0, 0, 0.65);
  6834. }
  6835. .ant-time-picker-panel-inner {
  6836. background-color: #fff;
  6837. border-radius: 4px;
  6838. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  6839. background-clip: padding-box;
  6840. }
  6841. .ant-time-picker-panel-input {
  6842. border: 0;
  6843. }
  6844. .ant-time-picker-panel-input::-moz-placeholder {
  6845. color: #bfbfbf;
  6846. }
  6847. .ant-time-picker-panel-input:-ms-input-placeholder {
  6848. color: #bfbfbf;
  6849. }
  6850. .ant-time-picker-panel-input::-webkit-input-placeholder {
  6851. color: #bfbfbf;
  6852. }
  6853. .ant-time-picker-panel-input-wrap {
  6854. border-bottom: 1px solid #e8e8e8;
  6855. }
  6856. .ant-time-picker-panel-input-invalid {
  6857. border-color: red;
  6858. }
  6859. .ant-time-picker-panel-clear-btn-icon svg {
  6860. color: rgba(0, 0, 0, 0.25);
  6861. }
  6862. .ant-time-picker-panel-clear-btn-icon svg:hover {
  6863. color: rgba(0, 0, 0, 0.45);
  6864. }
  6865. .ant-time-picker-panel-select {
  6866. border-left: 1px solid #e8e8e8;
  6867. }
  6868. .ant-time-picker-panel-select:first-child {
  6869. border-left: 0;
  6870. }
  6871. .ant-time-picker-panel-select:last-child {
  6872. border-right: 0;
  6873. }
  6874. .ant-time-picker-panel-select li:hover {
  6875. background: color(~`colorPalette("@{primary-color}", 1)`);
  6876. }
  6877. li.ant-time-picker-panel-select-option-selected {
  6878. background: #f5f5f5;
  6879. }
  6880. li.ant-time-picker-panel-select-option-selected:hover {
  6881. background: #f5f5f5;
  6882. }
  6883. li.ant-time-picker-panel-select-option-disabled {
  6884. color: rgba(0, 0, 0, 0.25);
  6885. }
  6886. li.ant-time-picker-panel-select-option-disabled:hover {
  6887. background: transparent;
  6888. }
  6889. .ant-time-picker-panel-addon {
  6890. border-top: 1px solid #e8e8e8;
  6891. }
  6892. .ant-time-picker {
  6893. color: rgba(0, 0, 0, 0.65);
  6894. }
  6895. .ant-time-picker-input {
  6896. color: rgba(0, 0, 0, 0.65);
  6897. background-color: #fff;
  6898. background-image: none;
  6899. border: 1px solid #d9d9d9;
  6900. border-radius: 4px;
  6901. }
  6902. .ant-time-picker-input::-moz-placeholder {
  6903. color: #bfbfbf;
  6904. }
  6905. .ant-time-picker-input:-ms-input-placeholder {
  6906. color: #bfbfbf;
  6907. }
  6908. .ant-time-picker-input::-webkit-input-placeholder {
  6909. color: #bfbfbf;
  6910. }
  6911. .ant-time-picker-input:hover {
  6912. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  6913. border-right-width: 1px !important;
  6914. }
  6915. .ant-time-picker-input:focus {
  6916. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  6917. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  6918. border-right-width: 1px !important;
  6919. }
  6920. .ant-time-picker-input-disabled {
  6921. background-color: #f5f5f5;
  6922. color: rgba(0, 0, 0, 0.25);
  6923. }
  6924. .ant-time-picker-input-disabled:hover {
  6925. border-color: #e6d8d8;
  6926. border-right-width: 1px !important;
  6927. }
  6928. .ant-time-picker-input[disabled] {
  6929. background-color: #f5f5f5;
  6930. color: rgba(0, 0, 0, 0.25);
  6931. }
  6932. .ant-time-picker-input[disabled]:hover {
  6933. border-color: #e6d8d8;
  6934. border-right-width: 1px !important;
  6935. }
  6936. .ant-time-picker-icon {
  6937. color: rgba(0, 0, 0, 0.25);
  6938. }
  6939. .ant-time-picker-icon .ant-time-picker-clock-icon {
  6940. color: rgba(0, 0, 0, 0.25);
  6941. }
  6942. .ant-timeline {
  6943. color: rgba(0, 0, 0, 0.65);
  6944. }
  6945. .ant-timeline-item-tail {
  6946. border-left: 2px solid #e8e8e8;
  6947. }
  6948. .ant-timeline-item-head {
  6949. background-color: #fff;
  6950. border-radius: 100px;
  6951. border: 2px solid transparent;
  6952. }
  6953. .ant-timeline-item-head-blue {
  6954. border-color: @primary-color;
  6955. color: @primary-color;
  6956. }
  6957. .ant-timeline-item-head-red {
  6958. border-color: #f5222d;
  6959. color: #f5222d;
  6960. }
  6961. .ant-timeline-item-head-green {
  6962. border-color: #52c41a;
  6963. color: #52c41a;
  6964. }
  6965. .ant-timeline-item-head-custom {
  6966. border: 0;
  6967. border-radius: 0;
  6968. }
  6969. .ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  6970. border-left: 2px dotted #e8e8e8;
  6971. }
  6972. .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  6973. border-left: 2px dotted #e8e8e8;
  6974. }
  6975. .ant-tooltip {
  6976. color: rgba(0, 0, 0, 0.65);
  6977. }
  6978. .ant-tooltip-inner {
  6979. color: #fff;
  6980. background-color: rgba(0, 0, 0, 0.75);
  6981. border-radius: 4px;
  6982. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  6983. }
  6984. .ant-tooltip-arrow {
  6985. border-color: transparent;
  6986. border-style: solid;
  6987. }
  6988. .ant-tooltip-placement-top .ant-tooltip-arrow,
  6989. .ant-tooltip-placement-topLeft .ant-tooltip-arrow,
  6990. .ant-tooltip-placement-topRight .ant-tooltip-arrow {
  6991. border-width: 5px 5px 0;
  6992. border-top-color: rgba(0, 0, 0, 0.75);
  6993. }
  6994. .ant-tooltip-placement-right .ant-tooltip-arrow,
  6995. .ant-tooltip-placement-rightTop .ant-tooltip-arrow,
  6996. .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  6997. border-width: 5px 5px 5px 0;
  6998. border-right-color: rgba(0, 0, 0, 0.75);
  6999. }
  7000. .ant-tooltip-placement-left .ant-tooltip-arrow,
  7001. .ant-tooltip-placement-leftTop .ant-tooltip-arrow,
  7002. .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  7003. border-width: 5px 0 5px 5px;
  7004. border-left-color: rgba(0, 0, 0, 0.75);
  7005. }
  7006. .ant-tooltip-placement-bottom .ant-tooltip-arrow,
  7007. .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
  7008. .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  7009. border-width: 0 5px 5px;
  7010. border-bottom-color: rgba(0, 0, 0, 0.75);
  7011. }
  7012. .ant-transfer {
  7013. color: rgba(0, 0, 0, 0.65);
  7014. }
  7015. .ant-transfer-disabled .ant-transfer-list {
  7016. background: #f5f5f5;
  7017. }
  7018. .ant-transfer-list {
  7019. border: 1px solid #d9d9d9;
  7020. border-radius: 4px;
  7021. }
  7022. .ant-transfer-list-search-action {
  7023. color: rgba(0, 0, 0, 0.25);
  7024. }
  7025. .ant-transfer-list-search-action .anticon {
  7026. color: rgba(0, 0, 0, 0.25);
  7027. }
  7028. .ant-transfer-list-search-action .anticon:hover {
  7029. color: rgba(0, 0, 0, 0.45);
  7030. }
  7031. .ant-transfer-list-header {
  7032. border-radius: 4px 4px 0 0;
  7033. background: #fff;
  7034. color: rgba(0, 0, 0, 0.65);
  7035. border-bottom: 1px solid #e8e8e8;
  7036. }
  7037. .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  7038. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  7039. }
  7040. .ant-transfer-list-content-item-disabled {
  7041. color: rgba(0, 0, 0, 0.25);
  7042. }
  7043. .ant-transfer-list-body-not-found {
  7044. color: rgba(0, 0, 0, 0.25);
  7045. }
  7046. .ant-transfer-list-footer {
  7047. border-top: 1px solid #e8e8e8;
  7048. border-radius: 0 0 4px 4px;
  7049. }
  7050. .ant-select-tree-checkbox {
  7051. color: rgba(0, 0, 0, 0.65);
  7052. }
  7053. .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
  7054. .ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
  7055. .ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
  7056. border-color: @primary-color;
  7057. }
  7058. .ant-select-tree-checkbox-checked:after {
  7059. border-radius: 2px;
  7060. border: 1px solid @primary-color;
  7061. }
  7062. .ant-select-tree-checkbox-inner {
  7063. border: 1px solid #d9d9d9;
  7064. border-radius: 2px;
  7065. background-color: #fff;
  7066. }
  7067. .ant-select-tree-checkbox-inner:after {
  7068. border: 2px solid #fff;
  7069. border-top: 0;
  7070. border-left: 0;
  7071. }
  7072. .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner:after {
  7073. border: 0;
  7074. background-color: @primary-color;
  7075. }
  7076. .ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after {
  7077. border-color: rgba(0, 0, 0, 0.25);
  7078. }
  7079. .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
  7080. border: 2px solid #fff;
  7081. border-top: 0;
  7082. border-left: 0;
  7083. }
  7084. .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  7085. background-color: @primary-color;
  7086. border-color: @primary-color;
  7087. }
  7088. .ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
  7089. border-color: rgba(0, 0, 0, 0.25);
  7090. }
  7091. .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  7092. border-color: #d9d9d9 !important;
  7093. background-color: #f5f5f5;
  7094. }
  7095. .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after {
  7096. border-color: #f5f5f5;
  7097. }
  7098. .ant-select-tree-checkbox-disabled + span {
  7099. color: rgba(0, 0, 0, 0.25);
  7100. }
  7101. .ant-select-tree-checkbox-wrapper {
  7102. color: rgba(0, 0, 0, 0.65);
  7103. }
  7104. .ant-select-tree-checkbox-group {
  7105. color: rgba(0, 0, 0, 0.65);
  7106. }
  7107. .ant-select-tree {
  7108. color: rgba(0, 0, 0, 0.65);
  7109. }
  7110. .ant-select-tree li .ant-select-tree-node-content-wrapper {
  7111. border-radius: 2px;
  7112. color: rgba(0, 0, 0, 0.65);
  7113. }
  7114. .ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
  7115. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  7116. }
  7117. .ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  7118. background-color: color(~`colorPalette("@{primary-color}", 2)`);
  7119. }
  7120. .ant-select-tree li span.ant-select-tree-switcher,
  7121. .ant-select-tree li span.ant-select-tree-iconEle {
  7122. border: 0 none;
  7123. }
  7124. .ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon {
  7125. color: @primary-color;
  7126. }
  7127. .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon,
  7128. .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon {
  7129. color: @primary-color;
  7130. }
  7131. li.ant-select-tree-treenode-disabled > span:not(.ant-select-tree-switcher),
  7132. li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper,
  7133. li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper span {
  7134. color: rgba(0, 0, 0, 0.25);
  7135. }
  7136. li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hover {
  7137. background: transparent;
  7138. }
  7139. .ant-select-tree-dropdown {
  7140. color: rgba(0, 0, 0, 0.65);
  7141. }
  7142. .ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
  7143. border: 1px solid #d9d9d9;
  7144. border-radius: 4px;
  7145. }
  7146. .ant-select-tree-dropdown .ant-select-not-found {
  7147. color: rgba(0, 0, 0, 0.25);
  7148. }
  7149. .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper,
  7150. .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {
  7151. border-radius: 0;
  7152. }
  7153. .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover,
  7154. .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover {
  7155. background: transparent;
  7156. }
  7157. .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover:before,
  7158. .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover:before {
  7159. background: color(~`colorPalette("@{primary-color}", 1)`);
  7160. }
  7161. .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
  7162. .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
  7163. color: #fff;
  7164. background: transparent;
  7165. }
  7166. .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher,
  7167. .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-switcher {
  7168. color: #fff;
  7169. }
  7170. .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner,
  7171. .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner {
  7172. border-color: @primary-color;
  7173. }
  7174. .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked:after,
  7175. .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked:after {
  7176. border-color: #fff;
  7177. }
  7178. .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
  7179. .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  7180. background: #fff;
  7181. }
  7182. .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after,
  7183. .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
  7184. border-color: @primary-color;
  7185. }
  7186. .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper:before,
  7187. .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper:before {
  7188. background: @primary-color;
  7189. }
  7190. .ant-tree-checkbox {
  7191. color: rgba(0, 0, 0, 0.65);
  7192. }
  7193. .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
  7194. .ant-tree-checkbox:hover .ant-tree-checkbox-inner,
  7195. .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  7196. border-color: @primary-color;
  7197. }
  7198. .ant-tree-checkbox-checked:after {
  7199. border-radius: 2px;
  7200. border: 1px solid @primary-color;
  7201. }
  7202. .ant-tree-checkbox-inner {
  7203. border: 1px solid #d9d9d9;
  7204. border-radius: 2px;
  7205. background-color: #fff;
  7206. }
  7207. .ant-tree-checkbox-inner:after {
  7208. border: 2px solid #fff;
  7209. border-top: 0;
  7210. border-left: 0;
  7211. }
  7212. .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner:after {
  7213. border: 0;
  7214. background-color: @primary-color;
  7215. }
  7216. .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after {
  7217. border-color: rgba(0, 0, 0, 0.25);
  7218. }
  7219. .ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
  7220. border: 2px solid #fff;
  7221. border-top: 0;
  7222. border-left: 0;
  7223. }
  7224. .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  7225. background-color: @primary-color;
  7226. border-color: @primary-color;
  7227. }
  7228. .ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
  7229. border-color: rgba(0, 0, 0, 0.25);
  7230. }
  7231. .ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  7232. border-color: #d9d9d9 !important;
  7233. background-color: #f5f5f5;
  7234. }
  7235. .ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after {
  7236. border-color: #f5f5f5;
  7237. }
  7238. .ant-tree-checkbox-disabled + span {
  7239. color: rgba(0, 0, 0, 0.25);
  7240. }
  7241. .ant-tree-checkbox-wrapper {
  7242. color: rgba(0, 0, 0, 0.65);
  7243. }
  7244. .ant-tree-checkbox-group {
  7245. color: rgba(0, 0, 0, 0.65);
  7246. }
  7247. .ant-tree {
  7248. color: rgba(0, 0, 0, 0.65);
  7249. }
  7250. .ant-tree li span[draggable],
  7251. .ant-tree li span[draggable="true"] {
  7252. border-top: 2px transparent solid;
  7253. border-bottom: 2px transparent solid;
  7254. }
  7255. .ant-tree li.drag-over > span[draggable] {
  7256. background-color: @primary-color;
  7257. color: white;
  7258. }
  7259. .ant-tree li.drag-over-gap-top > span[draggable] {
  7260. border-top-color: @primary-color;
  7261. }
  7262. .ant-tree li.drag-over-gap-bottom > span[draggable] {
  7263. border-bottom-color: @primary-color;
  7264. }
  7265. .ant-tree li.filter-node > span {
  7266. color: #f5222d !important;
  7267. }
  7268. .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon,
  7269. .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon {
  7270. color: @primary-color;
  7271. }
  7272. .ant-tree li .ant-tree-node-content-wrapper {
  7273. border-radius: 2px;
  7274. color: rgba(0, 0, 0, 0.65);
  7275. }
  7276. .ant-tree li .ant-tree-node-content-wrapper:hover {
  7277. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  7278. }
  7279. .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  7280. background-color: color(~`colorPalette("@{primary-color}", 2)`);
  7281. }
  7282. .ant-tree li span.ant-tree-switcher,
  7283. .ant-tree li span.ant-tree-iconEle {
  7284. border: 0 none;
  7285. }
  7286. li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher),
  7287. li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,
  7288. li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span {
  7289. color: rgba(0, 0, 0, 0.25);
  7290. }
  7291. li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
  7292. background: transparent;
  7293. }
  7294. .ant-tree.ant-tree-show-line li span.ant-tree-switcher {
  7295. background: #fff;
  7296. color: rgba(0, 0, 0, 0.45);
  7297. }
  7298. .ant-tree.ant-tree-show-line li:not(:last-child):before {
  7299. border-left: 1px solid #d9d9d9;
  7300. }
  7301. .ant-upload {
  7302. color: rgba(0, 0, 0, 0.65);
  7303. }
  7304. .ant-upload.ant-upload-select-picture-card {
  7305. border: 1px dashed #d9d9d9;
  7306. border-radius: 4px;
  7307. background-color: #fafafa;
  7308. }
  7309. .ant-upload.ant-upload-select-picture-card:hover {
  7310. border-color: @primary-color;
  7311. }
  7312. .ant-upload.ant-upload-drag {
  7313. border: 1px dashed #d9d9d9;
  7314. border-radius: 4px;
  7315. background: #fafafa;
  7316. }
  7317. .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  7318. border: 2px dashed color(~`colorPalette("@{primary-color}", 5)`);
  7319. }
  7320. .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  7321. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  7322. }
  7323. .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  7324. color: color(~`colorPalette("@{primary-color}", 5)`);
  7325. }
  7326. .ant-upload.ant-upload-drag p.ant-upload-text {
  7327. color: rgba(0, 0, 0, 0.85);
  7328. }
  7329. .ant-upload.ant-upload-drag p.ant-upload-hint {
  7330. color: rgba(0, 0, 0, 0.45);
  7331. }
  7332. .ant-upload.ant-upload-drag .anticon-plus {
  7333. color: rgba(0, 0, 0, 0.25);
  7334. }
  7335. .ant-upload.ant-upload-drag .anticon-plus:hover {
  7336. color: rgba(0, 0, 0, 0.45);
  7337. }
  7338. .ant-upload.ant-upload-drag:hover .anticon-plus {
  7339. color: rgba(0, 0, 0, 0.45);
  7340. }
  7341. .ant-upload-list {
  7342. color: rgba(0, 0, 0, 0.65);
  7343. }
  7344. .ant-upload-list-item-info .anticon-loading,
  7345. .ant-upload-list-item-info .anticon-paper-clip {
  7346. color: rgba(0, 0, 0, 0.45);
  7347. }
  7348. .ant-upload-list-item .anticon-close {
  7349. color: rgba(0, 0, 0, 0.45);
  7350. }
  7351. .ant-upload-list-item .anticon-close:hover {
  7352. color: rgba(0, 0, 0, 0.65);
  7353. }
  7354. .ant-upload-list-item:hover .ant-upload-list-item-info {
  7355. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  7356. }
  7357. .ant-upload-list-item-error,
  7358. .ant-upload-list-item-error .anticon-paper-clip,
  7359. .ant-upload-list-item-error .ant-upload-list-item-name {
  7360. color: #f5222d;
  7361. }
  7362. .ant-upload-list-item-error .anticon-close {
  7363. color: #f5222d !important;
  7364. }
  7365. .ant-upload-list-picture .ant-upload-list-item,
  7366. .ant-upload-list-picture-card .ant-upload-list-item {
  7367. border-radius: 4px;
  7368. border: 1px solid #d9d9d9;
  7369. }
  7370. .ant-upload-list-picture .ant-upload-list-item:hover,
  7371. .ant-upload-list-picture-card .ant-upload-list-item:hover {
  7372. background: transparent;
  7373. }
  7374. .ant-upload-list-picture .ant-upload-list-item-error,
  7375. .ant-upload-list-picture-card .ant-upload-list-item-error {
  7376. border-color: #f5222d;
  7377. }
  7378. .ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
  7379. .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  7380. background: transparent;
  7381. }
  7382. .ant-upload-list-picture .ant-upload-list-item-uploading,
  7383. .ant-upload-list-picture-card .ant-upload-list-item-uploading {
  7384. border-style: dashed;
  7385. }
  7386. .ant-upload-list-picture .ant-upload-list-item-icon,
  7387. .ant-upload-list-picture-card .ant-upload-list-item-icon {
  7388. color: rgba(0, 0, 0, 0.25);
  7389. }
  7390. .ant-upload-list-picture .ant-upload-list-item-thumbnail.anticon:before,
  7391. .ant-upload-list-picture-card .ant-upload-list-item-thumbnail.anticon:before {
  7392. color: rgba(0, 0, 0, 0.45);
  7393. }
  7394. .ant-upload-list-picture-card .ant-upload-list-item-info:before {
  7395. background-color: rgba(0, 0, 0, 0.5);
  7396. }
  7397. .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,
  7398. .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  7399. color: rgba(255, 255, 255, 0.85);
  7400. }
  7401. .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover,
  7402. .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  7403. color: #fff;
  7404. }
  7405. .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  7406. background-color: #fafafa;
  7407. }
  7408. .ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
  7409. color: rgba(0, 0, 0, 0.45);
  7410. }
  7411. .ant-upload-list .ant-upload-success-icon {
  7412. color: #52c41a;
  7413. }
  7414. .drawer .drawer-content {
  7415. background: #001529;
  7416. }
  7417. .ant-list-item-meta .taobao {
  7418. color: #ff4000;
  7419. border-radius: 4px;
  7420. }
  7421. .ant-list-item-meta .dingding {
  7422. background-color: #2eabff;
  7423. color: #fff;
  7424. border-radius: 4px;
  7425. }
  7426. .ant-list-item-meta .alipay {
  7427. color: #2eabff;
  7428. border-radius: 4px;
  7429. }
  7430. font.strong {
  7431. color: #52c41a;
  7432. }
  7433. font.medium {
  7434. color: #faad14;
  7435. }
  7436. font.weak {
  7437. color: #f5222d;
  7438. }