theme.less 229 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339
  1. @primary-color: #313653;
  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. // 基础颜色
  1823. @white: #ffffff;
  1824. @primary-color-light: fade(lighten(@primary-color, 5%), 15%);
  1825. // 顶部背景色
  1826. @layout-header-background:@primary-color;
  1827. // 左边菜单light颜色
  1828. @layout-sider-background-light: #f9f9f9;
  1829. // 字体颜色
  1830. @text-color: #000000;
  1831. @table-selected-row-bg: #fbfbfb;
  1832. @primary-2: @primary-color-light;
  1833. // 基础圆角
  1834. @border-radius-base: 2px;
  1835. // 输入框后缀背景色
  1836. @input-addon-bg: @primary-color;
  1837. .ant-menu-root.ant-menu-inline,
  1838. .ant-menu-root.ant-menu-vertical {
  1839. background: @primary-color;
  1840. border-right: 1px solid @primary-color;
  1841. color: #ffffff;
  1842. }
  1843. .ant-menu-root.ant-menu-inline a,
  1844. .ant-menu-root.ant-menu-vertical a {
  1845. color: #ffffff;
  1846. }
  1847. .ant-menu-root.ant-menu-inline .ant-menu-submenu-selected,
  1848. .ant-menu-root.ant-menu-vertical .ant-menu-submenu-selected {
  1849. color: #ffffff;
  1850. }
  1851. .ant-menu-root.ant-menu-inline .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
  1852. .ant-menu-root.ant-menu-vertical .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
  1853. .ant-menu-root.ant-menu-inline .ant-menu-submenu-active,
  1854. .ant-menu-root.ant-menu-vertical .ant-menu-submenu-active {
  1855. color: #ffffff;
  1856. }
  1857. .ant-menu-root.ant-menu-inline .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
  1858. .ant-menu-root.ant-menu-vertical .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
  1859. .ant-menu-root.ant-menu-inline .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
  1860. .ant-menu-root.ant-menu-vertical .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  1861. background: #ffffff;
  1862. }
  1863. .ant-menu-root.ant-menu-inline .ant-menu-submenu-title:hover,
  1864. .ant-menu-root.ant-menu-vertical .ant-menu-submenu-title:hover {
  1865. color: #ffffff;
  1866. }
  1867. .ant-menu-root.ant-menu-inline .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
  1868. .ant-menu-root.ant-menu-vertical .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
  1869. .ant-menu-root.ant-menu-inline .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
  1870. .ant-menu-root.ant-menu-vertical .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after {
  1871. background: #ffffff;
  1872. }
  1873. .ant-menu-root.ant-menu-inline .ant-menu-submenu > .ant-menu,
  1874. .ant-menu-root.ant-menu-vertical .ant-menu-submenu > .ant-menu {
  1875. background-color: rgba(58, 64, 99, 0.15);
  1876. }
  1877. .ant-menu-root.ant-menu-inline .ant-menu-item > a:hover,
  1878. .ant-menu-root.ant-menu-vertical .ant-menu-item > a:hover {
  1879. color: #ffffff;
  1880. }
  1881. .ant-menu-horizontal > .ant-menu-item-selected {
  1882. color: #ffffff;
  1883. }
  1884. .bg--primary {
  1885. background: @primary-color;
  1886. }
  1887. .header .ant-menu {
  1888. background: transparent;
  1889. color: #ffffff;
  1890. }
  1891. .header .ant-menu .ant-menu-item:hover {
  1892. color: #ffffff;
  1893. }
  1894. .header__trigger {
  1895. color: #ffffff;
  1896. }
  1897. html {
  1898. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1899. }
  1900. body {
  1901. color: #000000;
  1902. background-color: #fff;
  1903. }
  1904. h1,
  1905. h2,
  1906. h3,
  1907. h4,
  1908. h5,
  1909. h6 {
  1910. color: rgba(0, 0, 0, 0.85);
  1911. }
  1912. abbr[title],
  1913. abbr[data-original-title] {
  1914. border-bottom: 0;
  1915. }
  1916. a {
  1917. color: @primary-color;
  1918. background-color: transparent;
  1919. }
  1920. a:hover {
  1921. color: color(~`colorPalette("@{primary-color}", 5)`);
  1922. }
  1923. a:active {
  1924. color: color(~`colorPalette("@{primary-color}", 7)`);
  1925. }
  1926. a[disabled] {
  1927. color: rgba(0, 0, 0, 0.25);
  1928. }
  1929. img {
  1930. border-style: none;
  1931. }
  1932. table {
  1933. border-collapse: collapse;
  1934. }
  1935. caption {
  1936. color: rgba(0, 0, 0, 0.45);
  1937. }
  1938. input,
  1939. button,
  1940. select,
  1941. optgroup,
  1942. textarea {
  1943. color: inherit;
  1944. }
  1945. button::-moz-focus-inner,
  1946. [type="button"]::-moz-focus-inner,
  1947. [type="reset"]::-moz-focus-inner,
  1948. [type="submit"]::-moz-focus-inner {
  1949. border-style: none;
  1950. }
  1951. fieldset {
  1952. border: 0;
  1953. }
  1954. legend {
  1955. color: inherit;
  1956. }
  1957. mark {
  1958. background-color: #feffe6;
  1959. }
  1960. ::selection {
  1961. background: @primary-color;
  1962. color: #fff;
  1963. }
  1964. [ant-click-animating-without-extra-node]:after,
  1965. .ant-click-animating-node {
  1966. border-radius: inherit;
  1967. border: 0 solid @primary-color;
  1968. }
  1969. .ant-alert {
  1970. color: #000000;
  1971. border-radius: 2px;
  1972. }
  1973. .ant-alert-success {
  1974. border: 1px solid #b7eb8f;
  1975. background-color: #f6ffed;
  1976. }
  1977. .ant-alert-success .ant-alert-icon {
  1978. color: #52c41a;
  1979. }
  1980. .ant-alert-info {
  1981. border: 1px solid #91d5ff;
  1982. background-color: #e6f7ff;
  1983. }
  1984. .ant-alert-info .ant-alert-icon {
  1985. color: #1890ff;
  1986. }
  1987. .ant-alert-warning {
  1988. border: 1px solid #ffe58f;
  1989. background-color: #fffbe6;
  1990. }
  1991. .ant-alert-warning .ant-alert-icon {
  1992. color: #faad14;
  1993. }
  1994. .ant-alert-error {
  1995. border: 1px solid #ffa39e;
  1996. background-color: #fff1f0;
  1997. }
  1998. .ant-alert-error .ant-alert-icon {
  1999. color: #f5222d;
  2000. }
  2001. .ant-alert-close-icon .anticon-close {
  2002. color: rgba(0, 0, 0, 0.45);
  2003. }
  2004. .ant-alert-close-icon .anticon-close:hover {
  2005. color: #404040;
  2006. }
  2007. .ant-alert-with-description {
  2008. border-radius: 2px;
  2009. color: #000000;
  2010. }
  2011. .ant-alert-with-description .ant-alert-message {
  2012. color: rgba(0, 0, 0, 0.85);
  2013. }
  2014. .ant-alert-banner {
  2015. border-radius: 0;
  2016. border: 0;
  2017. }
  2018. .ant-anchor {
  2019. color: #000000;
  2020. }
  2021. .ant-anchor-wrapper {
  2022. background-color: #fff;
  2023. }
  2024. .ant-anchor-ink:before {
  2025. background-color: #e8e8e8;
  2026. }
  2027. .ant-anchor-ink-ball {
  2028. border-radius: 8px;
  2029. border: 2px solid @primary-color;
  2030. background-color: #fff;
  2031. }
  2032. .ant-anchor-link-title {
  2033. color: #000000;
  2034. }
  2035. .ant-anchor-link-active > .ant-anchor-link-title {
  2036. color: @primary-color;
  2037. }
  2038. .ant-select-auto-complete {
  2039. color: #000000;
  2040. }
  2041. .ant-select-auto-complete.ant-select .ant-select-selection {
  2042. border: 0;
  2043. box-shadow: none;
  2044. }
  2045. .ant-select-auto-complete.ant-select .ant-input {
  2046. background: transparent;
  2047. border-width: 1px;
  2048. }
  2049. .ant-select-auto-complete.ant-select .ant-input:focus,
  2050. .ant-select-auto-complete.ant-select .ant-input:hover {
  2051. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  2052. border-right-width: 1px !important;
  2053. }
  2054. .ant-select-auto-complete.ant-select .ant-input[disabled] {
  2055. background-color: #f5f5f5;
  2056. color: rgba(0, 0, 0, 0.25);
  2057. }
  2058. .ant-select-auto-complete.ant-select .ant-input[disabled]:hover {
  2059. border-color: #e6d8d8;
  2060. border-right-width: 1px !important;
  2061. }
  2062. .ant-avatar {
  2063. color: #000000;
  2064. background: #ccc;
  2065. color: #fff;
  2066. border-radius: 50%;
  2067. }
  2068. .ant-avatar-image {
  2069. background: transparent;
  2070. }
  2071. .ant-avatar-lg {
  2072. border-radius: 50%;
  2073. }
  2074. .ant-avatar-sm {
  2075. border-radius: 50%;
  2076. }
  2077. .ant-avatar-square {
  2078. border-radius: 2px;
  2079. }
  2080. .ant-back-top {
  2081. color: #000000;
  2082. }
  2083. .ant-back-top-content {
  2084. border-radius: 20px;
  2085. background-color: rgba(0, 0, 0, 0.45);
  2086. color: #fff;
  2087. }
  2088. .ant-back-top-content:hover {
  2089. background-color: #000000;
  2090. }
  2091. .ant-back-top-icon {
  2092. 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;
  2093. }
  2094. .ant-badge {
  2095. color: #000000;
  2096. color: unset;
  2097. }
  2098. .ant-badge-count {
  2099. border-radius: 10px;
  2100. background: #f5222d;
  2101. color: #fff;
  2102. box-shadow: 0 0 0 1px #fff;
  2103. }
  2104. .ant-badge-count a,
  2105. .ant-badge-count a:hover {
  2106. color: #fff;
  2107. }
  2108. .ant-badge-dot {
  2109. border-radius: 100%;
  2110. background: #f5222d;
  2111. box-shadow: 0 0 0 1px #fff;
  2112. }
  2113. .ant-badge-status-dot {
  2114. border-radius: 50%;
  2115. }
  2116. .ant-badge-status-success {
  2117. background-color: #52c41a;
  2118. }
  2119. .ant-badge-status-processing {
  2120. background-color: #1890ff;
  2121. }
  2122. .ant-badge-status-processing:after {
  2123. border-radius: 50%;
  2124. border: 1px solid #1890ff;
  2125. }
  2126. .ant-badge-status-default {
  2127. background-color: #d9d9d9;
  2128. }
  2129. .ant-badge-status-error {
  2130. background-color: #f5222d;
  2131. }
  2132. .ant-badge-status-warning {
  2133. background-color: #faad14;
  2134. }
  2135. .ant-badge-status-text {
  2136. color: #000000;
  2137. }
  2138. .ant-breadcrumb {
  2139. color: #000000;
  2140. color: rgba(0, 0, 0, 0.45);
  2141. }
  2142. .ant-breadcrumb a {
  2143. color: rgba(0, 0, 0, 0.45);
  2144. }
  2145. .ant-breadcrumb a:hover {
  2146. color: color(~`colorPalette("@{primary-color}", 5)`);
  2147. }
  2148. .ant-breadcrumb > span:last-child {
  2149. color: #000000;
  2150. }
  2151. .ant-breadcrumb-separator {
  2152. color: rgba(0, 0, 0, 0.45);
  2153. }
  2154. .ant-btn {
  2155. background-image: none;
  2156. border: 1px solid transparent;
  2157. border-radius: 2px;
  2158. box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  2159. color: #000000;
  2160. background-color: #fff;
  2161. border-color: #d9d9d9;
  2162. }
  2163. .ant-btn:not([disabled]):active {
  2164. box-shadow: none;
  2165. }
  2166. .ant-btn-lg {
  2167. border-radius: 2px;
  2168. }
  2169. .ant-btn-sm {
  2170. border-radius: 2px;
  2171. }
  2172. .ant-btn > a:only-child {
  2173. color: currentColor;
  2174. }
  2175. .ant-btn > a:only-child:after {
  2176. background: transparent;
  2177. }
  2178. .ant-btn:hover,
  2179. .ant-btn:focus {
  2180. color: color(~`colorPalette("@{primary-color}", 5)`);
  2181. background-color: #fff;
  2182. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  2183. }
  2184. .ant-btn:hover > a:only-child,
  2185. .ant-btn:focus > a:only-child {
  2186. color: currentColor;
  2187. }
  2188. .ant-btn:hover > a:only-child:after,
  2189. .ant-btn:focus > a:only-child:after {
  2190. background: transparent;
  2191. }
  2192. .ant-btn:active,
  2193. .ant-btn.active {
  2194. color: color(~`colorPalette("@{primary-color}", 7)`);
  2195. background-color: #fff;
  2196. border-color: color(~`colorPalette("@{primary-color}", 7)`);
  2197. }
  2198. .ant-btn:active > a:only-child,
  2199. .ant-btn.active > a:only-child {
  2200. color: currentColor;
  2201. }
  2202. .ant-btn:active > a:only-child:after,
  2203. .ant-btn.active > a:only-child:after {
  2204. background: transparent;
  2205. }
  2206. .ant-btn.disabled,
  2207. .ant-btn[disabled],
  2208. .ant-btn.disabled:hover,
  2209. .ant-btn[disabled]:hover,
  2210. .ant-btn.disabled:focus,
  2211. .ant-btn[disabled]:focus,
  2212. .ant-btn.disabled:active,
  2213. .ant-btn[disabled]:active,
  2214. .ant-btn.disabled.active,
  2215. .ant-btn[disabled].active {
  2216. color: rgba(0, 0, 0, 0.25);
  2217. background-color: #f5f5f5;
  2218. border-color: #d9d9d9;
  2219. box-shadow: none;
  2220. }
  2221. .ant-btn.disabled > a:only-child,
  2222. .ant-btn[disabled] > a:only-child,
  2223. .ant-btn.disabled:hover > a:only-child,
  2224. .ant-btn[disabled]:hover > a:only-child,
  2225. .ant-btn.disabled:focus > a:only-child,
  2226. .ant-btn[disabled]:focus > a:only-child,
  2227. .ant-btn.disabled:active > a:only-child,
  2228. .ant-btn[disabled]:active > a:only-child,
  2229. .ant-btn.disabled.active > a:only-child,
  2230. .ant-btn[disabled].active > a:only-child {
  2231. color: currentColor;
  2232. }
  2233. .ant-btn.disabled > a:only-child:after,
  2234. .ant-btn[disabled] > a:only-child:after,
  2235. .ant-btn.disabled:hover > a:only-child:after,
  2236. .ant-btn[disabled]:hover > a:only-child:after,
  2237. .ant-btn.disabled:focus > a:only-child:after,
  2238. .ant-btn[disabled]:focus > a:only-child:after,
  2239. .ant-btn.disabled:active > a:only-child:after,
  2240. .ant-btn[disabled]:active > a:only-child:after,
  2241. .ant-btn.disabled.active > a:only-child:after,
  2242. .ant-btn[disabled].active > a:only-child:after {
  2243. background: transparent;
  2244. }
  2245. .ant-btn:hover,
  2246. .ant-btn:focus,
  2247. .ant-btn:active,
  2248. .ant-btn.active {
  2249. background: #fff;
  2250. }
  2251. .ant-btn-primary {
  2252. color: #fff;
  2253. background-color: @primary-color;
  2254. border-color: @primary-color;
  2255. box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
  2256. }
  2257. .ant-btn-primary > a:only-child {
  2258. color: currentColor;
  2259. }
  2260. .ant-btn-primary > a:only-child:after {
  2261. background: transparent;
  2262. }
  2263. .ant-btn-primary:hover,
  2264. .ant-btn-primary:focus {
  2265. color: #fff;
  2266. background-color: color(~`colorPalette("@{primary-color}", 5)`);
  2267. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  2268. }
  2269. .ant-btn-primary:hover > a:only-child,
  2270. .ant-btn-primary:focus > a:only-child {
  2271. color: currentColor;
  2272. }
  2273. .ant-btn-primary:hover > a:only-child:after,
  2274. .ant-btn-primary:focus > a:only-child:after {
  2275. background: transparent;
  2276. }
  2277. .ant-btn-primary:active,
  2278. .ant-btn-primary.active {
  2279. color: #fff;
  2280. background-color: color(~`colorPalette("@{primary-color}", 7)`);
  2281. border-color: color(~`colorPalette("@{primary-color}", 7)`);
  2282. }
  2283. .ant-btn-primary:active > a:only-child,
  2284. .ant-btn-primary.active > a:only-child {
  2285. color: currentColor;
  2286. }
  2287. .ant-btn-primary:active > a:only-child:after,
  2288. .ant-btn-primary.active > a:only-child:after {
  2289. background: transparent;
  2290. }
  2291. .ant-btn-primary.disabled,
  2292. .ant-btn-primary[disabled],
  2293. .ant-btn-primary.disabled:hover,
  2294. .ant-btn-primary[disabled]:hover,
  2295. .ant-btn-primary.disabled:focus,
  2296. .ant-btn-primary[disabled]:focus,
  2297. .ant-btn-primary.disabled:active,
  2298. .ant-btn-primary[disabled]:active,
  2299. .ant-btn-primary.disabled.active,
  2300. .ant-btn-primary[disabled].active {
  2301. color: rgba(0, 0, 0, 0.25);
  2302. background-color: #f5f5f5;
  2303. border-color: #d9d9d9;
  2304. box-shadow: none;
  2305. }
  2306. .ant-btn-primary.disabled > a:only-child,
  2307. .ant-btn-primary[disabled] > a:only-child,
  2308. .ant-btn-primary.disabled:hover > a:only-child,
  2309. .ant-btn-primary[disabled]:hover > a:only-child,
  2310. .ant-btn-primary.disabled:focus > a:only-child,
  2311. .ant-btn-primary[disabled]:focus > a:only-child,
  2312. .ant-btn-primary.disabled:active > a:only-child,
  2313. .ant-btn-primary[disabled]:active > a:only-child,
  2314. .ant-btn-primary.disabled.active > a:only-child,
  2315. .ant-btn-primary[disabled].active > a:only-child {
  2316. color: currentColor;
  2317. }
  2318. .ant-btn-primary.disabled > a:only-child:after,
  2319. .ant-btn-primary[disabled] > a:only-child:after,
  2320. .ant-btn-primary.disabled:hover > a:only-child:after,
  2321. .ant-btn-primary[disabled]:hover > a:only-child:after,
  2322. .ant-btn-primary.disabled:focus > a:only-child:after,
  2323. .ant-btn-primary[disabled]:focus > a:only-child:after,
  2324. .ant-btn-primary.disabled:active > a:only-child:after,
  2325. .ant-btn-primary[disabled]:active > a:only-child:after,
  2326. .ant-btn-primary.disabled.active > a:only-child:after,
  2327. .ant-btn-primary[disabled].active > a:only-child:after {
  2328. background: transparent;
  2329. }
  2330. .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  2331. border-right-color: color(~`colorPalette("@{primary-color}", 5)`);
  2332. border-left-color: color(~`colorPalette("@{primary-color}", 5)`);
  2333. }
  2334. .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  2335. border-color: #d9d9d9;
  2336. }
  2337. .ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  2338. border-right-color: color(~`colorPalette("@{primary-color}", 5)`);
  2339. }
  2340. .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  2341. border-right-color: #d9d9d9;
  2342. }
  2343. .ant-btn-group .ant-btn-primary:last-child:not(:first-child),
  2344. .ant-btn-group .ant-btn-primary + .ant-btn-primary {
  2345. border-left-color: color(~`colorPalette("@{primary-color}", 5)`);
  2346. }
  2347. .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
  2348. .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  2349. border-left-color: #d9d9d9;
  2350. }
  2351. .ant-btn-ghost {
  2352. color: #000000;
  2353. background-color: transparent;
  2354. border-color: #d9d9d9;
  2355. }
  2356. .ant-btn-ghost > a:only-child {
  2357. color: currentColor;
  2358. }
  2359. .ant-btn-ghost > a:only-child:after {
  2360. background: transparent;
  2361. }
  2362. .ant-btn-ghost:hover,
  2363. .ant-btn-ghost:focus {
  2364. color: color(~`colorPalette("@{primary-color}", 5)`);
  2365. background-color: transparent;
  2366. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  2367. }
  2368. .ant-btn-ghost:hover > a:only-child,
  2369. .ant-btn-ghost:focus > a:only-child {
  2370. color: currentColor;
  2371. }
  2372. .ant-btn-ghost:hover > a:only-child:after,
  2373. .ant-btn-ghost:focus > a:only-child:after {
  2374. background: transparent;
  2375. }
  2376. .ant-btn-ghost:active,
  2377. .ant-btn-ghost.active {
  2378. color: color(~`colorPalette("@{primary-color}", 7)`);
  2379. background-color: transparent;
  2380. border-color: color(~`colorPalette("@{primary-color}", 7)`);
  2381. }
  2382. .ant-btn-ghost:active > a:only-child,
  2383. .ant-btn-ghost.active > a:only-child {
  2384. color: currentColor;
  2385. }
  2386. .ant-btn-ghost:active > a:only-child:after,
  2387. .ant-btn-ghost.active > a:only-child:after {
  2388. background: transparent;
  2389. }
  2390. .ant-btn-ghost.disabled,
  2391. .ant-btn-ghost[disabled],
  2392. .ant-btn-ghost.disabled:hover,
  2393. .ant-btn-ghost[disabled]:hover,
  2394. .ant-btn-ghost.disabled:focus,
  2395. .ant-btn-ghost[disabled]:focus,
  2396. .ant-btn-ghost.disabled:active,
  2397. .ant-btn-ghost[disabled]:active,
  2398. .ant-btn-ghost.disabled.active,
  2399. .ant-btn-ghost[disabled].active {
  2400. color: rgba(0, 0, 0, 0.25);
  2401. background-color: #f5f5f5;
  2402. border-color: #d9d9d9;
  2403. box-shadow: none;
  2404. }
  2405. .ant-btn-ghost.disabled > a:only-child,
  2406. .ant-btn-ghost[disabled] > a:only-child,
  2407. .ant-btn-ghost.disabled:hover > a:only-child,
  2408. .ant-btn-ghost[disabled]:hover > a:only-child,
  2409. .ant-btn-ghost.disabled:focus > a:only-child,
  2410. .ant-btn-ghost[disabled]:focus > a:only-child,
  2411. .ant-btn-ghost.disabled:active > a:only-child,
  2412. .ant-btn-ghost[disabled]:active > a:only-child,
  2413. .ant-btn-ghost.disabled.active > a:only-child,
  2414. .ant-btn-ghost[disabled].active > a:only-child {
  2415. color: currentColor;
  2416. }
  2417. .ant-btn-ghost.disabled > a:only-child:after,
  2418. .ant-btn-ghost[disabled] > a:only-child:after,
  2419. .ant-btn-ghost.disabled:hover > a:only-child:after,
  2420. .ant-btn-ghost[disabled]:hover > a:only-child:after,
  2421. .ant-btn-ghost.disabled:focus > a:only-child:after,
  2422. .ant-btn-ghost[disabled]:focus > a:only-child:after,
  2423. .ant-btn-ghost.disabled:active > a:only-child:after,
  2424. .ant-btn-ghost[disabled]:active > a:only-child:after,
  2425. .ant-btn-ghost.disabled.active > a:only-child:after,
  2426. .ant-btn-ghost[disabled].active > a:only-child:after {
  2427. background: transparent;
  2428. }
  2429. .ant-btn-dashed {
  2430. color: #000000;
  2431. background-color: #fff;
  2432. border-color: #d9d9d9;
  2433. border-style: dashed;
  2434. }
  2435. .ant-btn-dashed > a:only-child {
  2436. color: currentColor;
  2437. }
  2438. .ant-btn-dashed > a:only-child:after {
  2439. background: transparent;
  2440. }
  2441. .ant-btn-dashed:hover,
  2442. .ant-btn-dashed:focus {
  2443. color: color(~`colorPalette("@{primary-color}", 5)`);
  2444. background-color: #fff;
  2445. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  2446. }
  2447. .ant-btn-dashed:hover > a:only-child,
  2448. .ant-btn-dashed:focus > a:only-child {
  2449. color: currentColor;
  2450. }
  2451. .ant-btn-dashed:hover > a:only-child:after,
  2452. .ant-btn-dashed:focus > a:only-child:after {
  2453. background: transparent;
  2454. }
  2455. .ant-btn-dashed:active,
  2456. .ant-btn-dashed.active {
  2457. color: color(~`colorPalette("@{primary-color}", 7)`);
  2458. background-color: #fff;
  2459. border-color: color(~`colorPalette("@{primary-color}", 7)`);
  2460. }
  2461. .ant-btn-dashed:active > a:only-child,
  2462. .ant-btn-dashed.active > a:only-child {
  2463. color: currentColor;
  2464. }
  2465. .ant-btn-dashed:active > a:only-child:after,
  2466. .ant-btn-dashed.active > a:only-child:after {
  2467. background: transparent;
  2468. }
  2469. .ant-btn-dashed.disabled,
  2470. .ant-btn-dashed[disabled],
  2471. .ant-btn-dashed.disabled:hover,
  2472. .ant-btn-dashed[disabled]:hover,
  2473. .ant-btn-dashed.disabled:focus,
  2474. .ant-btn-dashed[disabled]:focus,
  2475. .ant-btn-dashed.disabled:active,
  2476. .ant-btn-dashed[disabled]:active,
  2477. .ant-btn-dashed.disabled.active,
  2478. .ant-btn-dashed[disabled].active {
  2479. color: rgba(0, 0, 0, 0.25);
  2480. background-color: #f5f5f5;
  2481. border-color: #d9d9d9;
  2482. box-shadow: none;
  2483. }
  2484. .ant-btn-dashed.disabled > a:only-child,
  2485. .ant-btn-dashed[disabled] > a:only-child,
  2486. .ant-btn-dashed.disabled:hover > a:only-child,
  2487. .ant-btn-dashed[disabled]:hover > a:only-child,
  2488. .ant-btn-dashed.disabled:focus > a:only-child,
  2489. .ant-btn-dashed[disabled]:focus > a:only-child,
  2490. .ant-btn-dashed.disabled:active > a:only-child,
  2491. .ant-btn-dashed[disabled]:active > a:only-child,
  2492. .ant-btn-dashed.disabled.active > a:only-child,
  2493. .ant-btn-dashed[disabled].active > a:only-child {
  2494. color: currentColor;
  2495. }
  2496. .ant-btn-dashed.disabled > a:only-child:after,
  2497. .ant-btn-dashed[disabled] > a:only-child:after,
  2498. .ant-btn-dashed.disabled:hover > a:only-child:after,
  2499. .ant-btn-dashed[disabled]:hover > a:only-child:after,
  2500. .ant-btn-dashed.disabled:focus > a:only-child:after,
  2501. .ant-btn-dashed[disabled]:focus > a:only-child:after,
  2502. .ant-btn-dashed.disabled:active > a:only-child:after,
  2503. .ant-btn-dashed[disabled]:active > a:only-child:after,
  2504. .ant-btn-dashed.disabled.active > a:only-child:after,
  2505. .ant-btn-dashed[disabled].active > a:only-child:after {
  2506. background: transparent;
  2507. }
  2508. .ant-btn-danger {
  2509. color: #f5222d;
  2510. background-color: #f5f5f5;
  2511. border-color: #d9d9d9;
  2512. }
  2513. .ant-btn-danger > a:only-child {
  2514. color: currentColor;
  2515. }
  2516. .ant-btn-danger > a:only-child:after {
  2517. background: transparent;
  2518. }
  2519. .ant-btn-danger:hover {
  2520. color: #fff;
  2521. background-color: #ff4d4f;
  2522. border-color: #ff4d4f;
  2523. }
  2524. .ant-btn-danger:hover > a:only-child {
  2525. color: currentColor;
  2526. }
  2527. .ant-btn-danger:hover > a:only-child:after {
  2528. background: transparent;
  2529. }
  2530. .ant-btn-danger:focus {
  2531. color: #ff4d4f;
  2532. background-color: #fff;
  2533. border-color: #ff4d4f;
  2534. }
  2535. .ant-btn-danger:focus > a:only-child {
  2536. color: currentColor;
  2537. }
  2538. .ant-btn-danger:focus > a:only-child:after {
  2539. background: transparent;
  2540. }
  2541. .ant-btn-danger:active,
  2542. .ant-btn-danger.active {
  2543. color: #fff;
  2544. background-color: #cf1322;
  2545. border-color: #cf1322;
  2546. }
  2547. .ant-btn-danger:active > a:only-child,
  2548. .ant-btn-danger.active > a:only-child {
  2549. color: currentColor;
  2550. }
  2551. .ant-btn-danger:active > a:only-child:after,
  2552. .ant-btn-danger.active > a:only-child:after {
  2553. background: transparent;
  2554. }
  2555. .ant-btn-danger.disabled,
  2556. .ant-btn-danger[disabled],
  2557. .ant-btn-danger.disabled:hover,
  2558. .ant-btn-danger[disabled]:hover,
  2559. .ant-btn-danger.disabled:focus,
  2560. .ant-btn-danger[disabled]:focus,
  2561. .ant-btn-danger.disabled:active,
  2562. .ant-btn-danger[disabled]:active,
  2563. .ant-btn-danger.disabled.active,
  2564. .ant-btn-danger[disabled].active {
  2565. color: rgba(0, 0, 0, 0.25);
  2566. background-color: #f5f5f5;
  2567. border-color: #d9d9d9;
  2568. box-shadow: none;
  2569. }
  2570. .ant-btn-danger.disabled > a:only-child,
  2571. .ant-btn-danger[disabled] > a:only-child,
  2572. .ant-btn-danger.disabled:hover > a:only-child,
  2573. .ant-btn-danger[disabled]:hover > a:only-child,
  2574. .ant-btn-danger.disabled:focus > a:only-child,
  2575. .ant-btn-danger[disabled]:focus > a:only-child,
  2576. .ant-btn-danger.disabled:active > a:only-child,
  2577. .ant-btn-danger[disabled]:active > a:only-child,
  2578. .ant-btn-danger.disabled.active > a:only-child,
  2579. .ant-btn-danger[disabled].active > a:only-child {
  2580. color: currentColor;
  2581. }
  2582. .ant-btn-danger.disabled > a:only-child:after,
  2583. .ant-btn-danger[disabled] > a:only-child:after,
  2584. .ant-btn-danger.disabled:hover > a:only-child:after,
  2585. .ant-btn-danger[disabled]:hover > a:only-child:after,
  2586. .ant-btn-danger.disabled:focus > a:only-child:after,
  2587. .ant-btn-danger[disabled]:focus > a:only-child:after,
  2588. .ant-btn-danger.disabled:active > a:only-child:after,
  2589. .ant-btn-danger[disabled]:active > a:only-child:after,
  2590. .ant-btn-danger.disabled.active > a:only-child:after,
  2591. .ant-btn-danger[disabled].active > a:only-child:after {
  2592. background: transparent;
  2593. }
  2594. .ant-btn-circle,
  2595. .ant-btn-circle-outline {
  2596. border-radius: 50%;
  2597. }
  2598. .ant-btn-circle.ant-btn-lg,
  2599. .ant-btn-circle-outline.ant-btn-lg {
  2600. border-radius: 50%;
  2601. }
  2602. .ant-btn-circle.ant-btn-sm,
  2603. .ant-btn-circle-outline.ant-btn-sm {
  2604. border-radius: 50%;
  2605. }
  2606. .ant-btn:before {
  2607. background: #fff;
  2608. border-radius: inherit;
  2609. }
  2610. .ant-btn-group-lg > .ant-btn,
  2611. .ant-btn-group-lg > span > .ant-btn {
  2612. border-radius: 0;
  2613. }
  2614. .ant-btn-group-sm > .ant-btn,
  2615. .ant-btn-group-sm > span > .ant-btn {
  2616. border-radius: 0;
  2617. }
  2618. .ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  2619. border-left-color: transparent;
  2620. }
  2621. .ant-btn-group .ant-btn {
  2622. border-radius: 0;
  2623. }
  2624. .ant-btn-group > .ant-btn:only-child {
  2625. border-radius: 2px;
  2626. }
  2627. .ant-btn-group > span:only-child > .ant-btn {
  2628. border-radius: 2px;
  2629. }
  2630. .ant-btn-group > .ant-btn:first-child:not(:last-child),
  2631. .ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  2632. border-bottom-left-radius: 2px;
  2633. border-top-left-radius: 2px;
  2634. }
  2635. .ant-btn-group > .ant-btn:last-child:not(:first-child),
  2636. .ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  2637. border-bottom-right-radius: 2px;
  2638. border-top-right-radius: 2px;
  2639. }
  2640. .ant-btn-group-sm > .ant-btn:only-child {
  2641. border-radius: 2px;
  2642. }
  2643. .ant-btn-group-sm > span:only-child > .ant-btn {
  2644. border-radius: 2px;
  2645. }
  2646. .ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
  2647. .ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  2648. border-bottom-left-radius: 2px;
  2649. border-top-left-radius: 2px;
  2650. }
  2651. .ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
  2652. .ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  2653. border-bottom-right-radius: 2px;
  2654. border-top-right-radius: 2px;
  2655. }
  2656. .ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  2657. border-radius: 0;
  2658. }
  2659. .ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  2660. border-bottom-right-radius: 0;
  2661. border-top-right-radius: 0;
  2662. }
  2663. .ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  2664. border-bottom-left-radius: 0;
  2665. border-top-left-radius: 0;
  2666. }
  2667. .ant-btn-background-ghost {
  2668. background: transparent !important;
  2669. border-color: #fff;
  2670. color: #fff;
  2671. }
  2672. .ant-btn-background-ghost.ant-btn-primary {
  2673. color: @primary-color;
  2674. background-color: transparent;
  2675. border-color: @primary-color;
  2676. }
  2677. .ant-btn-background-ghost.ant-btn-primary > a:only-child {
  2678. color: currentColor;
  2679. }
  2680. .ant-btn-background-ghost.ant-btn-primary > a:only-child:after {
  2681. background: transparent;
  2682. }
  2683. .ant-btn-background-ghost.ant-btn-primary:hover,
  2684. .ant-btn-background-ghost.ant-btn-primary:focus {
  2685. color: color(~`colorPalette("@{primary-color}", 5)`);
  2686. background-color: transparent;
  2687. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  2688. }
  2689. .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
  2690. .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  2691. color: currentColor;
  2692. }
  2693. .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child:after,
  2694. .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child:after {
  2695. background: transparent;
  2696. }
  2697. .ant-btn-background-ghost.ant-btn-primary:active,
  2698. .ant-btn-background-ghost.ant-btn-primary.active {
  2699. color: color(~`colorPalette("@{primary-color}", 7)`);
  2700. background-color: transparent;
  2701. border-color: color(~`colorPalette("@{primary-color}", 7)`);
  2702. }
  2703. .ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
  2704. .ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
  2705. color: currentColor;
  2706. }
  2707. .ant-btn-background-ghost.ant-btn-primary:active > a:only-child:after,
  2708. .ant-btn-background-ghost.ant-btn-primary.active > a:only-child:after {
  2709. background: transparent;
  2710. }
  2711. .ant-btn-background-ghost.ant-btn-primary.disabled,
  2712. .ant-btn-background-ghost.ant-btn-primary[disabled],
  2713. .ant-btn-background-ghost.ant-btn-primary.disabled:hover,
  2714. .ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
  2715. .ant-btn-background-ghost.ant-btn-primary.disabled:focus,
  2716. .ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
  2717. .ant-btn-background-ghost.ant-btn-primary.disabled:active,
  2718. .ant-btn-background-ghost.ant-btn-primary[disabled]:active,
  2719. .ant-btn-background-ghost.ant-btn-primary.disabled.active,
  2720. .ant-btn-background-ghost.ant-btn-primary[disabled].active {
  2721. color: rgba(0, 0, 0, 0.25);
  2722. background-color: #f5f5f5;
  2723. border-color: #d9d9d9;
  2724. box-shadow: none;
  2725. }
  2726. .ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
  2727. .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
  2728. .ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
  2729. .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
  2730. .ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
  2731. .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
  2732. .ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
  2733. .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
  2734. .ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
  2735. .ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
  2736. color: currentColor;
  2737. }
  2738. .ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child:after,
  2739. .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child:after,
  2740. .ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child:after,
  2741. .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child:after,
  2742. .ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child:after,
  2743. .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child:after,
  2744. .ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child:after,
  2745. .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child:after,
  2746. .ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child:after,
  2747. .ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child:after {
  2748. background: transparent;
  2749. }
  2750. .ant-btn-background-ghost.ant-btn-danger {
  2751. color: #f5222d;
  2752. background-color: transparent;
  2753. border-color: #f5222d;
  2754. }
  2755. .ant-btn-background-ghost.ant-btn-danger > a:only-child {
  2756. color: currentColor;
  2757. }
  2758. .ant-btn-background-ghost.ant-btn-danger > a:only-child:after {
  2759. background: transparent;
  2760. }
  2761. .ant-btn-background-ghost.ant-btn-danger:hover,
  2762. .ant-btn-background-ghost.ant-btn-danger:focus {
  2763. color: #ff4d4f;
  2764. background-color: transparent;
  2765. border-color: #ff4d4f;
  2766. }
  2767. .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
  2768. .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  2769. color: currentColor;
  2770. }
  2771. .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child:after,
  2772. .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child:after {
  2773. background: transparent;
  2774. }
  2775. .ant-btn-background-ghost.ant-btn-danger:active,
  2776. .ant-btn-background-ghost.ant-btn-danger.active {
  2777. color: #cf1322;
  2778. background-color: transparent;
  2779. border-color: #cf1322;
  2780. }
  2781. .ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
  2782. .ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
  2783. color: currentColor;
  2784. }
  2785. .ant-btn-background-ghost.ant-btn-danger:active > a:only-child:after,
  2786. .ant-btn-background-ghost.ant-btn-danger.active > a:only-child:after {
  2787. background: transparent;
  2788. }
  2789. .ant-btn-background-ghost.ant-btn-danger.disabled,
  2790. .ant-btn-background-ghost.ant-btn-danger[disabled],
  2791. .ant-btn-background-ghost.ant-btn-danger.disabled:hover,
  2792. .ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
  2793. .ant-btn-background-ghost.ant-btn-danger.disabled:focus,
  2794. .ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
  2795. .ant-btn-background-ghost.ant-btn-danger.disabled:active,
  2796. .ant-btn-background-ghost.ant-btn-danger[disabled]:active,
  2797. .ant-btn-background-ghost.ant-btn-danger.disabled.active,
  2798. .ant-btn-background-ghost.ant-btn-danger[disabled].active {
  2799. color: rgba(0, 0, 0, 0.25);
  2800. background-color: #f5f5f5;
  2801. border-color: #d9d9d9;
  2802. box-shadow: none;
  2803. }
  2804. .ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
  2805. .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
  2806. .ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
  2807. .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
  2808. .ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
  2809. .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
  2810. .ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
  2811. .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
  2812. .ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
  2813. .ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
  2814. color: currentColor;
  2815. }
  2816. .ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child:after,
  2817. .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child:after,
  2818. .ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child:after,
  2819. .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child:after,
  2820. .ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child:after,
  2821. .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child:after,
  2822. .ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child:after,
  2823. .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child:after,
  2824. .ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child:after,
  2825. .ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child:after {
  2826. background: transparent;
  2827. }
  2828. .christmas.ant-btn-primary:before {
  2829. 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;
  2830. background-size: 64px;
  2831. }
  2832. .christmas.ant-btn-primary.ant-btn-lg:before {
  2833. background-size: 72px;
  2834. }
  2835. .christmas.ant-btn-primary.ant-btn-sm:before {
  2836. background-size: 56px;
  2837. }
  2838. .ant-fullcalendar {
  2839. color: #000000;
  2840. border-top: 1px solid #d9d9d9;
  2841. }
  2842. .ant-fullcalendar table {
  2843. border-collapse: collapse;
  2844. background-color: transparent;
  2845. }
  2846. .ant-fullcalendar table,
  2847. .ant-fullcalendar th,
  2848. .ant-fullcalendar td {
  2849. border: 0;
  2850. }
  2851. .ant-fullcalendar-calendar-table {
  2852. border-spacing: 0;
  2853. }
  2854. .ant-fullcalendar-value {
  2855. color: #000000;
  2856. border-radius: 2px;
  2857. background: transparent;
  2858. }
  2859. .ant-fullcalendar-value:hover {
  2860. background: color(~`colorPalette("@{primary-color}", 1)`);
  2861. }
  2862. .ant-fullcalendar-value:active {
  2863. background: @primary-color;
  2864. color: #fff;
  2865. }
  2866. .ant-fullcalendar-today .ant-fullcalendar-value,
  2867. .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value {
  2868. box-shadow: 0 0 0 1px @primary-color inset;
  2869. }
  2870. .ant-fullcalendar-selected-day .ant-fullcalendar-value,
  2871. .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value {
  2872. background: @primary-color;
  2873. color: #fff;
  2874. }
  2875. .ant-fullcalendar-disabled-cell-first-of-row .ant-fullcalendar-value {
  2876. border-top-left-radius: 2px;
  2877. border-bottom-left-radius: 2px;
  2878. }
  2879. .ant-fullcalendar-disabled-cell-last-of-row .ant-fullcalendar-value {
  2880. border-top-right-radius: 2px;
  2881. border-bottom-right-radius: 2px;
  2882. }
  2883. .ant-fullcalendar-last-month-cell .ant-fullcalendar-value,
  2884. .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value {
  2885. color: rgba(0, 0, 0, 0.25);
  2886. }
  2887. .ant-fullcalendar-month-panel-table {
  2888. border-collapse: separate;
  2889. }
  2890. .ant-fullcalendar-fullscreen {
  2891. border-top: 0;
  2892. }
  2893. .ant-fullcalendar-fullscreen .ant-fullcalendar-month,
  2894. .ant-fullcalendar-fullscreen .ant-fullcalendar-date {
  2895. color: #000000;
  2896. border-top: 2px solid #e8e8e8;
  2897. }
  2898. .ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover,
  2899. .ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover {
  2900. background: color(~`colorPalette("@{primary-color}", 1)`);
  2901. }
  2902. .ant-fullcalendar-fullscreen .ant-fullcalendar-month:active,
  2903. .ant-fullcalendar-fullscreen .ant-fullcalendar-date:active {
  2904. background: rgba(58, 64, 99, 0.15);
  2905. }
  2906. .ant-fullcalendar-fullscreen .ant-fullcalendar-value {
  2907. background: transparent;
  2908. }
  2909. .ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  2910. color: #000000;
  2911. }
  2912. .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month,
  2913. .ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date {
  2914. border-top-color: @primary-color;
  2915. background: transparent;
  2916. }
  2917. .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value,
  2918. .ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  2919. box-shadow: none;
  2920. }
  2921. .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-month,
  2922. .ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-date {
  2923. background: color(~`colorPalette("@{primary-color}", 1)`);
  2924. }
  2925. .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value,
  2926. .ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-value {
  2927. color: @primary-color;
  2928. }
  2929. .ant-fullcalendar-fullscreen .ant-fullcalendar-last-month-cell .ant-fullcalendar-date,
  2930. .ant-fullcalendar-fullscreen .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-date {
  2931. color: rgba(0, 0, 0, 0.25);
  2932. }
  2933. .ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date,
  2934. .ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date:hover {
  2935. background: transparent;
  2936. }
  2937. .ant-fullcalendar-disabled-cell .ant-fullcalendar-value {
  2938. color: rgba(0, 0, 0, 0.25);
  2939. border-radius: 0;
  2940. }
  2941. .ant-card {
  2942. color: #000000;
  2943. background: #fff;
  2944. border-radius: 2px;
  2945. }
  2946. .ant-card-hoverable:hover {
  2947. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
  2948. border-color: rgba(0, 0, 0, 0.09);
  2949. }
  2950. .ant-card-bordered {
  2951. border: 1px solid #e8e8e8;
  2952. }
  2953. .ant-card-head {
  2954. background: transparent;
  2955. border-bottom: 1px solid #e8e8e8;
  2956. border-radius: 2px 2px 0 0;
  2957. color: rgba(0, 0, 0, 0.85);
  2958. }
  2959. .ant-card-head .ant-tabs {
  2960. color: #000000;
  2961. }
  2962. .ant-card-head .ant-tabs-bar {
  2963. border-bottom: 1px solid #e8e8e8;
  2964. }
  2965. .ant-card-extra {
  2966. color: #000000;
  2967. }
  2968. .ant-card-grid {
  2969. border-radius: 0;
  2970. border: 0;
  2971. 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;
  2972. }
  2973. .ant-card-grid:hover {
  2974. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  2975. }
  2976. .ant-card-cover img {
  2977. border-radius: 2px 2px 0 0;
  2978. }
  2979. .ant-card-actions {
  2980. border-top: 1px solid #e8e8e8;
  2981. background: #fafafa;
  2982. }
  2983. .ant-card-actions > li {
  2984. color: rgba(0, 0, 0, 0.45);
  2985. }
  2986. .ant-card-actions > li > span:hover {
  2987. color: @primary-color;
  2988. }
  2989. .ant-card-actions > li > span a {
  2990. color: rgba(0, 0, 0, 0.45);
  2991. }
  2992. .ant-card-actions > li > span a:hover {
  2993. color: @primary-color;
  2994. }
  2995. .ant-card-actions > li:not(:last-child) {
  2996. border-right: 1px solid #e8e8e8;
  2997. }
  2998. .ant-card-type-inner .ant-card-head {
  2999. background: #fafafa;
  3000. }
  3001. .ant-card-meta-title {
  3002. color: rgba(0, 0, 0, 0.85);
  3003. }
  3004. .ant-card-meta-description {
  3005. color: rgba(0, 0, 0, 0.45);
  3006. }
  3007. .ant-card-loading-block {
  3008. border-radius: 2px;
  3009. background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  3010. background-size: 600% 600%;
  3011. }
  3012. .ant-carousel {
  3013. color: #000000;
  3014. }
  3015. .ant-carousel .slick-slider {
  3016. -webkit-tap-highlight-color: transparent;
  3017. }
  3018. .ant-carousel .slick-vertical .slick-slide {
  3019. border: 1px solid transparent;
  3020. }
  3021. .ant-carousel .slick-prev,
  3022. .ant-carousel .slick-next {
  3023. background: transparent;
  3024. color: transparent;
  3025. border: 0;
  3026. }
  3027. .ant-carousel .slick-prev:hover,
  3028. .ant-carousel .slick-next:hover,
  3029. .ant-carousel .slick-prev:focus,
  3030. .ant-carousel .slick-next:focus {
  3031. background: transparent;
  3032. color: transparent;
  3033. }
  3034. .ant-carousel .slick-dots li button {
  3035. border: 0;
  3036. background: #fff;
  3037. border-radius: 1px;
  3038. color: transparent;
  3039. }
  3040. .ant-carousel .slick-dots li.slick-active button {
  3041. background: #fff;
  3042. }
  3043. .ant-cascader {
  3044. color: #000000;
  3045. }
  3046. .ant-cascader-input.ant-input {
  3047. background-color: transparent !important;
  3048. }
  3049. .ant-cascader-picker {
  3050. color: #000000;
  3051. background-color: #fff;
  3052. border-radius: 2px;
  3053. }
  3054. .ant-cascader-picker-with-value .ant-cascader-picker-label {
  3055. color: transparent;
  3056. }
  3057. .ant-cascader-picker-disabled {
  3058. background: #f5f5f5;
  3059. color: rgba(0, 0, 0, 0.25);
  3060. }
  3061. .ant-cascader-picker:focus .ant-cascader-input {
  3062. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  3063. box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
  3064. border-right-width: 1px !important;
  3065. }
  3066. .ant-cascader-picker-show-search.ant-cascader-picker-focused {
  3067. color: rgba(0, 0, 0, 0.25);
  3068. }
  3069. .ant-cascader-picker-clear {
  3070. background: #fff;
  3071. color: rgba(0, 0, 0, 0.25);
  3072. }
  3073. .ant-cascader-picker-clear:hover {
  3074. color: rgba(0, 0, 0, 0.45);
  3075. }
  3076. .ant-cascader-picker-arrow {
  3077. color: rgba(0, 0, 0, 0.25);
  3078. }
  3079. .ant-cascader-menus {
  3080. background: #fff;
  3081. border-radius: 2px;
  3082. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  3083. }
  3084. .ant-cascader-menu {
  3085. border-right: 1px solid #e8e8e8;
  3086. }
  3087. .ant-cascader-menu:first-child {
  3088. border-radius: 2px 0 0 2px;
  3089. }
  3090. .ant-cascader-menu:last-child {
  3091. border-right-color: transparent;
  3092. border-radius: 0 2px 2px 0;
  3093. }
  3094. .ant-cascader-menu:only-child {
  3095. border-radius: 2px;
  3096. }
  3097. .ant-cascader-menu-item:hover {
  3098. background: color(~`colorPalette("@{primary-color}", 1)`);
  3099. }
  3100. .ant-cascader-menu-item-disabled {
  3101. color: rgba(0, 0, 0, 0.25);
  3102. }
  3103. .ant-cascader-menu-item-disabled:hover {
  3104. background: transparent;
  3105. }
  3106. .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
  3107. .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  3108. background: #f5f5f5;
  3109. }
  3110. .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
  3111. .ant-cascader-menu-item-expand .ant-cascader-menu-item-loading-icon {
  3112. color: rgba(0, 0, 0, 0.45);
  3113. }
  3114. .ant-cascader-menu-item .ant-cascader-menu-item-keyword {
  3115. color: #f5222d;
  3116. }
  3117. .ant-checkbox {
  3118. color: #000000;
  3119. }
  3120. .ant-checkbox-wrapper:hover .ant-checkbox-inner,
  3121. .ant-checkbox:hover .ant-checkbox-inner,
  3122. .ant-checkbox-input:focus + .ant-checkbox-inner {
  3123. border-color: @primary-color;
  3124. }
  3125. .ant-checkbox-checked:after {
  3126. border-radius: 2px;
  3127. border: 1px solid @primary-color;
  3128. }
  3129. .ant-checkbox-inner {
  3130. border: 1px solid #d9d9d9;
  3131. border-radius: 2px;
  3132. background-color: #fff;
  3133. }
  3134. .ant-checkbox-inner:after {
  3135. border: 2px solid #fff;
  3136. border-top: 0;
  3137. border-left: 0;
  3138. }
  3139. .ant-checkbox-indeterminate .ant-checkbox-inner:after {
  3140. border: 0;
  3141. background-color: @primary-color;
  3142. }
  3143. .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after {
  3144. border-color: rgba(0, 0, 0, 0.25);
  3145. }
  3146. .ant-checkbox-checked .ant-checkbox-inner:after {
  3147. border: 2px solid #fff;
  3148. border-top: 0;
  3149. border-left: 0;
  3150. }
  3151. .ant-checkbox-checked .ant-checkbox-inner {
  3152. background-color: @primary-color;
  3153. border-color: @primary-color;
  3154. }
  3155. .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {
  3156. border-color: rgba(0, 0, 0, 0.25);
  3157. }
  3158. .ant-checkbox-disabled .ant-checkbox-inner {
  3159. border-color: #d9d9d9 !important;
  3160. background-color: #f5f5f5;
  3161. }
  3162. .ant-checkbox-disabled .ant-checkbox-inner:after {
  3163. border-color: #f5f5f5;
  3164. border-collapse: separate;
  3165. }
  3166. .ant-checkbox-disabled + span {
  3167. color: rgba(0, 0, 0, 0.25);
  3168. }
  3169. .ant-checkbox-wrapper {
  3170. color: #000000;
  3171. }
  3172. .ant-checkbox-group {
  3173. color: #000000;
  3174. }
  3175. .ant-collapse {
  3176. color: #000000;
  3177. background-color: #fafafa;
  3178. border-radius: 2px;
  3179. border: 1px solid #d9d9d9;
  3180. border-bottom: 0;
  3181. }
  3182. .ant-collapse > .ant-collapse-item {
  3183. border-bottom: 1px solid #d9d9d9;
  3184. }
  3185. .ant-collapse > .ant-collapse-item:last-child,
  3186. .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  3187. border-radius: 0 0 2px 2px;
  3188. }
  3189. .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  3190. color: rgba(0, 0, 0, 0.85);
  3191. }
  3192. .ant-collapse-content {
  3193. color: #000000;
  3194. background-color: #fff;
  3195. border-top: 1px solid #d9d9d9;
  3196. }
  3197. .ant-collapse-item:last-child > .ant-collapse-content {
  3198. border-radius: 0 0 2px 2px;
  3199. }
  3200. .ant-collapse-borderless {
  3201. background-color: #fff;
  3202. border: 0;
  3203. }
  3204. .ant-collapse-borderless > .ant-collapse-item {
  3205. border-bottom: 1px solid #d9d9d9;
  3206. }
  3207. .ant-collapse-borderless > .ant-collapse-item:last-child,
  3208. .ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  3209. border-radius: 0;
  3210. }
  3211. .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  3212. background-color: transparent;
  3213. border-top: 0;
  3214. }
  3215. .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
  3216. .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  3217. color: rgba(0, 0, 0, 0.25);
  3218. }
  3219. .ant-calendar-picker-container {
  3220. color: #000000;
  3221. }
  3222. .ant-calendar-picker {
  3223. color: #000000;
  3224. }
  3225. .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  3226. border-color: @primary-color;
  3227. }
  3228. .ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
  3229. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  3230. box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
  3231. border-right-width: 1px !important;
  3232. }
  3233. .ant-calendar-picker-clear {
  3234. color: rgba(0, 0, 0, 0.25);
  3235. background: #fff;
  3236. }
  3237. .ant-calendar-picker-clear:hover {
  3238. color: rgba(0, 0, 0, 0.45);
  3239. }
  3240. .ant-calendar-picker-icon {
  3241. color: rgba(0, 0, 0, 0.25);
  3242. }
  3243. .ant-calendar {
  3244. border: 1px solid #fff;
  3245. background-color: #fff;
  3246. border-radius: 2px;
  3247. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  3248. background-clip: padding-box;
  3249. }
  3250. .ant-calendar-input-wrap {
  3251. border-bottom: 1px solid #e8e8e8;
  3252. }
  3253. .ant-calendar-input {
  3254. border: 0;
  3255. color: #000000;
  3256. background: #fff;
  3257. }
  3258. .ant-calendar-input::-moz-placeholder {
  3259. color: #bfbfbf;
  3260. }
  3261. .ant-calendar-input:-ms-input-placeholder {
  3262. color: #bfbfbf;
  3263. }
  3264. .ant-calendar-input::-webkit-input-placeholder {
  3265. color: #bfbfbf;
  3266. }
  3267. .ant-calendar-header {
  3268. border-bottom: 1px solid #e8e8e8;
  3269. }
  3270. .ant-calendar-header a:hover {
  3271. color: color(~`colorPalette("@{primary-color}", 5)`);
  3272. }
  3273. .ant-calendar-header .ant-calendar-century-select,
  3274. .ant-calendar-header .ant-calendar-decade-select,
  3275. .ant-calendar-header .ant-calendar-year-select,
  3276. .ant-calendar-header .ant-calendar-month-select {
  3277. color: rgba(0, 0, 0, 0.85);
  3278. }
  3279. .ant-calendar-header .ant-calendar-prev-century-btn,
  3280. .ant-calendar-header .ant-calendar-next-century-btn,
  3281. .ant-calendar-header .ant-calendar-prev-decade-btn,
  3282. .ant-calendar-header .ant-calendar-next-decade-btn,
  3283. .ant-calendar-header .ant-calendar-prev-month-btn,
  3284. .ant-calendar-header .ant-calendar-next-month-btn,
  3285. .ant-calendar-header .ant-calendar-prev-year-btn,
  3286. .ant-calendar-header .ant-calendar-next-year-btn {
  3287. color: rgba(0, 0, 0, 0.45);
  3288. }
  3289. .ant-calendar table {
  3290. border-collapse: collapse;
  3291. background-color: transparent;
  3292. }
  3293. .ant-calendar table,
  3294. .ant-calendar th,
  3295. .ant-calendar td {
  3296. border: 0;
  3297. }
  3298. .ant-calendar-calendar-table {
  3299. border-spacing: 0;
  3300. }
  3301. .ant-calendar-date {
  3302. color: #000000;
  3303. border-radius: 2px;
  3304. border: 1px solid transparent;
  3305. background: transparent;
  3306. }
  3307. .ant-calendar-date:hover {
  3308. background: color(~`colorPalette("@{primary-color}", 1)`);
  3309. }
  3310. .ant-calendar-date:active {
  3311. color: #fff;
  3312. background: color(~`colorPalette("@{primary-color}", 5)`);
  3313. }
  3314. .ant-calendar-today .ant-calendar-date {
  3315. border-color: @primary-color;
  3316. color: @primary-color;
  3317. }
  3318. .ant-calendar-last-month-cell .ant-calendar-date,
  3319. .ant-calendar-next-month-btn-day .ant-calendar-date {
  3320. color: rgba(0, 0, 0, 0.25);
  3321. }
  3322. .ant-calendar-selected-day .ant-calendar-date {
  3323. background: #d6d7dd;
  3324. }
  3325. .ant-calendar-selected-date .ant-calendar-date,
  3326. .ant-calendar-selected-start-date .ant-calendar-date,
  3327. .ant-calendar-selected-end-date .ant-calendar-date {
  3328. background: @primary-color;
  3329. color: #fff;
  3330. border: 1px solid transparent;
  3331. }
  3332. .ant-calendar-selected-date .ant-calendar-date:hover,
  3333. .ant-calendar-selected-start-date .ant-calendar-date:hover,
  3334. .ant-calendar-selected-end-date .ant-calendar-date:hover {
  3335. background: @primary-color;
  3336. }
  3337. .ant-calendar-disabled-cell .ant-calendar-date {
  3338. color: #bcbcbc;
  3339. background: #f5f5f5;
  3340. border-radius: 0;
  3341. border: 1px solid transparent;
  3342. }
  3343. .ant-calendar-disabled-cell .ant-calendar-date:hover {
  3344. background: #f5f5f5;
  3345. }
  3346. .ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date:before {
  3347. border: 1px solid #bcbcbc;
  3348. border-radius: 2px;
  3349. }
  3350. .ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
  3351. border-top-left-radius: 4px;
  3352. border-bottom-left-radius: 4px;
  3353. }
  3354. .ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
  3355. border-top-right-radius: 4px;
  3356. border-bottom-right-radius: 4px;
  3357. }
  3358. .ant-calendar-footer {
  3359. border-top: 1px solid #e8e8e8;
  3360. }
  3361. .ant-calendar-footer:empty {
  3362. border-top: 0;
  3363. }
  3364. .ant-calendar .ant-calendar-today-btn-disabled,
  3365. .ant-calendar .ant-calendar-clear-btn-disabled {
  3366. color: rgba(0, 0, 0, 0.25);
  3367. }
  3368. .ant-calendar .ant-calendar-clear-btn:after {
  3369. color: rgba(0, 0, 0, 0.25);
  3370. }
  3371. .ant-calendar .ant-calendar-clear-btn:hover:after {
  3372. color: rgba(0, 0, 0, 0.45);
  3373. }
  3374. .ant-calendar .ant-calendar-ok-btn {
  3375. background-image: none;
  3376. border: 1px solid transparent;
  3377. box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  3378. color: #fff;
  3379. background-color: @primary-color;
  3380. border-color: @primary-color;
  3381. box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
  3382. border-radius: 2px;
  3383. }
  3384. .ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
  3385. box-shadow: none;
  3386. }
  3387. .ant-calendar .ant-calendar-ok-btn-lg {
  3388. border-radius: 2px;
  3389. }
  3390. .ant-calendar .ant-calendar-ok-btn-sm {
  3391. border-radius: 2px;
  3392. }
  3393. .ant-calendar .ant-calendar-ok-btn > a:only-child {
  3394. color: currentColor;
  3395. }
  3396. .ant-calendar .ant-calendar-ok-btn > a:only-child:after {
  3397. background: transparent;
  3398. }
  3399. .ant-calendar .ant-calendar-ok-btn:hover,
  3400. .ant-calendar .ant-calendar-ok-btn:focus {
  3401. color: #fff;
  3402. background-color: color(~`colorPalette("@{primary-color}", 5)`);
  3403. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  3404. }
  3405. .ant-calendar .ant-calendar-ok-btn:hover > a:only-child,
  3406. .ant-calendar .ant-calendar-ok-btn:focus > a:only-child {
  3407. color: currentColor;
  3408. }
  3409. .ant-calendar .ant-calendar-ok-btn:hover > a:only-child:after,
  3410. .ant-calendar .ant-calendar-ok-btn:focus > a:only-child:after {
  3411. background: transparent;
  3412. }
  3413. .ant-calendar .ant-calendar-ok-btn:active,
  3414. .ant-calendar .ant-calendar-ok-btn.active {
  3415. color: #fff;
  3416. background-color: color(~`colorPalette("@{primary-color}", 7)`);
  3417. border-color: color(~`colorPalette("@{primary-color}", 7)`);
  3418. }
  3419. .ant-calendar .ant-calendar-ok-btn:active > a:only-child,
  3420. .ant-calendar .ant-calendar-ok-btn.active > a:only-child {
  3421. color: currentColor;
  3422. }
  3423. .ant-calendar .ant-calendar-ok-btn:active > a:only-child:after,
  3424. .ant-calendar .ant-calendar-ok-btn.active > a:only-child:after {
  3425. background: transparent;
  3426. }
  3427. .ant-calendar .ant-calendar-ok-btn.disabled,
  3428. .ant-calendar .ant-calendar-ok-btn[disabled],
  3429. .ant-calendar .ant-calendar-ok-btn.disabled:hover,
  3430. .ant-calendar .ant-calendar-ok-btn[disabled]:hover,
  3431. .ant-calendar .ant-calendar-ok-btn.disabled:focus,
  3432. .ant-calendar .ant-calendar-ok-btn[disabled]:focus,
  3433. .ant-calendar .ant-calendar-ok-btn.disabled:active,
  3434. .ant-calendar .ant-calendar-ok-btn[disabled]:active,
  3435. .ant-calendar .ant-calendar-ok-btn.disabled.active,
  3436. .ant-calendar .ant-calendar-ok-btn[disabled].active {
  3437. color: rgba(0, 0, 0, 0.25);
  3438. background-color: #f5f5f5;
  3439. border-color: #d9d9d9;
  3440. box-shadow: none;
  3441. }
  3442. .ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
  3443. .ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
  3444. .ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
  3445. .ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
  3446. .ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
  3447. .ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
  3448. .ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
  3449. .ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
  3450. .ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
  3451. .ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  3452. color: currentColor;
  3453. }
  3454. .ant-calendar .ant-calendar-ok-btn.disabled > a:only-child:after,
  3455. .ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child:after,
  3456. .ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child:after,
  3457. .ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child:after,
  3458. .ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child:after,
  3459. .ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child:after,
  3460. .ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child:after,
  3461. .ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child:after,
  3462. .ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child:after,
  3463. .ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child:after {
  3464. background: transparent;
  3465. }
  3466. .ant-calendar .ant-calendar-ok-btn-disabled {
  3467. color: rgba(0, 0, 0, 0.25);
  3468. background-color: #f5f5f5;
  3469. border-color: #d9d9d9;
  3470. }
  3471. .ant-calendar .ant-calendar-ok-btn-disabled > a:only-child {
  3472. color: currentColor;
  3473. }
  3474. .ant-calendar .ant-calendar-ok-btn-disabled > a:only-child:after {
  3475. background: transparent;
  3476. }
  3477. .ant-calendar .ant-calendar-ok-btn-disabled:hover {
  3478. color: rgba(0, 0, 0, 0.25);
  3479. background-color: #f5f5f5;
  3480. border-color: #d9d9d9;
  3481. }
  3482. .ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child {
  3483. color: currentColor;
  3484. }
  3485. .ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child:after {
  3486. background: transparent;
  3487. }
  3488. .ant-calendar-range-picker-input {
  3489. background-color: transparent;
  3490. border: 0;
  3491. }
  3492. .ant-calendar-range-picker-input::-moz-placeholder {
  3493. color: #bfbfbf;
  3494. }
  3495. .ant-calendar-range-picker-input:-ms-input-placeholder {
  3496. color: #bfbfbf;
  3497. }
  3498. .ant-calendar-range-picker-input::-webkit-input-placeholder {
  3499. color: #bfbfbf;
  3500. }
  3501. .ant-calendar-range-picker-separator {
  3502. color: rgba(0, 0, 0, 0.45);
  3503. }
  3504. .ant-calendar-range-left .ant-calendar-time-picker-inner {
  3505. border-right: 1px solid #e8e8e8;
  3506. }
  3507. .ant-calendar-range-right .ant-calendar-time-picker-inner {
  3508. border-left: 1px solid #e8e8e8;
  3509. }
  3510. .ant-calendar-range-middle {
  3511. color: rgba(0, 0, 0, 0.45);
  3512. }
  3513. .ant-calendar-range .ant-calendar-input,
  3514. .ant-calendar-range .ant-calendar-time-picker-input {
  3515. color: #000000;
  3516. background-color: #fff;
  3517. background-image: none;
  3518. border: 1px solid #d9d9d9;
  3519. border-radius: 2px;
  3520. border: 0;
  3521. box-shadow: none;
  3522. }
  3523. .ant-calendar-range .ant-calendar-input::-moz-placeholder,
  3524. .ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
  3525. color: #bfbfbf;
  3526. }
  3527. .ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
  3528. .ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
  3529. color: #bfbfbf;
  3530. }
  3531. .ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
  3532. .ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
  3533. color: #bfbfbf;
  3534. }
  3535. .ant-calendar-range .ant-calendar-input:hover,
  3536. .ant-calendar-range .ant-calendar-time-picker-input:hover {
  3537. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  3538. border-right-width: 1px !important;
  3539. }
  3540. .ant-calendar-range .ant-calendar-input:focus,
  3541. .ant-calendar-range .ant-calendar-time-picker-input:focus {
  3542. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  3543. box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
  3544. border-right-width: 1px !important;
  3545. }
  3546. .ant-calendar-range .ant-calendar-input-disabled,
  3547. .ant-calendar-range .ant-calendar-time-picker-input-disabled {
  3548. background-color: #f5f5f5;
  3549. color: rgba(0, 0, 0, 0.25);
  3550. }
  3551. .ant-calendar-range .ant-calendar-input-disabled:hover,
  3552. .ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
  3553. border-color: #e6d8d8;
  3554. border-right-width: 1px !important;
  3555. }
  3556. .ant-calendar-range .ant-calendar-input:focus,
  3557. .ant-calendar-range .ant-calendar-time-picker-input:focus {
  3558. box-shadow: none;
  3559. }
  3560. .ant-calendar-range .ant-calendar-in-range-cell {
  3561. border-radius: 0;
  3562. }
  3563. .ant-calendar-range .ant-calendar-in-range-cell:before {
  3564. background: color(~`colorPalette("@{primary-color}", 1)`);
  3565. border-radius: 0;
  3566. border: 0;
  3567. }
  3568. .ant-calendar-range .ant-calendar-header,
  3569. .ant-calendar-range .ant-calendar-month-panel-header,
  3570. .ant-calendar-range .ant-calendar-year-panel-header {
  3571. border-bottom: 0;
  3572. }
  3573. .ant-calendar-range .ant-calendar-body,
  3574. .ant-calendar-range .ant-calendar-month-panel-body,
  3575. .ant-calendar-range .ant-calendar-year-panel-body {
  3576. border-top: 1px solid #e8e8e8;
  3577. }
  3578. .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
  3579. background: none;
  3580. }
  3581. .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
  3582. background-color: #fff;
  3583. border-top: 1px solid #e8e8e8;
  3584. }
  3585. .ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
  3586. border-top-color: transparent;
  3587. }
  3588. .ant-calendar-time-picker {
  3589. background-color: #fff;
  3590. }
  3591. .ant-calendar-time-picker-inner {
  3592. background-color: #fff;
  3593. background-clip: padding-box;
  3594. }
  3595. .ant-calendar-time-picker-select {
  3596. border-right: 1px solid #e8e8e8;
  3597. }
  3598. .ant-calendar-time-picker-select:first-child {
  3599. border-left: 0;
  3600. }
  3601. .ant-calendar-time-picker-select:last-child {
  3602. border-right: 0;
  3603. }
  3604. .ant-calendar-time-picker-select li:hover {
  3605. background: color(~`colorPalette("@{primary-color}", 1)`);
  3606. }
  3607. li.ant-calendar-time-picker-select-option-selected {
  3608. background: #f5f5f5;
  3609. }
  3610. li.ant-calendar-time-picker-select-option-disabled {
  3611. color: rgba(0, 0, 0, 0.25);
  3612. }
  3613. li.ant-calendar-time-picker-select-option-disabled:hover {
  3614. background: transparent;
  3615. }
  3616. .ant-calendar-time .ant-calendar-day-select {
  3617. color: rgba(0, 0, 0, 0.85);
  3618. }
  3619. .ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
  3620. color: rgba(0, 0, 0, 0.25);
  3621. }
  3622. .ant-calendar-month-panel {
  3623. border-radius: 2px;
  3624. background: #fff;
  3625. }
  3626. .ant-calendar-month-panel-header {
  3627. border-bottom: 1px solid #e8e8e8;
  3628. }
  3629. .ant-calendar-month-panel-header a:hover {
  3630. color: color(~`colorPalette("@{primary-color}", 5)`);
  3631. }
  3632. .ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
  3633. .ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
  3634. .ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
  3635. .ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
  3636. color: rgba(0, 0, 0, 0.85);
  3637. }
  3638. .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
  3639. .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
  3640. .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
  3641. .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
  3642. .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
  3643. .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
  3644. .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
  3645. .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  3646. color: rgba(0, 0, 0, 0.45);
  3647. }
  3648. .ant-calendar-month-panel-table {
  3649. border-collapse: separate;
  3650. }
  3651. .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
  3652. background: @primary-color;
  3653. color: #fff;
  3654. }
  3655. .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
  3656. background: @primary-color;
  3657. color: #fff;
  3658. }
  3659. .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
  3660. .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
  3661. color: #bcbcbc;
  3662. background: #f5f5f5;
  3663. }
  3664. .ant-calendar-month-panel-month {
  3665. color: #000000;
  3666. background: transparent;
  3667. border-radius: 2px;
  3668. }
  3669. .ant-calendar-month-panel-month:hover {
  3670. background: color(~`colorPalette("@{primary-color}", 1)`);
  3671. }
  3672. .ant-calendar-year-panel {
  3673. border-radius: 2px;
  3674. background: #fff;
  3675. }
  3676. .ant-calendar-year-panel-header {
  3677. border-bottom: 1px solid #e8e8e8;
  3678. }
  3679. .ant-calendar-year-panel-header a:hover {
  3680. color: color(~`colorPalette("@{primary-color}", 5)`);
  3681. }
  3682. .ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
  3683. .ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
  3684. .ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
  3685. .ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {
  3686. color: rgba(0, 0, 0, 0.85);
  3687. }
  3688. .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
  3689. .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
  3690. .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
  3691. .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
  3692. .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
  3693. .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
  3694. .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
  3695. .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  3696. color: rgba(0, 0, 0, 0.45);
  3697. }
  3698. .ant-calendar-year-panel-table {
  3699. border-collapse: separate;
  3700. }
  3701. .ant-calendar-year-panel-year {
  3702. color: #000000;
  3703. background: transparent;
  3704. border-radius: 2px;
  3705. }
  3706. .ant-calendar-year-panel-year:hover {
  3707. background: color(~`colorPalette("@{primary-color}", 1)`);
  3708. }
  3709. .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
  3710. background: @primary-color;
  3711. color: #fff;
  3712. }
  3713. .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
  3714. background: @primary-color;
  3715. color: #fff;
  3716. }
  3717. .ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
  3718. .ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
  3719. color: rgba(0, 0, 0, 0.25);
  3720. }
  3721. .ant-calendar-decade-panel {
  3722. background: #fff;
  3723. border-radius: 2px;
  3724. }
  3725. .ant-calendar-decade-panel-header {
  3726. border-bottom: 1px solid #e8e8e8;
  3727. }
  3728. .ant-calendar-decade-panel-header a:hover {
  3729. color: color(~`colorPalette("@{primary-color}", 5)`);
  3730. }
  3731. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
  3732. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
  3733. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
  3734. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {
  3735. color: rgba(0, 0, 0, 0.85);
  3736. }
  3737. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
  3738. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
  3739. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
  3740. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
  3741. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
  3742. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
  3743. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
  3744. .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  3745. color: rgba(0, 0, 0, 0.45);
  3746. }
  3747. .ant-calendar-decade-panel-table {
  3748. border-collapse: separate;
  3749. }
  3750. .ant-calendar-decade-panel-decade {
  3751. color: #000000;
  3752. background: transparent;
  3753. border-radius: 2px;
  3754. }
  3755. .ant-calendar-decade-panel-decade:hover {
  3756. background: color(~`colorPalette("@{primary-color}", 1)`);
  3757. }
  3758. .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
  3759. background: @primary-color;
  3760. color: #fff;
  3761. }
  3762. .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
  3763. background: @primary-color;
  3764. color: #fff;
  3765. }
  3766. .ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
  3767. .ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
  3768. color: rgba(0, 0, 0, 0.25);
  3769. }
  3770. .ant-calendar-week-number .ant-calendar-body tr:hover {
  3771. background: color(~`colorPalette("@{primary-color}", 1)`);
  3772. }
  3773. .ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {
  3774. background: rgba(58, 64, 99, 0.15);
  3775. }
  3776. .ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,
  3777. .ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {
  3778. background: transparent;
  3779. color: #000000;
  3780. }
  3781. .ant-divider {
  3782. color: #000000;
  3783. background: #e8e8e8;
  3784. }
  3785. .ant-divider-horizontal.ant-divider-with-text,
  3786. .ant-divider-horizontal.ant-divider-with-text-left,
  3787. .ant-divider-horizontal.ant-divider-with-text-right {
  3788. background: transparent;
  3789. color: rgba(0, 0, 0, 0.85);
  3790. }
  3791. .ant-divider-horizontal.ant-divider-with-text:before,
  3792. .ant-divider-horizontal.ant-divider-with-text-left:before,
  3793. .ant-divider-horizontal.ant-divider-with-text-right:before,
  3794. .ant-divider-horizontal.ant-divider-with-text:after,
  3795. .ant-divider-horizontal.ant-divider-with-text-left:after,
  3796. .ant-divider-horizontal.ant-divider-with-text-right:after {
  3797. border-top: 1px solid #e8e8e8;
  3798. }
  3799. .ant-divider-dashed {
  3800. background: none;
  3801. border-top: 1px dashed #e8e8e8;
  3802. }
  3803. .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed,
  3804. .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed,
  3805. .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed {
  3806. border-top: 0;
  3807. }
  3808. .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed:before,
  3809. .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed:before,
  3810. .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed:before,
  3811. .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed:after,
  3812. .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed:after,
  3813. .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed:after {
  3814. border-style: dashed none none;
  3815. }
  3816. .ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
  3817. box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
  3818. }
  3819. .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  3820. box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
  3821. }
  3822. .ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
  3823. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  3824. }
  3825. .ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
  3826. box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
  3827. }
  3828. .ant-drawer-title {
  3829. color: rgba(0, 0, 0, 0.85);
  3830. }
  3831. .ant-drawer-content {
  3832. background-color: #fff;
  3833. border: 0;
  3834. background-clip: padding-box;
  3835. }
  3836. .ant-drawer-close {
  3837. border: 0;
  3838. background: transparent;
  3839. color: rgba(0, 0, 0, 0.45);
  3840. }
  3841. .ant-drawer-close:focus,
  3842. .ant-drawer-close:hover {
  3843. color: #444;
  3844. }
  3845. .ant-drawer-header {
  3846. border-radius: 2px 2px 0 0;
  3847. background: #fff;
  3848. color: #000000;
  3849. border-bottom: 1px solid #e8e8e8;
  3850. }
  3851. .ant-drawer-mask {
  3852. background-color: rgba(0, 0, 0, 0.65);
  3853. }
  3854. .ant-drawer-open-content {
  3855. box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  3856. }
  3857. .ant-dropdown {
  3858. color: #000000;
  3859. }
  3860. .ant-dropdown-menu {
  3861. background-color: #fff;
  3862. border-radius: 2px;
  3863. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  3864. background-clip: padding-box;
  3865. }
  3866. .ant-dropdown-menu-item-group-title {
  3867. color: rgba(0, 0, 0, 0.45);
  3868. }
  3869. .ant-dropdown-menu-item,
  3870. .ant-dropdown-menu-submenu-title {
  3871. color: #000000;
  3872. }
  3873. .ant-dropdown-menu-item > a,
  3874. .ant-dropdown-menu-submenu-title > a {
  3875. color: #000000;
  3876. }
  3877. .ant-dropdown-menu-item-selected,
  3878. .ant-dropdown-menu-submenu-title-selected,
  3879. .ant-dropdown-menu-item-selected > a,
  3880. .ant-dropdown-menu-submenu-title-selected > a {
  3881. color: @primary-color;
  3882. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  3883. }
  3884. .ant-dropdown-menu-item:hover,
  3885. .ant-dropdown-menu-submenu-title:hover {
  3886. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  3887. }
  3888. .ant-dropdown-menu-item-disabled,
  3889. .ant-dropdown-menu-submenu-title-disabled {
  3890. color: rgba(0, 0, 0, 0.25);
  3891. }
  3892. .ant-dropdown-menu-item-disabled:hover,
  3893. .ant-dropdown-menu-submenu-title-disabled:hover {
  3894. color: rgba(0, 0, 0, 0.25);
  3895. background-color: #fff;
  3896. }
  3897. .ant-dropdown-menu-item-divider,
  3898. .ant-dropdown-menu-submenu-title-divider {
  3899. background-color: #e8e8e8;
  3900. }
  3901. .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
  3902. .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  3903. color: rgba(0, 0, 0, 0.45);
  3904. }
  3905. .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
  3906. .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  3907. color: rgba(0, 0, 0, 0.25);
  3908. }
  3909. .ant-dropdown-menu-dark,
  3910. .ant-dropdown-menu-dark .ant-dropdown-menu {
  3911. background: @primary-color;
  3912. }
  3913. .ant-dropdown-menu-dark .ant-dropdown-menu-item,
  3914. .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
  3915. .ant-dropdown-menu-dark .ant-dropdown-menu-item > a {
  3916. color: rgba(255, 255, 255, 0.65);
  3917. }
  3918. .ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow:after,
  3919. .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow:after,
  3920. .ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow:after {
  3921. color: rgba(255, 255, 255, 0.65);
  3922. }
  3923. .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
  3924. .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
  3925. .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {
  3926. color: #fff;
  3927. background: transparent;
  3928. }
  3929. .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
  3930. .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
  3931. .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  3932. background: @primary-color;
  3933. color: #fff;
  3934. }
  3935. .ant-form {
  3936. color: #000000;
  3937. }
  3938. .ant-form legend {
  3939. color: rgba(0, 0, 0, 0.45);
  3940. border: 0;
  3941. border-bottom: 1px solid #d9d9d9;
  3942. }
  3943. .ant-form output {
  3944. color: #000000;
  3945. }
  3946. .ant-form-item-required:before {
  3947. color: #f5222d;
  3948. }
  3949. .ant-form-item {
  3950. color: #000000;
  3951. }
  3952. .ant-form-item-label label {
  3953. color: rgba(0, 0, 0, 0.85);
  3954. }
  3955. .ant-form-explain,
  3956. .ant-form-extra {
  3957. color: rgba(0, 0, 0, 0.45);
  3958. }
  3959. form .ant-upload {
  3960. background: transparent;
  3961. }
  3962. .ant-input-group-wrap .ant-select-selection {
  3963. border-bottom-left-radius: 0;
  3964. border-top-left-radius: 0;
  3965. }
  3966. .ant-input-group-wrap .ant-select-selection:hover {
  3967. border-color: #d9d9d9;
  3968. }
  3969. .ant-input-group-wrap .ant-select-selection--single {
  3970. background-color: #eee;
  3971. }
  3972. .ant-input-group-wrap .ant-select-open .ant-select-selection {
  3973. border-color: #d9d9d9;
  3974. box-shadow: none;
  3975. }
  3976. .has-success.has-feedback .ant-form-item-children-icon {
  3977. color: #52c41a;
  3978. }
  3979. .has-warning .ant-form-explain,
  3980. .has-warning .ant-form-split {
  3981. color: #faad14;
  3982. }
  3983. .has-warning .ant-input,
  3984. .has-warning .ant-input:hover {
  3985. border-color: #faad14;
  3986. }
  3987. .has-warning .ant-input:focus {
  3988. border-color: #ffc53d;
  3989. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  3990. border-right-width: 1px !important;
  3991. }
  3992. .has-warning .ant-input:not([disabled]):hover {
  3993. border-color: #faad14;
  3994. }
  3995. .has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  3996. border-color: #ffc53d;
  3997. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  3998. border-right-width: 1px !important;
  3999. }
  4000. .has-warning .ant-input-prefix {
  4001. color: #faad14;
  4002. }
  4003. .has-warning .ant-input-group-addon {
  4004. color: #faad14;
  4005. border-color: #faad14;
  4006. background-color: #fff;
  4007. }
  4008. .has-warning .has-feedback {
  4009. color: #faad14;
  4010. }
  4011. .has-warning.has-feedback .ant-form-item-children-icon {
  4012. color: #faad14;
  4013. }
  4014. .has-warning .ant-select-selection {
  4015. border-color: #faad14;
  4016. }
  4017. .has-warning .ant-select-open .ant-select-selection,
  4018. .has-warning .ant-select-focused .ant-select-selection {
  4019. border-color: #ffc53d;
  4020. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  4021. border-right-width: 1px !important;
  4022. }
  4023. .has-warning .ant-calendar-picker-icon:after,
  4024. .has-warning .ant-time-picker-icon:after,
  4025. .has-warning .ant-picker-icon:after,
  4026. .has-warning .ant-select-arrow,
  4027. .has-warning .ant-cascader-picker-arrow {
  4028. color: #faad14;
  4029. }
  4030. .has-warning .ant-input-number,
  4031. .has-warning .ant-time-picker-input {
  4032. border-color: #faad14;
  4033. }
  4034. .has-warning .ant-input-number-focused,
  4035. .has-warning .ant-time-picker-input-focused,
  4036. .has-warning .ant-input-number:focus,
  4037. .has-warning .ant-time-picker-input:focus {
  4038. border-color: #ffc53d;
  4039. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  4040. border-right-width: 1px !important;
  4041. }
  4042. .has-warning .ant-input-number:not([disabled]):hover,
  4043. .has-warning .ant-time-picker-input:not([disabled]):hover {
  4044. border-color: #faad14;
  4045. }
  4046. .has-warning .ant-cascader-picker:focus .ant-cascader-input {
  4047. border-color: #ffc53d;
  4048. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  4049. border-right-width: 1px !important;
  4050. }
  4051. .has-error .ant-form-explain,
  4052. .has-error .ant-form-split {
  4053. color: #f5222d;
  4054. }
  4055. .has-error .ant-input,
  4056. .has-error .ant-input:hover {
  4057. border-color: #f5222d;
  4058. }
  4059. .has-error .ant-input:focus {
  4060. border-color: #ff4d4f;
  4061. box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  4062. border-right-width: 1px !important;
  4063. }
  4064. .has-error .ant-input:not([disabled]):hover {
  4065. border-color: #f5222d;
  4066. }
  4067. .has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  4068. border-color: #ff4d4f;
  4069. box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  4070. border-right-width: 1px !important;
  4071. }
  4072. .has-error .ant-input-prefix {
  4073. color: #f5222d;
  4074. }
  4075. .has-error .ant-input-group-addon {
  4076. color: #f5222d;
  4077. border-color: #f5222d;
  4078. background-color: #fff;
  4079. }
  4080. .has-error .has-feedback {
  4081. color: #f5222d;
  4082. }
  4083. .has-error.has-feedback .ant-form-item-children-icon {
  4084. color: #f5222d;
  4085. }
  4086. .has-error .ant-select-selection {
  4087. border-color: #f5222d;
  4088. }
  4089. .has-error .ant-select-open .ant-select-selection,
  4090. .has-error .ant-select-focused .ant-select-selection {
  4091. border-color: #ff4d4f;
  4092. box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  4093. border-right-width: 1px !important;
  4094. }
  4095. .has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  4096. border-color: #f5222d;
  4097. }
  4098. .has-error .ant-input-group-addon .ant-select-selection {
  4099. border-color: transparent;
  4100. box-shadow: none;
  4101. }
  4102. .has-error .ant-calendar-picker-icon:after,
  4103. .has-error .ant-time-picker-icon:after,
  4104. .has-error .ant-picker-icon:after,
  4105. .has-error .ant-select-arrow,
  4106. .has-error .ant-cascader-picker-arrow {
  4107. color: #f5222d;
  4108. }
  4109. .has-error .ant-input-number,
  4110. .has-error .ant-time-picker-input {
  4111. border-color: #f5222d;
  4112. }
  4113. .has-error .ant-input-number-focused,
  4114. .has-error .ant-time-picker-input-focused,
  4115. .has-error .ant-input-number:focus,
  4116. .has-error .ant-time-picker-input:focus {
  4117. border-color: #ff4d4f;
  4118. box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  4119. border-right-width: 1px !important;
  4120. }
  4121. .has-error .ant-input-number:not([disabled]):hover,
  4122. .has-error .ant-time-picker-input:not([disabled]):hover {
  4123. border-color: #f5222d;
  4124. }
  4125. .has-error .ant-mention-wrapper .ant-mention-editor,
  4126. .has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  4127. border-color: #f5222d;
  4128. }
  4129. .has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
  4130. .has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  4131. border-color: #ff4d4f;
  4132. box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  4133. border-right-width: 1px !important;
  4134. }
  4135. .has-error .ant-cascader-picker:focus .ant-cascader-input {
  4136. border-color: #ff4d4f;
  4137. box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  4138. border-right-width: 1px !important;
  4139. }
  4140. .is-validating.has-feedback .ant-form-item-children-icon {
  4141. color: @primary-color;
  4142. }
  4143. .ant-input-number {
  4144. color: #000000;
  4145. background-color: #fff;
  4146. background-image: none;
  4147. border: 1px solid #d9d9d9;
  4148. border-radius: 2px;
  4149. }
  4150. .ant-input-number::-moz-placeholder {
  4151. color: #bfbfbf;
  4152. }
  4153. .ant-input-number:-ms-input-placeholder {
  4154. color: #bfbfbf;
  4155. }
  4156. .ant-input-number::-webkit-input-placeholder {
  4157. color: #bfbfbf;
  4158. }
  4159. .ant-input-number:hover {
  4160. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4161. border-right-width: 1px !important;
  4162. }
  4163. .ant-input-number:focus {
  4164. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4165. box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
  4166. border-right-width: 1px !important;
  4167. }
  4168. .ant-input-number-disabled {
  4169. background-color: #f5f5f5;
  4170. color: rgba(0, 0, 0, 0.25);
  4171. }
  4172. .ant-input-number-disabled:hover {
  4173. border-color: #e6d8d8;
  4174. border-right-width: 1px !important;
  4175. }
  4176. .ant-input-number-handler {
  4177. color: rgba(0, 0, 0, 0.45);
  4178. }
  4179. .ant-input-number-handler:active {
  4180. background: #f4f4f4;
  4181. }
  4182. .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
  4183. .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  4184. color: color(~`colorPalette("@{primary-color}", 5)`);
  4185. }
  4186. .ant-input-number-handler-up-inner,
  4187. .ant-input-number-handler-down-inner {
  4188. color: rgba(0, 0, 0, 0.45);
  4189. }
  4190. .ant-input-number:hover {
  4191. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4192. border-right-width: 1px !important;
  4193. }
  4194. .ant-input-number-focused {
  4195. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4196. box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
  4197. border-right-width: 1px !important;
  4198. }
  4199. .ant-input-number-disabled {
  4200. background-color: #f5f5f5;
  4201. color: rgba(0, 0, 0, 0.25);
  4202. }
  4203. .ant-input-number-disabled:hover {
  4204. border-color: #e6d8d8;
  4205. border-right-width: 1px !important;
  4206. }
  4207. .ant-input-number-input {
  4208. background-color: transparent;
  4209. border: 0;
  4210. border-radius: 2px;
  4211. }
  4212. .ant-input-number-input::-moz-placeholder {
  4213. color: #bfbfbf;
  4214. }
  4215. .ant-input-number-input:-ms-input-placeholder {
  4216. color: #bfbfbf;
  4217. }
  4218. .ant-input-number-input::-webkit-input-placeholder {
  4219. color: #bfbfbf;
  4220. }
  4221. .ant-input-number-handler-wrap {
  4222. border-left: 1px solid #d9d9d9;
  4223. background: #fff;
  4224. border-radius: 0 2px 2px 0;
  4225. }
  4226. .ant-input-number-handler-down {
  4227. border-top: 1px solid #d9d9d9;
  4228. }
  4229. .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
  4230. .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  4231. color: rgba(0, 0, 0, 0.25);
  4232. }
  4233. .ant-input {
  4234. color: #000000;
  4235. background-color: #fff;
  4236. background-image: none;
  4237. border: 1px solid #d9d9d9;
  4238. border-radius: 2px;
  4239. }
  4240. .ant-input::-moz-placeholder {
  4241. color: #bfbfbf;
  4242. }
  4243. .ant-input:-ms-input-placeholder {
  4244. color: #bfbfbf;
  4245. }
  4246. .ant-input::-webkit-input-placeholder {
  4247. color: #bfbfbf;
  4248. }
  4249. .ant-input:hover {
  4250. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4251. border-right-width: 1px !important;
  4252. }
  4253. .ant-input:focus {
  4254. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4255. box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
  4256. border-right-width: 1px !important;
  4257. }
  4258. .ant-input-disabled {
  4259. background-color: #f5f5f5;
  4260. color: rgba(0, 0, 0, 0.25);
  4261. }
  4262. .ant-input-disabled:hover {
  4263. border-color: #e6d8d8;
  4264. border-right-width: 1px !important;
  4265. }
  4266. .ant-input-group {
  4267. color: #000000;
  4268. border-collapse: separate;
  4269. border-spacing: 0;
  4270. }
  4271. .ant-input-group-addon:not(:first-child):not(:last-child),
  4272. .ant-input-group-wrap:not(:first-child):not(:last-child),
  4273. .ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  4274. border-radius: 0;
  4275. }
  4276. .ant-input-group .ant-input:focus {
  4277. border-right-width: 1px;
  4278. }
  4279. .ant-input-group .ant-input:hover {
  4280. border-right-width: 1px;
  4281. }
  4282. .ant-input-group-addon {
  4283. color: #000000;
  4284. background-color: @primary-color;
  4285. border: 1px solid #d9d9d9;
  4286. border-radius: 2px;
  4287. }
  4288. .ant-input-group-addon .ant-select .ant-select-selection {
  4289. background-color: inherit;
  4290. border: 1px solid transparent;
  4291. box-shadow: none;
  4292. }
  4293. .ant-input-group-addon .ant-select-open .ant-select-selection,
  4294. .ant-input-group-addon .ant-select-focused .ant-select-selection {
  4295. color: @primary-color;
  4296. }
  4297. .ant-input-group > .ant-input:first-child,
  4298. .ant-input-group-addon:first-child {
  4299. border-bottom-right-radius: 0;
  4300. border-top-right-radius: 0;
  4301. }
  4302. .ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
  4303. .ant-input-group-addon:first-child .ant-select .ant-select-selection {
  4304. border-bottom-right-radius: 0;
  4305. border-top-right-radius: 0;
  4306. }
  4307. .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  4308. border-bottom-left-radius: 0;
  4309. border-top-left-radius: 0;
  4310. }
  4311. .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  4312. border-bottom-right-radius: 0;
  4313. border-top-right-radius: 0;
  4314. }
  4315. .ant-input-group-addon:first-child {
  4316. border-right: 0;
  4317. }
  4318. .ant-input-group-addon:last-child {
  4319. border-left: 0;
  4320. }
  4321. .ant-input-group > .ant-input:last-child,
  4322. .ant-input-group-addon:last-child {
  4323. border-bottom-left-radius: 0;
  4324. border-top-left-radius: 0;
  4325. }
  4326. .ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
  4327. .ant-input-group-addon:last-child .ant-select .ant-select-selection {
  4328. border-bottom-left-radius: 0;
  4329. border-top-left-radius: 0;
  4330. }
  4331. .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
  4332. .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
  4333. .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  4334. border-right-width: 1px;
  4335. border-right-color: transparent;
  4336. }
  4337. .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
  4338. .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
  4339. .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  4340. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4341. border-right-width: 1px !important;
  4342. }
  4343. .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
  4344. .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
  4345. .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  4346. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4347. box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
  4348. border-right-width: 1px !important;
  4349. }
  4350. .ant-input-group.ant-input-group-compact > * {
  4351. border-radius: 0;
  4352. border-right-width: 0;
  4353. }
  4354. .ant-input-group.ant-input-group-compact > span:not(:last-child) > .ant-input {
  4355. border-right-width: 0;
  4356. }
  4357. .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
  4358. .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
  4359. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
  4360. .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
  4361. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
  4362. .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input {
  4363. border-radius: 0;
  4364. border-right-width: 1px;
  4365. border-right-color: transparent;
  4366. }
  4367. .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover,
  4368. .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover,
  4369. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
  4370. .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
  4371. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover,
  4372. .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover {
  4373. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4374. border-right-width: 1px !important;
  4375. }
  4376. .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus,
  4377. .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus,
  4378. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
  4379. .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
  4380. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus,
  4381. .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus {
  4382. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4383. box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
  4384. border-right-width: 1px !important;
  4385. }
  4386. .ant-input-group.ant-input-group-compact > *:first-child,
  4387. .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
  4388. .ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
  4389. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
  4390. .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
  4391. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
  4392. .ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  4393. border-top-left-radius: 2px;
  4394. border-bottom-left-radius: 2px;
  4395. }
  4396. .ant-input-group.ant-input-group-compact > *:last-child,
  4397. .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
  4398. .ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
  4399. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
  4400. .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
  4401. .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
  4402. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
  4403. .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  4404. border-top-right-radius: 2px;
  4405. border-bottom-right-radius: 2px;
  4406. border-right-width: 1px;
  4407. border-right-color: #d9d9d9;
  4408. }
  4409. .ant-input-group.ant-input-group-compact > *:last-child:hover,
  4410. .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection:hover,
  4411. .ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input:hover,
  4412. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input:hover,
  4413. .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input:hover,
  4414. .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input:hover,
  4415. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor:hover,
  4416. .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input:hover {
  4417. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4418. border-right-width: 1px !important;
  4419. }
  4420. .ant-input-group.ant-input-group-compact > *:last-child:focus,
  4421. .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection:focus,
  4422. .ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input:focus,
  4423. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input:focus,
  4424. .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input:focus,
  4425. .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input:focus,
  4426. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor:focus,
  4427. .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input:focus {
  4428. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4429. box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
  4430. border-right-width: 1px !important;
  4431. }
  4432. .ant-input-group.ant-input-group-compact > *:last-child:focus .ant-cascader-input,
  4433. .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection:focus .ant-cascader-input,
  4434. .ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input:focus .ant-cascader-input,
  4435. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input:focus .ant-cascader-input,
  4436. .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input:focus .ant-cascader-input,
  4437. .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input:focus .ant-cascader-input,
  4438. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor:focus .ant-cascader-input,
  4439. .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input:focus .ant-cascader-input {
  4440. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4441. box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
  4442. border-right-width: 1px !important;
  4443. }
  4444. .ant-input-affix-wrapper {
  4445. color: #000000;
  4446. }
  4447. .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  4448. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4449. border-right-width: 1px !important;
  4450. }
  4451. .ant-input-affix-wrapper .ant-input-prefix,
  4452. .ant-input-affix-wrapper .ant-input-suffix {
  4453. color: #000000;
  4454. }
  4455. .ant-input-search-icon {
  4456. color: rgba(0, 0, 0, 0.45);
  4457. }
  4458. .ant-input-search-icon:hover {
  4459. color: #333;
  4460. }
  4461. .ant-input-search > .ant-input-suffix > .ant-input-search-button {
  4462. border-top-left-radius: 0;
  4463. border-bottom-left-radius: 0;
  4464. }
  4465. .ant-layout {
  4466. background: #f0f2f5;
  4467. }
  4468. .ant-layout-header {
  4469. background: @primary-color;
  4470. }
  4471. .ant-layout-footer {
  4472. background: #f0f2f5;
  4473. color: #000000;
  4474. }
  4475. .ant-layout-sider {
  4476. background: @primary-color;
  4477. }
  4478. .ant-layout-sider-trigger {
  4479. color: #fff;
  4480. background: #002140;
  4481. }
  4482. .ant-layout-sider-zero-width-trigger {
  4483. background: @primary-color;
  4484. color: #fff;
  4485. border-radius: 0 2px 2px 0;
  4486. }
  4487. .ant-layout-sider-zero-width-trigger:hover {
  4488. background: #464a64;
  4489. }
  4490. .ant-layout-sider-light {
  4491. background: #f9f9f9;
  4492. }
  4493. .ant-layout-sider-light .ant-layout-sider-trigger {
  4494. color: #000000;
  4495. background: #fff;
  4496. }
  4497. .ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  4498. color: #000000;
  4499. background: #fff;
  4500. }
  4501. .ant-list {
  4502. color: #000000;
  4503. }
  4504. .ant-list-empty-text {
  4505. color: rgba(0, 0, 0, 0.45);
  4506. }
  4507. .ant-list-item-meta-title {
  4508. color: #000000;
  4509. }
  4510. .ant-list-item-meta-title > a {
  4511. color: #000000;
  4512. }
  4513. .ant-list-item-meta-title > a:hover {
  4514. color: @primary-color;
  4515. }
  4516. .ant-list-item-meta-description {
  4517. color: rgba(0, 0, 0, 0.45);
  4518. }
  4519. .ant-list-item-action > li {
  4520. color: rgba(0, 0, 0, 0.45);
  4521. }
  4522. .ant-list-item-action-split {
  4523. background-color: #e8e8e8;
  4524. }
  4525. .ant-list-empty {
  4526. color: rgba(0, 0, 0, 0.45);
  4527. }
  4528. .ant-list-split .ant-list-item {
  4529. border-bottom: 1px solid #e8e8e8;
  4530. }
  4531. .ant-list-split .ant-list-item:last-child {
  4532. border-bottom: none;
  4533. }
  4534. .ant-list-split .ant-list-header {
  4535. border-bottom: 1px solid #e8e8e8;
  4536. }
  4537. .ant-list-something-after-last-item .ant-spin-container > .ant-list-item:last-child {
  4538. border-bottom: 1px solid #e8e8e8;
  4539. }
  4540. .ant-list-vertical .ant-list-item-meta-title {
  4541. color: rgba(0, 0, 0, 0.85);
  4542. }
  4543. .ant-list-vertical .ant-list-item-content {
  4544. color: #000000;
  4545. }
  4546. .ant-list-grid .ant-list-item {
  4547. border-bottom: none;
  4548. }
  4549. .ant-list-bordered {
  4550. border-radius: 2px;
  4551. border: 1px solid #d9d9d9;
  4552. }
  4553. .ant-list-bordered .ant-list-item {
  4554. border-bottom: 1px solid #e8e8e8;
  4555. }
  4556. .ant-mention-wrapper {
  4557. color: #000000;
  4558. }
  4559. .ant-mention-wrapper .ant-mention-editor {
  4560. color: #000000;
  4561. background-color: #fff;
  4562. background-image: none;
  4563. border: 1px solid #d9d9d9;
  4564. border-radius: 2px;
  4565. }
  4566. .ant-mention-wrapper .ant-mention-editor::-moz-placeholder {
  4567. color: #bfbfbf;
  4568. }
  4569. .ant-mention-wrapper .ant-mention-editor:-ms-input-placeholder {
  4570. color: #bfbfbf;
  4571. }
  4572. .ant-mention-wrapper .ant-mention-editor::-webkit-input-placeholder {
  4573. color: #bfbfbf;
  4574. }
  4575. .ant-mention-wrapper .ant-mention-editor:hover {
  4576. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4577. border-right-width: 1px !important;
  4578. }
  4579. .ant-mention-wrapper .ant-mention-editor:focus {
  4580. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4581. box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
  4582. border-right-width: 1px !important;
  4583. }
  4584. .ant-mention-wrapper .ant-mention-editor-disabled {
  4585. background-color: #f5f5f5;
  4586. color: rgba(0, 0, 0, 0.25);
  4587. }
  4588. .ant-mention-wrapper .ant-mention-editor-disabled:hover {
  4589. border-color: #e6d8d8;
  4590. border-right-width: 1px !important;
  4591. }
  4592. .ant-mention-wrapper.ant-mention-active:not(.disabled) .ant-mention-editor {
  4593. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  4594. box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
  4595. border-right-width: 1px !important;
  4596. }
  4597. .ant-mention-wrapper.disabled .ant-mention-editor {
  4598. background-color: #f5f5f5;
  4599. color: rgba(0, 0, 0, 0.25);
  4600. }
  4601. .ant-mention-wrapper.disabled .ant-mention-editor:hover {
  4602. border-color: #e6d8d8;
  4603. border-right-width: 1px !important;
  4604. }
  4605. .ant-mention-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
  4606. color: #bfbfbf;
  4607. }
  4608. .ant-mention-dropdown {
  4609. color: #000000;
  4610. background-color: #fff;
  4611. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  4612. border-radius: 2px;
  4613. }
  4614. .ant-mention-dropdown-notfound.ant-mention-dropdown-item {
  4615. color: rgba(0, 0, 0, 0.25);
  4616. }
  4617. .ant-mention-dropdown-notfound.ant-mention-dropdown-item .anticon-loading {
  4618. color: @primary-color;
  4619. }
  4620. .ant-mention-dropdown-item {
  4621. color: #000000;
  4622. }
  4623. .ant-mention-dropdown-item:hover {
  4624. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  4625. }
  4626. .ant-mention-dropdown-item.focus,
  4627. .ant-mention-dropdown-item-active {
  4628. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  4629. }
  4630. .ant-mention-dropdown-item-disabled {
  4631. color: rgba(0, 0, 0, 0.25);
  4632. }
  4633. .ant-mention-dropdown-item-disabled:hover {
  4634. color: rgba(0, 0, 0, 0.25);
  4635. background-color: #fff;
  4636. }
  4637. .ant-mention-dropdown-item-selected,
  4638. .ant-mention-dropdown-item-selected:hover {
  4639. background-color: #f5f5f5;
  4640. color: #000000;
  4641. }
  4642. .ant-mention-dropdown-item-divider {
  4643. background-color: #e8e8e8;
  4644. }
  4645. .ant-menu {
  4646. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  4647. color: #000000;
  4648. background: #fff;
  4649. }
  4650. .ant-menu-item-group-title {
  4651. color: rgba(0, 0, 0, 0.45);
  4652. }
  4653. .ant-menu-item:active,
  4654. .ant-menu-submenu-title:active {
  4655. background: color(~`colorPalette("@{primary-color}", 1)`);
  4656. }
  4657. .ant-menu-item > a {
  4658. color: #000000;
  4659. }
  4660. .ant-menu-item > a:hover {
  4661. color: @primary-color;
  4662. }
  4663. .ant-menu-item > a:before {
  4664. background-color: transparent;
  4665. }
  4666. .ant-menu-item-divider {
  4667. background-color: #e8e8e8;
  4668. }
  4669. .ant-menu-item:hover,
  4670. .ant-menu-item-active,
  4671. .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
  4672. .ant-menu-submenu-active,
  4673. .ant-menu-submenu-title:hover {
  4674. color: @primary-color;
  4675. }
  4676. .ant-menu-horizontal > .ant-menu-item:hover,
  4677. .ant-menu-horizontal > .ant-menu-item-active,
  4678. .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  4679. background-color: transparent;
  4680. }
  4681. .ant-menu-item-selected {
  4682. color: @primary-color;
  4683. }
  4684. .ant-menu-item-selected > a,
  4685. .ant-menu-item-selected > a:hover {
  4686. color: @primary-color;
  4687. }
  4688. .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  4689. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  4690. }
  4691. .ant-menu-inline,
  4692. .ant-menu-vertical,
  4693. .ant-menu-vertical-left {
  4694. border-right: 1px solid #e8e8e8;
  4695. }
  4696. .ant-menu-vertical-right {
  4697. border-left: 1px solid #e8e8e8;
  4698. }
  4699. .ant-menu-vertical.ant-menu-sub,
  4700. .ant-menu-vertical-left.ant-menu-sub,
  4701. .ant-menu-vertical-right.ant-menu-sub {
  4702. border-right: 0;
  4703. }
  4704. .ant-menu-vertical.ant-menu-sub .ant-menu-item,
  4705. .ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
  4706. .ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  4707. border-right: 0;
  4708. }
  4709. .ant-menu-vertical.ant-menu-sub .ant-menu-item:after,
  4710. .ant-menu-vertical-left.ant-menu-sub .ant-menu-item:after,
  4711. .ant-menu-vertical-right.ant-menu-sub .ant-menu-item:after {
  4712. border-right: 0;
  4713. }
  4714. .ant-menu > .ant-menu-item-divider {
  4715. background-color: #e8e8e8;
  4716. }
  4717. .ant-menu-submenu-popup {
  4718. border-radius: 2px;
  4719. }
  4720. .ant-menu-submenu > .ant-menu {
  4721. background-color: #fff;
  4722. border-radius: 2px;
  4723. }
  4724. .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
  4725. .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
  4726. .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
  4727. .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
  4728. .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
  4729. .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
  4730. .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
  4731. .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow:after {
  4732. background: #fff;
  4733. background-image: linear-gradient(to right, #000000, #000000);
  4734. border-radius: 2px;
  4735. }
  4736. .ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
  4737. .ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
  4738. .ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
  4739. .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
  4740. .ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
  4741. .ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
  4742. .ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
  4743. .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before {
  4744. background: linear-gradient(to right, @primary-color, @primary-color);
  4745. }
  4746. .ant-menu-vertical .ant-menu-submenu-selected,
  4747. .ant-menu-vertical-left .ant-menu-submenu-selected,
  4748. .ant-menu-vertical-right .ant-menu-submenu-selected {
  4749. color: @primary-color;
  4750. }
  4751. .ant-menu-vertical .ant-menu-submenu-selected > a,
  4752. .ant-menu-vertical-left .ant-menu-submenu-selected > a,
  4753. .ant-menu-vertical-right .ant-menu-submenu-selected > a {
  4754. color: @primary-color;
  4755. }
  4756. .ant-menu-horizontal {
  4757. border: 0;
  4758. border-bottom: 1px solid #e8e8e8;
  4759. box-shadow: none;
  4760. }
  4761. .ant-menu-horizontal > .ant-menu-item,
  4762. .ant-menu-horizontal > .ant-menu-submenu {
  4763. border-bottom: 2px solid transparent;
  4764. }
  4765. .ant-menu-horizontal > .ant-menu-item:hover,
  4766. .ant-menu-horizontal > .ant-menu-submenu:hover,
  4767. .ant-menu-horizontal > .ant-menu-item-active,
  4768. .ant-menu-horizontal > .ant-menu-submenu-active,
  4769. .ant-menu-horizontal > .ant-menu-item-open,
  4770. .ant-menu-horizontal > .ant-menu-submenu-open,
  4771. .ant-menu-horizontal > .ant-menu-item-selected,
  4772. .ant-menu-horizontal > .ant-menu-submenu-selected {
  4773. border-bottom: 2px solid @primary-color;
  4774. color: @primary-color;
  4775. }
  4776. .ant-menu-horizontal > .ant-menu-item > a {
  4777. color: #000000;
  4778. }
  4779. .ant-menu-horizontal > .ant-menu-item > a:hover {
  4780. color: @primary-color;
  4781. }
  4782. .ant-menu-horizontal > .ant-menu-item-selected > a {
  4783. color: @primary-color;
  4784. }
  4785. .ant-menu-vertical .ant-menu-item:after,
  4786. .ant-menu-vertical-left .ant-menu-item:after,
  4787. .ant-menu-vertical-right .ant-menu-item:after,
  4788. .ant-menu-inline .ant-menu-item:after {
  4789. border-right: 3px solid @primary-color;
  4790. }
  4791. .ant-menu-inline-collapsed-tooltip a {
  4792. color: rgba(255, 255, 255, 0.85);
  4793. }
  4794. .ant-menu-root.ant-menu-vertical,
  4795. .ant-menu-root.ant-menu-vertical-left,
  4796. .ant-menu-root.ant-menu-vertical-right,
  4797. .ant-menu-root.ant-menu-inline {
  4798. box-shadow: none;
  4799. }
  4800. .ant-menu-sub.ant-menu-inline {
  4801. border: 0;
  4802. box-shadow: none;
  4803. border-radius: 0;
  4804. }
  4805. .ant-menu-item-disabled,
  4806. .ant-menu-submenu-disabled {
  4807. color: rgba(0, 0, 0, 0.25) !important;
  4808. background: none;
  4809. border-color: transparent !important;
  4810. }
  4811. .ant-menu-item-disabled > a,
  4812. .ant-menu-submenu-disabled > a {
  4813. color: rgba(0, 0, 0, 0.25) !important;
  4814. }
  4815. .ant-menu-item-disabled > .ant-menu-submenu-title,
  4816. .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  4817. color: rgba(0, 0, 0, 0.25) !important;
  4818. }
  4819. .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
  4820. .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
  4821. .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
  4822. .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after {
  4823. background: rgba(0, 0, 0, 0.25) !important;
  4824. }
  4825. .ant-menu-dark,
  4826. .ant-menu-dark .ant-menu-sub {
  4827. color: rgba(255, 255, 255, 0.65);
  4828. background: @primary-color;
  4829. }
  4830. .ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
  4831. .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
  4832. .ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
  4833. .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:before {
  4834. background: #fff;
  4835. }
  4836. .ant-menu-dark.ant-menu-submenu-popup {
  4837. background: transparent;
  4838. }
  4839. .ant-menu-dark .ant-menu-inline.ant-menu-sub {
  4840. background: #000c17;
  4841. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
  4842. }
  4843. .ant-menu-dark.ant-menu-horizontal {
  4844. border-bottom: 0;
  4845. }
  4846. .ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
  4847. .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  4848. border-color: @primary-color;
  4849. border-bottom: 0;
  4850. }
  4851. .ant-menu-dark .ant-menu-item,
  4852. .ant-menu-dark .ant-menu-item-group-title,
  4853. .ant-menu-dark .ant-menu-item > a {
  4854. color: rgba(255, 255, 255, 0.65);
  4855. }
  4856. .ant-menu-dark.ant-menu-inline,
  4857. .ant-menu-dark.ant-menu-vertical,
  4858. .ant-menu-dark.ant-menu-vertical-left,
  4859. .ant-menu-dark.ant-menu-vertical-right {
  4860. border-right: 0;
  4861. }
  4862. .ant-menu-dark.ant-menu-inline .ant-menu-item,
  4863. .ant-menu-dark.ant-menu-vertical .ant-menu-item,
  4864. .ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
  4865. .ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  4866. border-right: 0;
  4867. }
  4868. .ant-menu-dark.ant-menu-inline .ant-menu-item:after,
  4869. .ant-menu-dark.ant-menu-vertical .ant-menu-item:after,
  4870. .ant-menu-dark.ant-menu-vertical-left .ant-menu-item:after,
  4871. .ant-menu-dark.ant-menu-vertical-right .ant-menu-item:after {
  4872. border-right: 0;
  4873. }
  4874. .ant-menu-dark .ant-menu-item:hover,
  4875. .ant-menu-dark .ant-menu-item-active,
  4876. .ant-menu-dark .ant-menu-submenu-active,
  4877. .ant-menu-dark .ant-menu-submenu-open,
  4878. .ant-menu-dark .ant-menu-submenu-selected,
  4879. .ant-menu-dark .ant-menu-submenu-title:hover {
  4880. background-color: transparent;
  4881. color: #fff;
  4882. }
  4883. .ant-menu-dark .ant-menu-item:hover > a,
  4884. .ant-menu-dark .ant-menu-item-active > a,
  4885. .ant-menu-dark .ant-menu-submenu-active > a,
  4886. .ant-menu-dark .ant-menu-submenu-open > a,
  4887. .ant-menu-dark .ant-menu-submenu-selected > a,
  4888. .ant-menu-dark .ant-menu-submenu-title:hover > a {
  4889. color: #fff;
  4890. }
  4891. .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
  4892. .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
  4893. .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
  4894. .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
  4895. .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
  4896. .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
  4897. .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
  4898. .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
  4899. .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
  4900. .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
  4901. .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
  4902. .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
  4903. .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
  4904. .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
  4905. .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
  4906. .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
  4907. .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
  4908. .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
  4909. .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before,
  4910. .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before,
  4911. .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before,
  4912. .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before,
  4913. .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before,
  4914. .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before {
  4915. background: #fff;
  4916. }
  4917. .ant-menu-dark .ant-menu-item-selected {
  4918. border-right: 0;
  4919. color: #fff;
  4920. }
  4921. .ant-menu-dark .ant-menu-item-selected:after {
  4922. border-right: 0;
  4923. }
  4924. .ant-menu-dark .ant-menu-item-selected > a,
  4925. .ant-menu-dark .ant-menu-item-selected > a:hover {
  4926. color: #fff;
  4927. }
  4928. .ant-menu.ant-menu-dark .ant-menu-item-selected,
  4929. .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  4930. background-color: @primary-color;
  4931. }
  4932. .ant-menu-dark .ant-menu-item-disabled,
  4933. .ant-menu-dark .ant-menu-submenu-disabled,
  4934. .ant-menu-dark .ant-menu-item-disabled > a,
  4935. .ant-menu-dark .ant-menu-submenu-disabled > a {
  4936. color: rgba(255, 255, 255, 0.35) !important;
  4937. }
  4938. .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
  4939. .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  4940. color: rgba(255, 255, 255, 0.35) !important;
  4941. }
  4942. .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
  4943. .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
  4944. .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
  4945. .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after {
  4946. background: rgba(255, 255, 255, 0.35) !important;
  4947. }
  4948. .ant-message {
  4949. color: #000000;
  4950. }
  4951. .ant-message-notice-content {
  4952. border-radius: 2px;
  4953. box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  4954. background: #fff;
  4955. }
  4956. .ant-message-success .anticon {
  4957. color: #52c41a;
  4958. }
  4959. .ant-message-error .anticon {
  4960. color: #f5222d;
  4961. }
  4962. .ant-message-warning .anticon {
  4963. color: #faad14;
  4964. }
  4965. .ant-message-info .anticon,
  4966. .ant-message-loading .anticon {
  4967. color: #1890ff;
  4968. }
  4969. .ant-modal {
  4970. color: #000000;
  4971. }
  4972. .ant-modal-title {
  4973. color: rgba(0, 0, 0, 0.85);
  4974. }
  4975. .ant-modal-content {
  4976. background-color: #fff;
  4977. border: 0;
  4978. border-radius: 2px;
  4979. background-clip: padding-box;
  4980. box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  4981. }
  4982. .ant-modal-close {
  4983. border: 0;
  4984. background: transparent;
  4985. color: rgba(0, 0, 0, 0.45);
  4986. }
  4987. .ant-modal-close:focus,
  4988. .ant-modal-close:hover {
  4989. color: #444;
  4990. }
  4991. .ant-modal-header {
  4992. border-radius: 2px 2px 0 0;
  4993. background: #fff;
  4994. color: #000000;
  4995. border-bottom: 1px solid #e8e8e8;
  4996. }
  4997. .ant-modal-footer {
  4998. border-top: 1px solid #e8e8e8;
  4999. border-radius: 0 0 2px 2px;
  5000. }
  5001. .ant-modal-mask {
  5002. background-color: rgba(0, 0, 0, 0.65);
  5003. }
  5004. .ant-modal-confirm-body .ant-modal-confirm-title {
  5005. color: rgba(0, 0, 0, 0.85);
  5006. }
  5007. .ant-modal-confirm-body .ant-modal-confirm-content {
  5008. color: #000000;
  5009. }
  5010. .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  5011. color: #f5222d;
  5012. }
  5013. .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
  5014. .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  5015. color: #faad14;
  5016. }
  5017. .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  5018. color: #1890ff;
  5019. }
  5020. .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  5021. color: #52c41a;
  5022. }
  5023. .ant-notification {
  5024. color: #000000;
  5025. }
  5026. .ant-notification-notice {
  5027. border-radius: 2px;
  5028. box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  5029. background: #fff;
  5030. }
  5031. .ant-notification-notice-message {
  5032. color: rgba(0, 0, 0, 0.85);
  5033. }
  5034. .ant-notification-notice-message-single-line-auto-margin {
  5035. background-color: transparent;
  5036. }
  5037. .ant-notification-notice-icon-success {
  5038. color: #52c41a;
  5039. }
  5040. .ant-notification-notice-icon-info {
  5041. color: #1890ff;
  5042. }
  5043. .ant-notification-notice-icon-warning {
  5044. color: #faad14;
  5045. }
  5046. .ant-notification-notice-icon-error {
  5047. color: #f5222d;
  5048. }
  5049. .ant-notification-notice-close {
  5050. color: rgba(0, 0, 0, 0.45);
  5051. }
  5052. .ant-notification-notice-close:hover {
  5053. color: rgba(0, 0, 0, 0.67);
  5054. }
  5055. .ant-pagination {
  5056. color: #000000;
  5057. }
  5058. .ant-pagination-item {
  5059. border-radius: 2px;
  5060. border: 1px solid #d9d9d9;
  5061. background-color: #fff;
  5062. }
  5063. .ant-pagination-item a {
  5064. color: #000000;
  5065. }
  5066. .ant-pagination-item:focus,
  5067. .ant-pagination-item:hover {
  5068. border-color: @primary-color;
  5069. }
  5070. .ant-pagination-item:focus a,
  5071. .ant-pagination-item:hover a {
  5072. color: @primary-color;
  5073. }
  5074. .ant-pagination-item-active {
  5075. border-color: @primary-color;
  5076. }
  5077. .ant-pagination-item-active a {
  5078. color: @primary-color;
  5079. }
  5080. .ant-pagination-item-active:focus,
  5081. .ant-pagination-item-active:hover {
  5082. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  5083. }
  5084. .ant-pagination-item-active:focus a,
  5085. .ant-pagination-item-active:hover a {
  5086. color: color(~`colorPalette("@{primary-color}", 5)`);
  5087. }
  5088. .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
  5089. .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  5090. color: @primary-color;
  5091. }
  5092. .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
  5093. .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  5094. color: rgba(0, 0, 0, 0.25);
  5095. }
  5096. .ant-pagination-prev,
  5097. .ant-pagination-next,
  5098. .ant-pagination-jump-prev,
  5099. .ant-pagination-jump-next {
  5100. color: #000000;
  5101. border-radius: 2px;
  5102. }
  5103. .ant-pagination-prev a,
  5104. .ant-pagination-next a {
  5105. color: #000000;
  5106. }
  5107. .ant-pagination-prev:hover a,
  5108. .ant-pagination-next:hover a {
  5109. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  5110. }
  5111. .ant-pagination-prev .ant-pagination-item-link,
  5112. .ant-pagination-next .ant-pagination-item-link {
  5113. border: 1px solid #d9d9d9;
  5114. background-color: #fff;
  5115. border-radius: 2px;
  5116. }
  5117. .ant-pagination-prev:focus .ant-pagination-item-link,
  5118. .ant-pagination-next:focus .ant-pagination-item-link,
  5119. .ant-pagination-prev:hover .ant-pagination-item-link,
  5120. .ant-pagination-next:hover .ant-pagination-item-link {
  5121. border-color: @primary-color;
  5122. color: @primary-color;
  5123. }
  5124. .ant-pagination-disabled a,
  5125. .ant-pagination-disabled:hover a,
  5126. .ant-pagination-disabled:focus a,
  5127. .ant-pagination-disabled .ant-pagination-item-link,
  5128. .ant-pagination-disabled:hover .ant-pagination-item-link,
  5129. .ant-pagination-disabled:focus .ant-pagination-item-link {
  5130. border-color: #d9d9d9;
  5131. color: rgba(0, 0, 0, 0.25);
  5132. }
  5133. .ant-pagination-options-quick-jumper input {
  5134. color: #000000;
  5135. background-color: #fff;
  5136. background-image: none;
  5137. border: 1px solid #d9d9d9;
  5138. border-radius: 2px;
  5139. }
  5140. .ant-pagination-options-quick-jumper input::-moz-placeholder {
  5141. color: #bfbfbf;
  5142. }
  5143. .ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  5144. color: #bfbfbf;
  5145. }
  5146. .ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
  5147. color: #bfbfbf;
  5148. }
  5149. .ant-pagination-options-quick-jumper input:hover {
  5150. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  5151. border-right-width: 1px !important;
  5152. }
  5153. .ant-pagination-options-quick-jumper input:focus {
  5154. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  5155. box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
  5156. border-right-width: 1px !important;
  5157. }
  5158. .ant-pagination-options-quick-jumper input-disabled {
  5159. background-color: #f5f5f5;
  5160. color: rgba(0, 0, 0, 0.25);
  5161. }
  5162. .ant-pagination-options-quick-jumper input-disabled:hover {
  5163. border-color: #e6d8d8;
  5164. border-right-width: 1px !important;
  5165. }
  5166. .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
  5167. .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  5168. border: 0;
  5169. }
  5170. .ant-pagination-simple .ant-pagination-simple-pager input {
  5171. background-color: #fff;
  5172. border-radius: 2px;
  5173. border: 1px solid #d9d9d9;
  5174. }
  5175. .ant-pagination-simple .ant-pagination-simple-pager input:hover {
  5176. border-color: @primary-color;
  5177. }
  5178. .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  5179. background: transparent;
  5180. border-color: transparent;
  5181. }
  5182. .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
  5183. .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  5184. border-color: transparent;
  5185. background: transparent;
  5186. }
  5187. .ant-popover {
  5188. color: #000000;
  5189. }
  5190. .ant-popover:after {
  5191. background: rgba(255, 255, 255, 0.01);
  5192. }
  5193. .ant-popover-inner {
  5194. background-color: #fff;
  5195. background-clip: padding-box;
  5196. border-radius: 2px;
  5197. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  5198. }
  5199. .ant-popover-title {
  5200. border-bottom: 1px solid #e8e8e8;
  5201. color: rgba(0, 0, 0, 0.85);
  5202. }
  5203. .ant-popover-inner-content {
  5204. color: #000000;
  5205. }
  5206. .ant-popover-message {
  5207. color: #000000;
  5208. }
  5209. .ant-popover-message > .anticon {
  5210. color: #faad14;
  5211. }
  5212. .ant-popover-arrow {
  5213. background: #fff;
  5214. border-color: transparent;
  5215. border-style: solid;
  5216. }
  5217. .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
  5218. .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
  5219. .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  5220. box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  5221. }
  5222. .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
  5223. .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
  5224. .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  5225. box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  5226. }
  5227. .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
  5228. .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
  5229. .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  5230. box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
  5231. }
  5232. .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
  5233. .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
  5234. .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  5235. box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  5236. }
  5237. .ant-progress {
  5238. color: #000000;
  5239. }
  5240. .ant-progress-inner {
  5241. background-color: #f5f5f5;
  5242. border-radius: 100px;
  5243. }
  5244. .ant-progress-success-bg,
  5245. .ant-progress-bg {
  5246. background-color: #1890ff;
  5247. }
  5248. .ant-progress-success-bg {
  5249. background-color: #52c41a;
  5250. }
  5251. .ant-progress-text {
  5252. color: rgba(0, 0, 0, 0.45);
  5253. }
  5254. .ant-progress-status-active .ant-progress-bg:before {
  5255. background: #fff;
  5256. border-radius: 10px;
  5257. }
  5258. .ant-progress-status-exception .ant-progress-bg {
  5259. background-color: #f5222d;
  5260. }
  5261. .ant-progress-status-exception .ant-progress-text {
  5262. color: #f5222d;
  5263. }
  5264. .ant-progress-status-success .ant-progress-bg {
  5265. background-color: #52c41a;
  5266. }
  5267. .ant-progress-status-success .ant-progress-text {
  5268. color: #52c41a;
  5269. }
  5270. .ant-progress-circle .ant-progress-inner {
  5271. background-color: transparent;
  5272. }
  5273. .ant-progress-circle .ant-progress-text {
  5274. color: #000000;
  5275. }
  5276. .ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  5277. color: #f5222d;
  5278. }
  5279. .ant-progress-circle.ant-progress-status-success .ant-progress-text {
  5280. color: #52c41a;
  5281. }
  5282. .ant-radio-group {
  5283. color: #000000;
  5284. }
  5285. .ant-radio-wrapper {
  5286. color: #000000;
  5287. }
  5288. .ant-radio {
  5289. color: #000000;
  5290. }
  5291. .ant-radio-wrapper:hover .ant-radio .ant-radio-inner,
  5292. .ant-radio:hover .ant-radio-inner,
  5293. .ant-radio-focused .ant-radio-inner {
  5294. border-color: @primary-color;
  5295. }
  5296. .ant-radio-checked:after {
  5297. border-radius: 50%;
  5298. border: 1px solid @primary-color;
  5299. }
  5300. .ant-radio-inner {
  5301. border-width: 1px;
  5302. border-style: solid;
  5303. border-radius: 100px;
  5304. border-color: #d9d9d9;
  5305. background-color: #fff;
  5306. }
  5307. .ant-radio-inner:after {
  5308. border-radius: 8px;
  5309. border-top: 0;
  5310. border-left: 0;
  5311. background-color: @primary-color;
  5312. }
  5313. .ant-radio-checked .ant-radio-inner {
  5314. border-color: @primary-color;
  5315. }
  5316. .ant-radio-disabled .ant-radio-inner {
  5317. border-color: #d9d9d9 !important;
  5318. background-color: #f5f5f5;
  5319. }
  5320. .ant-radio-disabled .ant-radio-inner:after {
  5321. background-color: #ccc;
  5322. }
  5323. .ant-radio-disabled + span {
  5324. color: rgba(0, 0, 0, 0.25);
  5325. }
  5326. .ant-radio-button-wrapper {
  5327. color: #000000;
  5328. border: 1px solid #d9d9d9;
  5329. border-left: 0;
  5330. border-top-width: 1.02px;
  5331. background: #fff;
  5332. }
  5333. .ant-radio-button-wrapper a {
  5334. color: #000000;
  5335. }
  5336. .ant-radio-button-wrapper:not(:first-child)::before {
  5337. background-color: #d9d9d9;
  5338. }
  5339. .ant-radio-button-wrapper:first-child {
  5340. border-radius: 2px 0 0 2px;
  5341. border-left: 1px solid #d9d9d9;
  5342. }
  5343. .ant-radio-button-wrapper:last-child {
  5344. border-radius: 0 2px 2px 0;
  5345. }
  5346. .ant-radio-button-wrapper:first-child:last-child {
  5347. border-radius: 2px;
  5348. }
  5349. .ant-radio-button-wrapper:hover,
  5350. .ant-radio-button-wrapper-focused {
  5351. color: @primary-color;
  5352. }
  5353. .ant-radio-button-wrapper-checked {
  5354. background: #fff;
  5355. border-color: @primary-color;
  5356. color: @primary-color;
  5357. box-shadow: -1px 0 0 0 @primary-color;
  5358. }
  5359. .ant-radio-button-wrapper-checked::before {
  5360. background-color: @primary-color !important;
  5361. }
  5362. .ant-radio-button-wrapper-checked:first-child {
  5363. border-color: @primary-color;
  5364. box-shadow: none !important;
  5365. }
  5366. .ant-radio-button-wrapper-checked:hover {
  5367. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  5368. box-shadow: -1px 0 0 0 color(~`colorPalette("@{primary-color}", 5)`);
  5369. color: color(~`colorPalette("@{primary-color}", 5)`);
  5370. }
  5371. .ant-radio-button-wrapper-checked:active {
  5372. border-color: color(~`colorPalette("@{primary-color}", 7)`);
  5373. box-shadow: -1px 0 0 0 color(~`colorPalette("@{primary-color}", 7)`);
  5374. color: color(~`colorPalette("@{primary-color}", 7)`);
  5375. }
  5376. .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  5377. background: @primary-color;
  5378. border-color: @primary-color;
  5379. color: #fff;
  5380. }
  5381. .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  5382. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  5383. background: color(~`colorPalette("@{primary-color}", 5)`);
  5384. color: #fff;
  5385. }
  5386. .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  5387. border-color: color(~`colorPalette("@{primary-color}", 7)`);
  5388. background: color(~`colorPalette("@{primary-color}", 7)`);
  5389. color: #fff;
  5390. }
  5391. .ant-radio-button-wrapper-disabled {
  5392. border-color: #d9d9d9;
  5393. background-color: #f5f5f5;
  5394. color: rgba(0, 0, 0, 0.25);
  5395. }
  5396. .ant-radio-button-wrapper-disabled:first-child,
  5397. .ant-radio-button-wrapper-disabled:hover {
  5398. border-color: #d9d9d9;
  5399. background-color: #f5f5f5;
  5400. color: rgba(0, 0, 0, 0.25);
  5401. }
  5402. .ant-radio-button-wrapper-disabled:first-child {
  5403. border-left-color: #d9d9d9;
  5404. }
  5405. .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  5406. color: #fff;
  5407. background-color: #e6e6e6;
  5408. border-color: #d9d9d9;
  5409. box-shadow: none;
  5410. }
  5411. .ant-rate {
  5412. color: #000000;
  5413. color: #fadb14;
  5414. }
  5415. .ant-rate-star {
  5416. color: inherit;
  5417. }
  5418. .ant-rate-star-first,
  5419. .ant-rate-star-second {
  5420. color: #e8e8e8;
  5421. }
  5422. .ant-rate-star-half .ant-rate-star-first,
  5423. .ant-rate-star-full .ant-rate-star-second {
  5424. color: inherit;
  5425. }
  5426. .ant-select {
  5427. color: #000000;
  5428. }
  5429. .ant-select > ul > li > a {
  5430. background-color: #fff;
  5431. }
  5432. .ant-select-arrow {
  5433. color: rgba(0, 0, 0, 0.25);
  5434. }
  5435. .ant-select-selection {
  5436. background-color: #fff;
  5437. border-radius: 2px;
  5438. border: 1px solid #d9d9d9;
  5439. border-top-width: 1.02px;
  5440. }
  5441. .ant-select-selection:hover {
  5442. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  5443. border-right-width: 1px !important;
  5444. }
  5445. .ant-select-focused .ant-select-selection,
  5446. .ant-select-selection:focus,
  5447. .ant-select-selection:active {
  5448. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  5449. box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
  5450. border-right-width: 1px !important;
  5451. }
  5452. .ant-select-selection__clear {
  5453. background: #fff;
  5454. color: rgba(0, 0, 0, 0.25);
  5455. }
  5456. .ant-select-selection__clear:hover {
  5457. color: rgba(0, 0, 0, 0.45);
  5458. }
  5459. .ant-select-disabled {
  5460. color: rgba(0, 0, 0, 0.25);
  5461. }
  5462. .ant-select-disabled .ant-select-selection {
  5463. background: #f5f5f5;
  5464. }
  5465. .ant-select-disabled .ant-select-selection:hover,
  5466. .ant-select-disabled .ant-select-selection:focus,
  5467. .ant-select-disabled .ant-select-selection:active {
  5468. border-color: #d9d9d9;
  5469. box-shadow: none;
  5470. }
  5471. .ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
  5472. background: #f5f5f5;
  5473. color: #aaa;
  5474. }
  5475. .ant-select-disabled .ant-select-selection__choice__remove {
  5476. color: rgba(0, 0, 0, 0.25);
  5477. }
  5478. .ant-select-disabled .ant-select-selection__choice__remove:hover {
  5479. color: rgba(0, 0, 0, 0.25);
  5480. }
  5481. .ant-select-selection__placeholder,
  5482. .ant-select-search__field__placeholder {
  5483. color: #bfbfbf;
  5484. }
  5485. .ant-select-search--inline .ant-select-search__field {
  5486. border-width: 0;
  5487. background: transparent;
  5488. border-radius: 2px;
  5489. }
  5490. .ant-select-selection--multiple .ant-select-selection__choice {
  5491. color: #000000;
  5492. background-color: #fafafa;
  5493. border: 1px solid #e8e8e8;
  5494. border-radius: 2px;
  5495. }
  5496. .ant-select-selection--multiple .ant-select-selection__choice__remove {
  5497. color: rgba(0, 0, 0, 0.45);
  5498. }
  5499. .ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  5500. color: #404040;
  5501. }
  5502. .ant-select-open .ant-select-selection {
  5503. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  5504. box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
  5505. border-right-width: 1px !important;
  5506. }
  5507. .ant-select-combobox .ant-select-search__field {
  5508. box-shadow: none;
  5509. }
  5510. .ant-select-dropdown {
  5511. color: #000000;
  5512. background-color: #fff;
  5513. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  5514. border-radius: 2px;
  5515. }
  5516. .ant-select-dropdown-menu-item-group-title {
  5517. color: rgba(0, 0, 0, 0.45);
  5518. }
  5519. .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child),
  5520. .ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child {
  5521. border-radius: 0;
  5522. }
  5523. .ant-select-dropdown-menu-item {
  5524. color: #000000;
  5525. }
  5526. .ant-select-dropdown-menu-item:hover {
  5527. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  5528. }
  5529. .ant-select-dropdown-menu-item:first-child {
  5530. border-radius: 2px 2px 0 0;
  5531. }
  5532. .ant-select-dropdown-menu-item:last-child {
  5533. border-radius: 0 0 2px 2px;
  5534. }
  5535. .ant-select-dropdown-menu-item-disabled {
  5536. color: rgba(0, 0, 0, 0.25);
  5537. }
  5538. .ant-select-dropdown-menu-item-disabled:hover {
  5539. color: rgba(0, 0, 0, 0.25);
  5540. background-color: #fff;
  5541. }
  5542. .ant-select-dropdown-menu-item-selected,
  5543. .ant-select-dropdown-menu-item-selected:hover {
  5544. background-color: #fafafa;
  5545. color: #000000;
  5546. }
  5547. .ant-select-dropdown-menu-item-active {
  5548. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  5549. }
  5550. .ant-select-dropdown-menu-item-divider {
  5551. background-color: #e8e8e8;
  5552. }
  5553. .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon {
  5554. color: transparent;
  5555. }
  5556. .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
  5557. color: #ddd;
  5558. }
  5559. .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
  5560. .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
  5561. color: @primary-color;
  5562. }
  5563. .ant-skeleton-header .ant-skeleton-avatar {
  5564. background: #f2f2f2;
  5565. }
  5566. .ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  5567. border-radius: 50%;
  5568. }
  5569. .ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  5570. border-radius: 50%;
  5571. }
  5572. .ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  5573. border-radius: 50%;
  5574. }
  5575. .ant-skeleton-content .ant-skeleton-title {
  5576. background: #f2f2f2;
  5577. }
  5578. .ant-skeleton-content .ant-skeleton-paragraph > li {
  5579. background: #f2f2f2;
  5580. }
  5581. .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
  5582. .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  5583. background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  5584. background-size: 400% 100%;
  5585. }
  5586. .ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  5587. background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  5588. background-size: 400% 100%;
  5589. }
  5590. .ant-slider {
  5591. color: #000000;
  5592. }
  5593. .ant-slider-rail {
  5594. border-radius: 2px;
  5595. background-color: #f5f5f5;
  5596. }
  5597. .ant-slider-track {
  5598. border-radius: 2px;
  5599. background-color: color(~`colorPalette("@{primary-color}", 3)`);
  5600. }
  5601. .ant-slider-handle {
  5602. border-radius: 50%;
  5603. border: solid 2px color(~`colorPalette("@{primary-color}", 3)`);
  5604. background-color: #fff;
  5605. }
  5606. .ant-slider-handle:focus {
  5607. border-color: #5a5e75;
  5608. box-shadow: 0 0 0 5px #989ba9;
  5609. }
  5610. .ant-slider-handle.ant-tooltip-open {
  5611. border-color: @primary-color;
  5612. }
  5613. .ant-slider:hover .ant-slider-rail {
  5614. background-color: #e1e1e1;
  5615. }
  5616. .ant-slider:hover .ant-slider-track {
  5617. background-color: color(~`colorPalette("@{primary-color}", 4)`);
  5618. }
  5619. .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  5620. border-color: color(~`colorPalette("@{primary-color}", 4)`);
  5621. }
  5622. .ant-slider-mark-text {
  5623. color: rgba(0, 0, 0, 0.45);
  5624. }
  5625. .ant-slider-mark-text-active {
  5626. color: #000000;
  5627. }
  5628. .ant-slider-step {
  5629. background: transparent;
  5630. }
  5631. .ant-slider-dot {
  5632. border: 2px solid #e8e8e8;
  5633. background-color: #fff;
  5634. border-radius: 50%;
  5635. }
  5636. .ant-slider-dot-active {
  5637. border-color: #989ba9;
  5638. }
  5639. .ant-slider-disabled .ant-slider-track {
  5640. background-color: rgba(0, 0, 0, 0.25) !important;
  5641. }
  5642. .ant-slider-disabled .ant-slider-handle,
  5643. .ant-slider-disabled .ant-slider-dot {
  5644. border-color: rgba(0, 0, 0, 0.25) !important;
  5645. background-color: #fff;
  5646. box-shadow: none;
  5647. }
  5648. .ant-spin {
  5649. color: #000000;
  5650. color: @primary-color;
  5651. }
  5652. .ant-spin-blur:after {
  5653. background: #fff;
  5654. }
  5655. .ant-spin-tip {
  5656. color: rgba(0, 0, 0, 0.45);
  5657. }
  5658. .ant-spin-dot i {
  5659. border-radius: 100%;
  5660. background-color: @primary-color;
  5661. }
  5662. .ant-steps {
  5663. color: #000000;
  5664. }
  5665. .ant-steps-item-icon {
  5666. border: 1px solid rgba(0, 0, 0, 0.25);
  5667. border-radius: 32px;
  5668. }
  5669. .ant-steps-item-icon > .ant-steps-icon {
  5670. color: @primary-color;
  5671. }
  5672. .ant-steps-item-tail:after {
  5673. background: #e8e8e8;
  5674. border-radius: 1px;
  5675. }
  5676. .ant-steps-item-title {
  5677. color: #000000;
  5678. }
  5679. .ant-steps-item-title:after {
  5680. background: #e8e8e8;
  5681. }
  5682. .ant-steps-item-description {
  5683. color: rgba(0, 0, 0, 0.45);
  5684. }
  5685. .ant-steps-item-wait .ant-steps-item-icon {
  5686. border-color: rgba(0, 0, 0, 0.25);
  5687. background-color: #fff;
  5688. }
  5689. .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  5690. color: rgba(0, 0, 0, 0.25);
  5691. }
  5692. .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  5693. background: rgba(0, 0, 0, 0.25);
  5694. }
  5695. .ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-title {
  5696. color: rgba(0, 0, 0, 0.45);
  5697. }
  5698. .ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-title:after {
  5699. background-color: #e8e8e8;
  5700. }
  5701. .ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-description {
  5702. color: rgba(0, 0, 0, 0.45);
  5703. }
  5704. .ant-steps-item-wait > .ant-steps-item-tail:after {
  5705. background-color: #e8e8e8;
  5706. }
  5707. .ant-steps-item-process .ant-steps-item-icon {
  5708. border-color: @primary-color;
  5709. background-color: #fff;
  5710. }
  5711. .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  5712. color: @primary-color;
  5713. }
  5714. .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  5715. background: @primary-color;
  5716. }
  5717. .ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-title {
  5718. color: rgba(0, 0, 0, 0.85);
  5719. }
  5720. .ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-title:after {
  5721. background-color: #e8e8e8;
  5722. }
  5723. .ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-description {
  5724. color: #000000;
  5725. }
  5726. .ant-steps-item-process > .ant-steps-item-tail:after {
  5727. background-color: #e8e8e8;
  5728. }
  5729. .ant-steps-item-process .ant-steps-item-icon {
  5730. background: @primary-color;
  5731. }
  5732. .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  5733. color: #fff;
  5734. }
  5735. .ant-steps-item-finish .ant-steps-item-icon {
  5736. border-color: @primary-color;
  5737. background-color: #fff;
  5738. }
  5739. .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  5740. color: @primary-color;
  5741. }
  5742. .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  5743. background: @primary-color;
  5744. }
  5745. .ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-title {
  5746. color: #000000;
  5747. }
  5748. .ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-title:after {
  5749. background-color: @primary-color;
  5750. }
  5751. .ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-description {
  5752. color: rgba(0, 0, 0, 0.45);
  5753. }
  5754. .ant-steps-item-finish > .ant-steps-item-tail:after {
  5755. background-color: @primary-color;
  5756. }
  5757. .ant-steps-item-error .ant-steps-item-icon {
  5758. border-color: #f5222d;
  5759. background-color: #fff;
  5760. }
  5761. .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  5762. color: #f5222d;
  5763. }
  5764. .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  5765. background: #f5222d;
  5766. }
  5767. .ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-title {
  5768. color: #f5222d;
  5769. }
  5770. .ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-title:after {
  5771. background-color: #e8e8e8;
  5772. }
  5773. .ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-description {
  5774. color: #f5222d;
  5775. }
  5776. .ant-steps-item-error > .ant-steps-item-tail:after {
  5777. background-color: #e8e8e8;
  5778. }
  5779. .ant-steps-item.ant-steps-next-error .ant-steps-item-title:after {
  5780. background: #f5222d;
  5781. }
  5782. .ant-steps-item-custom .ant-steps-item-icon {
  5783. background: none;
  5784. border: 0;
  5785. }
  5786. .ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  5787. color: @primary-color;
  5788. }
  5789. .ant-steps-small .ant-steps-item-icon {
  5790. border-radius: 24px;
  5791. }
  5792. .ant-steps-small .ant-steps-item-description {
  5793. color: rgba(0, 0, 0, 0.45);
  5794. }
  5795. .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  5796. border-radius: 0;
  5797. border: 0;
  5798. background: none;
  5799. }
  5800. .ant-steps-dot .ant-steps-item-icon {
  5801. border: 0;
  5802. background: transparent;
  5803. }
  5804. .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot {
  5805. border-radius: 100px;
  5806. }
  5807. .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot:after {
  5808. background: rgba(0, 0, 0, 0.001);
  5809. }
  5810. .ant-switch {
  5811. color: #000000;
  5812. border-radius: 100px;
  5813. border: 1px solid transparent;
  5814. background-color: rgba(0, 0, 0, 0.25);
  5815. }
  5816. .ant-switch-inner {
  5817. color: #fff;
  5818. }
  5819. .ant-switch-loading-icon,
  5820. .ant-switch:after {
  5821. border-radius: 18px;
  5822. background-color: #fff;
  5823. }
  5824. .ant-switch:after {
  5825. box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
  5826. }
  5827. .ant-switch-loading-icon {
  5828. background: transparent;
  5829. }
  5830. .ant-switch-loading .ant-switch-loading-icon {
  5831. color: #000000;
  5832. }
  5833. .ant-switch-checked.ant-switch-loading .ant-switch-loading-icon {
  5834. color: @primary-color;
  5835. }
  5836. .ant-switch:focus {
  5837. box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
  5838. }
  5839. .ant-switch:focus:hover {
  5840. box-shadow: none;
  5841. }
  5842. .ant-switch-checked {
  5843. background-color: @primary-color;
  5844. }
  5845. .ant-table {
  5846. color: #000000;
  5847. }
  5848. .ant-table table {
  5849. border-collapse: collapse;
  5850. border-radius: 2px 2px 0 0;
  5851. }
  5852. .ant-table-thead > tr > th {
  5853. background: #fafafa;
  5854. color: rgba(0, 0, 0, 0.85);
  5855. border-bottom: 1px solid #e8e8e8;
  5856. }
  5857. .ant-table-thead > tr > th .anticon-filter,
  5858. .ant-table-thead > tr > th .ant-table-filter-icon {
  5859. color: #bfbfbf;
  5860. }
  5861. .ant-table-thead > tr > th .ant-table-filter-selected.anticon-filter {
  5862. color: @primary-color;
  5863. }
  5864. .ant-table-thead > tr > th .ant-table-column-sorter {
  5865. color: #bfbfbf;
  5866. }
  5867. .ant-table-thead > tr > th .ant-table-column-sorter-up.on,
  5868. .ant-table-thead > tr > th .ant-table-column-sorter-down.on {
  5869. color: @primary-color;
  5870. }
  5871. .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
  5872. .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open {
  5873. color: rgba(0, 0, 0, 0.45);
  5874. background: #ebebeb;
  5875. }
  5876. .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
  5877. .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover {
  5878. color: rgba(0, 0, 0, 0.45);
  5879. background: #ebebeb;
  5880. }
  5881. .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:active,
  5882. .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:active {
  5883. color: #000000;
  5884. }
  5885. .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
  5886. background: #f5f5f5;
  5887. }
  5888. .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter,
  5889. .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .ant-table-filter-icon {
  5890. background: #f5f5f5;
  5891. }
  5892. .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-up:not(.on),
  5893. .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-down:not(.on) {
  5894. color: rgba(0, 0, 0, 0.45);
  5895. }
  5896. .ant-table-thead > tr > th .ant-table-column-sorters:before {
  5897. background: transparent;
  5898. }
  5899. .ant-table-thead > tr > th .ant-table-column-sorters:hover:before {
  5900. background: rgba(0, 0, 0, 0.04);
  5901. }
  5902. .ant-table-thead > tr:first-child > th:first-child {
  5903. border-top-left-radius: 2px;
  5904. }
  5905. .ant-table-thead > tr:first-child > th:last-child {
  5906. border-top-right-radius: 2px;
  5907. }
  5908. .ant-table-thead > tr:not(:last-child) > th[colspan] {
  5909. border-bottom: 0;
  5910. }
  5911. .ant-table-tbody > tr > td {
  5912. border-bottom: 1px solid #e8e8e8;
  5913. }
  5914. .ant-table-thead > tr.ant-table-row-hover > td,
  5915. .ant-table-tbody > tr.ant-table-row-hover > td,
  5916. .ant-table-thead > tr:hover > td,
  5917. .ant-table-tbody > tr:hover > td {
  5918. background: color(~`colorPalette("@{primary-color}", 1)`);
  5919. }
  5920. .ant-table-thead > tr:hover {
  5921. background: none;
  5922. }
  5923. .ant-table-footer {
  5924. background: #fafafa;
  5925. border-radius: 0 0 2px 2px;
  5926. border-top: 1px solid #e8e8e8;
  5927. }
  5928. .ant-table-footer:before {
  5929. background: #fafafa;
  5930. }
  5931. .ant-table.ant-table-bordered .ant-table-footer {
  5932. border: 1px solid #e8e8e8;
  5933. }
  5934. .ant-table-title {
  5935. border-radius: 2px 2px 0 0;
  5936. }
  5937. .ant-table.ant-table-bordered .ant-table-title {
  5938. border: 1px solid #e8e8e8;
  5939. }
  5940. .ant-table-title + .ant-table-content {
  5941. border-radius: 2px 2px 0 0;
  5942. }
  5943. .ant-table-bordered .ant-table-title + .ant-table-content,
  5944. .ant-table-bordered .ant-table-title + .ant-table-content table,
  5945. .ant-table-bordered .ant-table-title + .ant-table-content .ant-table-thead > tr:first-child > th {
  5946. border-radius: 0;
  5947. }
  5948. .ant-table-without-column-header .ant-table-title + .ant-table-content,
  5949. .ant-table-without-column-header table {
  5950. border-radius: 0;
  5951. }
  5952. .ant-table-tbody > tr.ant-table-row-selected td {
  5953. background: #fbfbfb;
  5954. }
  5955. .ant-table-thead > tr > th.ant-table-column-sort {
  5956. background: #f5f5f5;
  5957. }
  5958. .ant-table-tbody > tr > td.ant-table-column-sort {
  5959. background: rgba(0, 0, 0, 0.01);
  5960. }
  5961. .ant-table-header {
  5962. background: #fafafa;
  5963. }
  5964. .ant-table-header table {
  5965. border-radius: 2px 2px 0 0;
  5966. }
  5967. .ant-table-loading .ant-table-body {
  5968. background: #fff;
  5969. }
  5970. .ant-table-bordered .ant-table-header > table,
  5971. .ant-table-bordered .ant-table-body > table,
  5972. .ant-table-bordered .ant-table-fixed-left table,
  5973. .ant-table-bordered .ant-table-fixed-right table {
  5974. border: 1px solid #e8e8e8;
  5975. border-right: 0;
  5976. border-bottom: 0;
  5977. }
  5978. .ant-table-bordered.ant-table-empty .ant-table-placeholder {
  5979. border-left: 1px solid #e8e8e8;
  5980. border-right: 1px solid #e8e8e8;
  5981. }
  5982. .ant-table-bordered.ant-table-fixed-header .ant-table-header > table {
  5983. border-bottom: 0;
  5984. }
  5985. .ant-table-bordered.ant-table-fixed-header .ant-table-body > table {
  5986. border-top: 0;
  5987. border-top-left-radius: 0;
  5988. border-top-right-radius: 0;
  5989. }
  5990. .ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
  5991. border-top: 0;
  5992. }
  5993. .ant-table-bordered.ant-table-fixed-header .ant-table-placeholder {
  5994. border: 0;
  5995. }
  5996. .ant-table-bordered .ant-table-thead > tr:not(:last-child) > th {
  5997. border-bottom: 1px solid #e8e8e8;
  5998. }
  5999. .ant-table-bordered .ant-table-thead > tr > th,
  6000. .ant-table-bordered .ant-table-tbody > tr > td {
  6001. border-right: 1px solid #e8e8e8;
  6002. }
  6003. .ant-table-placeholder {
  6004. background: #fff;
  6005. border-bottom: 1px solid #e8e8e8;
  6006. color: rgba(0, 0, 0, 0.45);
  6007. }
  6008. .ant-table-filter-dropdown {
  6009. background: #fff;
  6010. border-radius: 2px;
  6011. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  6012. }
  6013. .ant-table-filter-dropdown .ant-dropdown-menu {
  6014. border: 0;
  6015. box-shadow: none;
  6016. border-radius: 2px 2px 0 0;
  6017. }
  6018. .ant-table-filter-dropdown .ant-dropdown-menu-sub {
  6019. border-radius: 2px;
  6020. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  6021. }
  6022. .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title:after {
  6023. color: @primary-color;
  6024. }
  6025. .ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
  6026. .ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
  6027. border-radius: 0;
  6028. }
  6029. .ant-table-filter-dropdown-btns {
  6030. border-top: 1px solid #e8e8e8;
  6031. }
  6032. .ant-table-filter-dropdown-link {
  6033. color: @primary-color;
  6034. }
  6035. .ant-table-filter-dropdown-link:hover {
  6036. color: color(~`colorPalette("@{primary-color}", 5)`);
  6037. }
  6038. .ant-table-filter-dropdown-link:active {
  6039. color: color(~`colorPalette("@{primary-color}", 7)`);
  6040. }
  6041. .ant-table-selection .anticon-down {
  6042. color: #bfbfbf;
  6043. }
  6044. .ant-table-selection-menu {
  6045. background: #fff;
  6046. border-radius: 2px;
  6047. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  6048. }
  6049. .ant-table-selection-menu .ant-action-down {
  6050. color: #bfbfbf;
  6051. }
  6052. .ant-table-selection-down:hover .anticon-down {
  6053. color: #666;
  6054. }
  6055. .ant-table-row-expand-icon {
  6056. border: 1px solid #e8e8e8;
  6057. background: #fff;
  6058. }
  6059. tr.ant-table-expanded-row,
  6060. tr.ant-table-expanded-row:hover {
  6061. background: #fbfbfb;
  6062. }
  6063. .ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  6064. background: #fff;
  6065. }
  6066. .ant-table-fixed-left,
  6067. .ant-table-fixed-right {
  6068. border-radius: 0;
  6069. }
  6070. .ant-table-fixed-left table,
  6071. .ant-table-fixed-right table {
  6072. background: #fff;
  6073. }
  6074. .ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,
  6075. .ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
  6076. border-radius: 0;
  6077. }
  6078. .ant-table-fixed-left {
  6079. box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
  6080. }
  6081. .ant-table-fixed-left,
  6082. .ant-table-fixed-left table {
  6083. border-radius: 2px 0 0 0;
  6084. }
  6085. .ant-table-fixed-left .ant-table-thead > tr > th:last-child {
  6086. border-top-right-radius: 0;
  6087. }
  6088. .ant-table-fixed-right {
  6089. box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
  6090. }
  6091. .ant-table-fixed-right,
  6092. .ant-table-fixed-right table {
  6093. border-radius: 0 2px 0 0;
  6094. }
  6095. .ant-table-fixed-right .ant-table-expanded-row {
  6096. color: transparent;
  6097. }
  6098. .ant-table-fixed-right .ant-table-thead > tr > th:first-child {
  6099. border-top-left-radius: 0;
  6100. }
  6101. .ant-table.ant-table-scroll-position-left .ant-table-fixed-left {
  6102. box-shadow: none;
  6103. }
  6104. .ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
  6105. box-shadow: none;
  6106. }
  6107. .ant-table-small {
  6108. border: 1px solid #e8e8e8;
  6109. border-radius: 2px;
  6110. }
  6111. .ant-table-small > .ant-table-title {
  6112. border-bottom: 1px solid #e8e8e8;
  6113. }
  6114. .ant-table-small > .ant-table-content > .ant-table-header > table,
  6115. .ant-table-small > .ant-table-content > .ant-table-body > table,
  6116. .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
  6117. .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
  6118. .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
  6119. .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
  6120. .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
  6121. .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  6122. border: 0;
  6123. }
  6124. .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
  6125. .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
  6126. .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
  6127. .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
  6128. .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
  6129. .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
  6130. .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
  6131. .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
  6132. background: #fff;
  6133. border-bottom: 1px solid #e8e8e8;
  6134. }
  6135. .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
  6136. .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
  6137. .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
  6138. .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
  6139. .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
  6140. .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
  6141. .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort,
  6142. .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort {
  6143. background: rgba(0, 0, 0, 0.01);
  6144. }
  6145. .ant-table-small > .ant-table-content .ant-table-header {
  6146. background: #fff;
  6147. }
  6148. .ant-table-small > .ant-table-content .ant-table-placeholder,
  6149. .ant-table-small > .ant-table-content .ant-table-row:last-child td {
  6150. border-bottom: 0;
  6151. }
  6152. .ant-table-small.ant-table-bordered {
  6153. border-right: 0;
  6154. }
  6155. .ant-table-small.ant-table-bordered .ant-table-title {
  6156. border: 0;
  6157. border-bottom: 1px solid #e8e8e8;
  6158. border-right: 1px solid #e8e8e8;
  6159. }
  6160. .ant-table-small.ant-table-bordered .ant-table-content {
  6161. border-right: 1px solid #e8e8e8;
  6162. }
  6163. .ant-table-small.ant-table-bordered .ant-table-footer {
  6164. border: 0;
  6165. border-top: 1px solid #e8e8e8;
  6166. border-right: 1px solid #e8e8e8;
  6167. }
  6168. .ant-table-small.ant-table-bordered .ant-table-placeholder {
  6169. border-left: 0;
  6170. border-bottom: 0;
  6171. }
  6172. .ant-table-small.ant-table-bordered .ant-table-thead > tr > th:last-child,
  6173. .ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
  6174. border-right: none;
  6175. }
  6176. .ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th:last-child,
  6177. .ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td:last-child {
  6178. border-right: 1px solid #e8e8e8;
  6179. }
  6180. .ant-table-small.ant-table-bordered .ant-table-fixed-right {
  6181. border-right: 1px solid #e8e8e8;
  6182. }
  6183. .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  6184. border: 1px solid #e8e8e8;
  6185. border-bottom: 0;
  6186. border-radius: 2px 2px 0 0;
  6187. background: #fafafa;
  6188. }
  6189. .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
  6190. background: #fff;
  6191. border-color: #e8e8e8;
  6192. color: @primary-color;
  6193. }
  6194. .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .ant-tabs-close-x {
  6195. color: rgba(0, 0, 0, 0.45);
  6196. }
  6197. .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .ant-tabs-close-x:hover {
  6198. color: rgba(0, 0, 0, 0.85);
  6199. }
  6200. .ant-tabs-extra-content .ant-tabs-new-tab {
  6201. border-radius: 2px;
  6202. border: 1px solid #e8e8e8;
  6203. color: #000000;
  6204. }
  6205. .ant-tabs-extra-content .ant-tabs-new-tab:hover {
  6206. color: @primary-color;
  6207. border-color: @primary-color;
  6208. }
  6209. .ant-tabs-vertical.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  6210. border-bottom: 1px solid #e8e8e8;
  6211. }
  6212. .ant-tabs-vertical.ant-tabs-card.ant-tabs-left > .ant-tabs-bar .ant-tabs-tab {
  6213. border-right: 0;
  6214. border-radius: 2px 0 0 2px;
  6215. }
  6216. .ant-tabs-vertical.ant-tabs-card.ant-tabs-right > .ant-tabs-bar .ant-tabs-tab {
  6217. border-left: 0;
  6218. border-radius: 0 2px 2px 0;
  6219. }
  6220. .ant-tabs.ant-tabs-card.ant-tabs-bottom > .ant-tabs-bar .ant-tabs-tab {
  6221. border-bottom: 1px solid #e8e8e8;
  6222. border-top: 0;
  6223. border-radius: 0 0 2px 2px;
  6224. }
  6225. .ant-tabs.ant-tabs-card.ant-tabs-bottom > .ant-tabs-bar .ant-tabs-tab-active {
  6226. color: @primary-color;
  6227. }
  6228. .ant-tabs {
  6229. color: #000000;
  6230. }
  6231. .ant-tabs-ink-bar {
  6232. background-color: @primary-color;
  6233. }
  6234. .ant-tabs-bar {
  6235. border-bottom: 1px solid #e8e8e8;
  6236. }
  6237. .ant-tabs-bottom .ant-tabs-bar {
  6238. border-bottom: none;
  6239. border-top: 1px solid #e8e8e8;
  6240. }
  6241. .ant-tabs-tab-prev,
  6242. .ant-tabs-tab-next {
  6243. border: 0;
  6244. background-color: transparent;
  6245. color: rgba(0, 0, 0, 0.45);
  6246. }
  6247. .ant-tabs-tab-prev:hover,
  6248. .ant-tabs-tab-next:hover {
  6249. color: #000000;
  6250. }
  6251. .ant-tabs-tab-btn-disabled,
  6252. .ant-tabs-tab-btn-disabled:hover {
  6253. color: rgba(0, 0, 0, 0.25);
  6254. }
  6255. .ant-tabs-nav .ant-tabs-tab-disabled {
  6256. color: rgba(0, 0, 0, 0.25);
  6257. }
  6258. .ant-tabs-nav .ant-tabs-tab:hover {
  6259. color: color(~`colorPalette("@{primary-color}", 5)`);
  6260. }
  6261. .ant-tabs-nav .ant-tabs-tab:active {
  6262. color: color(~`colorPalette("@{primary-color}", 7)`);
  6263. }
  6264. .ant-tabs-nav .ant-tabs-tab-active {
  6265. color: @primary-color;
  6266. }
  6267. .ant-tabs-vertical > .ant-tabs-bar {
  6268. border-bottom: 0;
  6269. }
  6270. .ant-tabs-vertical.ant-tabs-left > .ant-tabs-bar {
  6271. border-right: 1px solid #e8e8e8;
  6272. }
  6273. .ant-tabs-vertical.ant-tabs-left > .ant-tabs-content {
  6274. border-left: 1px solid #e8e8e8;
  6275. }
  6276. .ant-tabs-vertical.ant-tabs-right > .ant-tabs-bar {
  6277. border-left: 1px solid #e8e8e8;
  6278. }
  6279. .ant-tabs-vertical.ant-tabs-right > .ant-tabs-content {
  6280. border-right: 1px solid #e8e8e8;
  6281. }
  6282. .ant-tag {
  6283. color: #000000;
  6284. border-radius: 2px;
  6285. border: 1px solid #d9d9d9;
  6286. background: #fafafa;
  6287. }
  6288. .ant-tag,
  6289. .ant-tag a,
  6290. .ant-tag a:hover {
  6291. color: #000000;
  6292. }
  6293. .ant-tag .anticon-close {
  6294. color: rgba(0, 0, 0, 0.45);
  6295. }
  6296. .ant-tag .anticon-close:hover {
  6297. color: rgba(0, 0, 0, 0.85);
  6298. }
  6299. .ant-tag-has-color {
  6300. border-color: transparent;
  6301. }
  6302. .ant-tag-has-color,
  6303. .ant-tag-has-color a,
  6304. .ant-tag-has-color a:hover,
  6305. .ant-tag-has-color .anticon-close,
  6306. .ant-tag-has-color .anticon-close:hover {
  6307. color: #fff;
  6308. }
  6309. .ant-tag-checkable {
  6310. background-color: transparent;
  6311. border-color: transparent;
  6312. }
  6313. .ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  6314. color: @primary-color;
  6315. }
  6316. .ant-tag-checkable:active,
  6317. .ant-tag-checkable-checked {
  6318. color: #fff;
  6319. }
  6320. .ant-tag-checkable-checked {
  6321. background-color: @primary-color;
  6322. }
  6323. .ant-tag-checkable:active {
  6324. background-color: color(~`colorPalette("@{primary-color}", 7)`);
  6325. }
  6326. .ant-tag-pink {
  6327. color: #eb2f96;
  6328. background: #fff0f6;
  6329. border-color: #ffadd2;
  6330. }
  6331. .ant-tag-pink-inverse {
  6332. background: #eb2f96;
  6333. border-color: #eb2f96;
  6334. color: #fff;
  6335. }
  6336. .ant-tag-magenta {
  6337. color: #eb2f96;
  6338. background: #fff0f6;
  6339. border-color: #ffadd2;
  6340. }
  6341. .ant-tag-magenta-inverse {
  6342. background: #eb2f96;
  6343. border-color: #eb2f96;
  6344. color: #fff;
  6345. }
  6346. .ant-tag-red {
  6347. color: #f5222d;
  6348. background: #fff1f0;
  6349. border-color: #ffa39e;
  6350. }
  6351. .ant-tag-red-inverse {
  6352. background: #f5222d;
  6353. border-color: #f5222d;
  6354. color: #fff;
  6355. }
  6356. .ant-tag-volcano {
  6357. color: #fa541c;
  6358. background: #fff2e8;
  6359. border-color: #ffbb96;
  6360. }
  6361. .ant-tag-volcano-inverse {
  6362. background: #fa541c;
  6363. border-color: #fa541c;
  6364. color: #fff;
  6365. }
  6366. .ant-tag-orange {
  6367. color: #fa8c16;
  6368. background: #fff7e6;
  6369. border-color: #ffd591;
  6370. }
  6371. .ant-tag-orange-inverse {
  6372. background: #fa8c16;
  6373. border-color: #fa8c16;
  6374. color: #fff;
  6375. }
  6376. .ant-tag-yellow {
  6377. color: #fadb14;
  6378. background: #feffe6;
  6379. border-color: #fffb8f;
  6380. }
  6381. .ant-tag-yellow-inverse {
  6382. background: #fadb14;
  6383. border-color: #fadb14;
  6384. color: #fff;
  6385. }
  6386. .ant-tag-gold {
  6387. color: #faad14;
  6388. background: #fffbe6;
  6389. border-color: #ffe58f;
  6390. }
  6391. .ant-tag-gold-inverse {
  6392. background: #faad14;
  6393. border-color: #faad14;
  6394. color: #fff;
  6395. }
  6396. .ant-tag-cyan {
  6397. color: #13c2c2;
  6398. background: #e6fffb;
  6399. border-color: #87e8de;
  6400. }
  6401. .ant-tag-cyan-inverse {
  6402. background: #13c2c2;
  6403. border-color: #13c2c2;
  6404. color: #fff;
  6405. }
  6406. .ant-tag-lime {
  6407. color: #a0d911;
  6408. background: #fcffe6;
  6409. border-color: #eaff8f;
  6410. }
  6411. .ant-tag-lime-inverse {
  6412. background: #a0d911;
  6413. border-color: #a0d911;
  6414. color: #fff;
  6415. }
  6416. .ant-tag-green {
  6417. color: #52c41a;
  6418. background: #f6ffed;
  6419. border-color: #b7eb8f;
  6420. }
  6421. .ant-tag-green-inverse {
  6422. background: #52c41a;
  6423. border-color: #52c41a;
  6424. color: #fff;
  6425. }
  6426. .ant-tag-blue {
  6427. color: #1890ff;
  6428. background: #e6f7ff;
  6429. border-color: #91d5ff;
  6430. }
  6431. .ant-tag-blue-inverse {
  6432. background: #1890ff;
  6433. border-color: #1890ff;
  6434. color: #fff;
  6435. }
  6436. .ant-tag-geekblue {
  6437. color: #2f54eb;
  6438. background: #f0f5ff;
  6439. border-color: #adc6ff;
  6440. }
  6441. .ant-tag-geekblue-inverse {
  6442. background: #2f54eb;
  6443. border-color: #2f54eb;
  6444. color: #fff;
  6445. }
  6446. .ant-tag-purple {
  6447. color: #722ed1;
  6448. background: #f9f0ff;
  6449. border-color: #d3adf7;
  6450. }
  6451. .ant-tag-purple-inverse {
  6452. background: #722ed1;
  6453. border-color: #722ed1;
  6454. color: #fff;
  6455. }
  6456. .ant-time-picker-panel {
  6457. color: #000000;
  6458. }
  6459. .ant-time-picker-panel-inner {
  6460. background-color: #fff;
  6461. border-radius: 2px;
  6462. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  6463. background-clip: padding-box;
  6464. }
  6465. .ant-time-picker-panel-input {
  6466. border: 0;
  6467. }
  6468. .ant-time-picker-panel-input::-moz-placeholder {
  6469. color: #bfbfbf;
  6470. }
  6471. .ant-time-picker-panel-input:-ms-input-placeholder {
  6472. color: #bfbfbf;
  6473. }
  6474. .ant-time-picker-panel-input::-webkit-input-placeholder {
  6475. color: #bfbfbf;
  6476. }
  6477. .ant-time-picker-panel-input-wrap {
  6478. border-bottom: 1px solid #e8e8e8;
  6479. }
  6480. .ant-time-picker-panel-input-invalid {
  6481. border-color: red;
  6482. }
  6483. .ant-time-picker-panel-clear-btn-icon svg {
  6484. color: rgba(0, 0, 0, 0.25);
  6485. }
  6486. .ant-time-picker-panel-clear-btn-icon svg:hover {
  6487. color: rgba(0, 0, 0, 0.45);
  6488. }
  6489. .ant-time-picker-panel-select {
  6490. border-left: 1px solid #e8e8e8;
  6491. }
  6492. .ant-time-picker-panel-select:first-child {
  6493. border-left: 0;
  6494. }
  6495. .ant-time-picker-panel-select:last-child {
  6496. border-right: 0;
  6497. }
  6498. .ant-time-picker-panel-select li:hover {
  6499. background: color(~`colorPalette("@{primary-color}", 1)`);
  6500. }
  6501. li.ant-time-picker-panel-select-option-selected {
  6502. background: #f5f5f5;
  6503. }
  6504. li.ant-time-picker-panel-select-option-selected:hover {
  6505. background: #f5f5f5;
  6506. }
  6507. li.ant-time-picker-panel-select-option-disabled {
  6508. color: rgba(0, 0, 0, 0.25);
  6509. }
  6510. li.ant-time-picker-panel-select-option-disabled:hover {
  6511. background: transparent;
  6512. }
  6513. .ant-time-picker-panel-addon {
  6514. border-top: 1px solid #e8e8e8;
  6515. }
  6516. .ant-time-picker {
  6517. color: #000000;
  6518. }
  6519. .ant-time-picker-input {
  6520. color: #000000;
  6521. background-color: #fff;
  6522. background-image: none;
  6523. border: 1px solid #d9d9d9;
  6524. border-radius: 2px;
  6525. }
  6526. .ant-time-picker-input::-moz-placeholder {
  6527. color: #bfbfbf;
  6528. }
  6529. .ant-time-picker-input:-ms-input-placeholder {
  6530. color: #bfbfbf;
  6531. }
  6532. .ant-time-picker-input::-webkit-input-placeholder {
  6533. color: #bfbfbf;
  6534. }
  6535. .ant-time-picker-input:hover {
  6536. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  6537. border-right-width: 1px !important;
  6538. }
  6539. .ant-time-picker-input:focus {
  6540. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  6541. box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
  6542. border-right-width: 1px !important;
  6543. }
  6544. .ant-time-picker-input-disabled {
  6545. background-color: #f5f5f5;
  6546. color: rgba(0, 0, 0, 0.25);
  6547. }
  6548. .ant-time-picker-input-disabled:hover {
  6549. border-color: #e6d8d8;
  6550. border-right-width: 1px !important;
  6551. }
  6552. .ant-time-picker-input[disabled] {
  6553. background-color: #f5f5f5;
  6554. color: rgba(0, 0, 0, 0.25);
  6555. }
  6556. .ant-time-picker-input[disabled]:hover {
  6557. border-color: #e6d8d8;
  6558. border-right-width: 1px !important;
  6559. }
  6560. .ant-time-picker-icon {
  6561. color: rgba(0, 0, 0, 0.25);
  6562. }
  6563. .ant-time-picker-icon .ant-time-picker-clock-icon {
  6564. color: rgba(0, 0, 0, 0.25);
  6565. }
  6566. .ant-timeline {
  6567. color: #000000;
  6568. }
  6569. .ant-timeline-item-tail {
  6570. border-left: 2px solid #e8e8e8;
  6571. }
  6572. .ant-timeline-item-head {
  6573. background-color: #fff;
  6574. border-radius: 100px;
  6575. border: 2px solid transparent;
  6576. }
  6577. .ant-timeline-item-head-blue {
  6578. border-color: @primary-color;
  6579. color: @primary-color;
  6580. }
  6581. .ant-timeline-item-head-red {
  6582. border-color: #f5222d;
  6583. color: #f5222d;
  6584. }
  6585. .ant-timeline-item-head-green {
  6586. border-color: #52c41a;
  6587. color: #52c41a;
  6588. }
  6589. .ant-timeline-item-head-custom {
  6590. border: 0;
  6591. border-radius: 0;
  6592. }
  6593. .ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  6594. border-left: 2px dotted #e8e8e8;
  6595. }
  6596. .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  6597. border-left: 2px dotted #e8e8e8;
  6598. }
  6599. .ant-tooltip {
  6600. color: #000000;
  6601. }
  6602. .ant-tooltip-inner {
  6603. color: #fff;
  6604. background-color: rgba(0, 0, 0, 0.75);
  6605. border-radius: 2px;
  6606. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  6607. }
  6608. .ant-tooltip-arrow {
  6609. border-color: transparent;
  6610. border-style: solid;
  6611. }
  6612. .ant-tooltip-placement-top .ant-tooltip-arrow,
  6613. .ant-tooltip-placement-topLeft .ant-tooltip-arrow,
  6614. .ant-tooltip-placement-topRight .ant-tooltip-arrow {
  6615. border-width: 5px 5px 0;
  6616. border-top-color: rgba(0, 0, 0, 0.75);
  6617. }
  6618. .ant-tooltip-placement-right .ant-tooltip-arrow,
  6619. .ant-tooltip-placement-rightTop .ant-tooltip-arrow,
  6620. .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  6621. border-width: 5px 5px 5px 0;
  6622. border-right-color: rgba(0, 0, 0, 0.75);
  6623. }
  6624. .ant-tooltip-placement-left .ant-tooltip-arrow,
  6625. .ant-tooltip-placement-leftTop .ant-tooltip-arrow,
  6626. .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  6627. border-width: 5px 0 5px 5px;
  6628. border-left-color: rgba(0, 0, 0, 0.75);
  6629. }
  6630. .ant-tooltip-placement-bottom .ant-tooltip-arrow,
  6631. .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
  6632. .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  6633. border-width: 0 5px 5px;
  6634. border-bottom-color: rgba(0, 0, 0, 0.75);
  6635. }
  6636. .ant-transfer {
  6637. color: #000000;
  6638. }
  6639. .ant-transfer-disabled .ant-transfer-list {
  6640. background: #f5f5f5;
  6641. }
  6642. .ant-transfer-list {
  6643. border: 1px solid #d9d9d9;
  6644. border-radius: 2px;
  6645. }
  6646. .ant-transfer-list-search-action {
  6647. color: rgba(0, 0, 0, 0.25);
  6648. }
  6649. .ant-transfer-list-search-action .anticon {
  6650. color: rgba(0, 0, 0, 0.25);
  6651. }
  6652. .ant-transfer-list-search-action .anticon:hover {
  6653. color: rgba(0, 0, 0, 0.45);
  6654. }
  6655. .ant-transfer-list-header {
  6656. border-radius: 2px 2px 0 0;
  6657. background: #fff;
  6658. color: #000000;
  6659. border-bottom: 1px solid #e8e8e8;
  6660. }
  6661. .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  6662. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  6663. }
  6664. .ant-transfer-list-content-item-disabled {
  6665. color: rgba(0, 0, 0, 0.25);
  6666. }
  6667. .ant-transfer-list-body-not-found {
  6668. color: rgba(0, 0, 0, 0.25);
  6669. }
  6670. .ant-transfer-list-footer {
  6671. border-top: 1px solid #e8e8e8;
  6672. border-radius: 0 0 2px 2px;
  6673. }
  6674. .ant-select-tree-checkbox {
  6675. color: #000000;
  6676. }
  6677. .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
  6678. .ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
  6679. .ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
  6680. border-color: @primary-color;
  6681. }
  6682. .ant-select-tree-checkbox-checked:after {
  6683. border-radius: 2px;
  6684. border: 1px solid @primary-color;
  6685. }
  6686. .ant-select-tree-checkbox-inner {
  6687. border: 1px solid #d9d9d9;
  6688. border-radius: 2px;
  6689. background-color: #fff;
  6690. }
  6691. .ant-select-tree-checkbox-inner:after {
  6692. border: 2px solid #fff;
  6693. border-top: 0;
  6694. border-left: 0;
  6695. }
  6696. .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner:after {
  6697. border: 0;
  6698. background-color: @primary-color;
  6699. }
  6700. .ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after {
  6701. border-color: rgba(0, 0, 0, 0.25);
  6702. }
  6703. .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
  6704. border: 2px solid #fff;
  6705. border-top: 0;
  6706. border-left: 0;
  6707. }
  6708. .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  6709. background-color: @primary-color;
  6710. border-color: @primary-color;
  6711. }
  6712. .ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
  6713. border-color: rgba(0, 0, 0, 0.25);
  6714. }
  6715. .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  6716. border-color: #d9d9d9 !important;
  6717. background-color: #f5f5f5;
  6718. }
  6719. .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after {
  6720. border-color: #f5f5f5;
  6721. border-collapse: separate;
  6722. }
  6723. .ant-select-tree-checkbox-disabled + span {
  6724. color: rgba(0, 0, 0, 0.25);
  6725. }
  6726. .ant-select-tree-checkbox-wrapper {
  6727. color: #000000;
  6728. }
  6729. .ant-select-tree-checkbox-group {
  6730. color: #000000;
  6731. }
  6732. .ant-select-tree {
  6733. color: #000000;
  6734. }
  6735. .ant-select-tree li .ant-select-tree-node-content-wrapper {
  6736. border-radius: 2px;
  6737. color: #000000;
  6738. }
  6739. .ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
  6740. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  6741. }
  6742. .ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  6743. background-color: rgba(58, 64, 99, 0.15);
  6744. }
  6745. .ant-select-tree li span.ant-select-tree-switcher,
  6746. .ant-select-tree li span.ant-select-tree-iconEle {
  6747. border: 0 none;
  6748. }
  6749. .ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon {
  6750. color: @primary-color;
  6751. }
  6752. .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon,
  6753. .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon {
  6754. color: @primary-color;
  6755. }
  6756. li.ant-select-tree-treenode-disabled > span:not(.ant-select-tree-switcher),
  6757. li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper,
  6758. li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper span {
  6759. color: rgba(0, 0, 0, 0.25);
  6760. }
  6761. li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hover {
  6762. background: transparent;
  6763. }
  6764. .ant-select-tree-dropdown {
  6765. color: #000000;
  6766. }
  6767. .ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
  6768. border: 1px solid #d9d9d9;
  6769. border-radius: 4px;
  6770. }
  6771. .ant-select-tree-dropdown .ant-select-not-found {
  6772. color: rgba(0, 0, 0, 0.25);
  6773. }
  6774. .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper,
  6775. .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {
  6776. border-radius: 0;
  6777. }
  6778. .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover,
  6779. .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover {
  6780. background: transparent;
  6781. }
  6782. .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover:before,
  6783. .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover:before {
  6784. background: color(~`colorPalette("@{primary-color}", 1)`);
  6785. }
  6786. .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
  6787. .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
  6788. color: #fff;
  6789. background: transparent;
  6790. }
  6791. .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher,
  6792. .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-switcher {
  6793. color: #fff;
  6794. }
  6795. .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner,
  6796. .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner {
  6797. border-color: @primary-color;
  6798. }
  6799. .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked:after,
  6800. .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked:after {
  6801. border-color: #fff;
  6802. }
  6803. .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
  6804. .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 {
  6805. background: #fff;
  6806. }
  6807. .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after,
  6808. .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 {
  6809. border-color: @primary-color;
  6810. }
  6811. .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper:before,
  6812. .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper:before {
  6813. background: @primary-color;
  6814. }
  6815. .ant-tree-checkbox {
  6816. color: #000000;
  6817. }
  6818. .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
  6819. .ant-tree-checkbox:hover .ant-tree-checkbox-inner,
  6820. .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  6821. border-color: @primary-color;
  6822. }
  6823. .ant-tree-checkbox-checked:after {
  6824. border-radius: 2px;
  6825. border: 1px solid @primary-color;
  6826. }
  6827. .ant-tree-checkbox-inner {
  6828. border: 1px solid #d9d9d9;
  6829. border-radius: 2px;
  6830. background-color: #fff;
  6831. }
  6832. .ant-tree-checkbox-inner:after {
  6833. border: 2px solid #fff;
  6834. border-top: 0;
  6835. border-left: 0;
  6836. }
  6837. .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner:after {
  6838. border: 0;
  6839. background-color: @primary-color;
  6840. }
  6841. .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after {
  6842. border-color: rgba(0, 0, 0, 0.25);
  6843. }
  6844. .ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
  6845. border: 2px solid #fff;
  6846. border-top: 0;
  6847. border-left: 0;
  6848. }
  6849. .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  6850. background-color: @primary-color;
  6851. border-color: @primary-color;
  6852. }
  6853. .ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
  6854. border-color: rgba(0, 0, 0, 0.25);
  6855. }
  6856. .ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  6857. border-color: #d9d9d9 !important;
  6858. background-color: #f5f5f5;
  6859. }
  6860. .ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after {
  6861. border-color: #f5f5f5;
  6862. border-collapse: separate;
  6863. }
  6864. .ant-tree-checkbox-disabled + span {
  6865. color: rgba(0, 0, 0, 0.25);
  6866. }
  6867. .ant-tree-checkbox-wrapper {
  6868. color: #000000;
  6869. }
  6870. .ant-tree-checkbox-group {
  6871. color: #000000;
  6872. }
  6873. .ant-tree {
  6874. color: #000000;
  6875. }
  6876. .ant-tree li span[draggable],
  6877. .ant-tree li span[draggable="true"] {
  6878. border-top: 2px transparent solid;
  6879. border-bottom: 2px transparent solid;
  6880. }
  6881. .ant-tree li.drag-over > span[draggable] {
  6882. background-color: @primary-color;
  6883. color: white;
  6884. }
  6885. .ant-tree li.drag-over-gap-top > span[draggable] {
  6886. border-top-color: @primary-color;
  6887. }
  6888. .ant-tree li.drag-over-gap-bottom > span[draggable] {
  6889. border-bottom-color: @primary-color;
  6890. }
  6891. .ant-tree li.filter-node > span {
  6892. color: #f5222d !important;
  6893. }
  6894. .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon,
  6895. .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon {
  6896. color: @primary-color;
  6897. }
  6898. .ant-tree li .ant-tree-node-content-wrapper {
  6899. border-radius: 2px;
  6900. color: #000000;
  6901. }
  6902. .ant-tree li .ant-tree-node-content-wrapper:hover {
  6903. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  6904. }
  6905. .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  6906. background-color: rgba(58, 64, 99, 0.15);
  6907. }
  6908. .ant-tree li span.ant-tree-switcher,
  6909. .ant-tree li span.ant-tree-iconEle {
  6910. border: 0 none;
  6911. }
  6912. li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher),
  6913. li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,
  6914. li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span {
  6915. color: rgba(0, 0, 0, 0.25);
  6916. }
  6917. li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
  6918. background: transparent;
  6919. }
  6920. .ant-tree.ant-tree-show-line li span.ant-tree-switcher {
  6921. background: #fff;
  6922. color: rgba(0, 0, 0, 0.45);
  6923. }
  6924. .ant-tree.ant-tree-show-line li:not(:last-child):before {
  6925. border-left: 1px solid #d9d9d9;
  6926. }
  6927. .ant-upload {
  6928. color: #000000;
  6929. }
  6930. .ant-upload.ant-upload-select-picture-card {
  6931. border: 1px dashed #d9d9d9;
  6932. border-radius: 2px;
  6933. background-color: #fafafa;
  6934. }
  6935. .ant-upload.ant-upload-select-picture-card:hover {
  6936. border-color: @primary-color;
  6937. }
  6938. .ant-upload.ant-upload-drag {
  6939. border: 1px dashed #d9d9d9;
  6940. border-radius: 2px;
  6941. background: #fafafa;
  6942. }
  6943. .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  6944. border: 2px dashed color(~`colorPalette("@{primary-color}", 5)`);
  6945. }
  6946. .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  6947. border-color: color(~`colorPalette("@{primary-color}", 5)`);
  6948. }
  6949. .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  6950. color: color(~`colorPalette("@{primary-color}", 5)`);
  6951. }
  6952. .ant-upload.ant-upload-drag p.ant-upload-text {
  6953. color: rgba(0, 0, 0, 0.85);
  6954. }
  6955. .ant-upload.ant-upload-drag p.ant-upload-hint {
  6956. color: rgba(0, 0, 0, 0.45);
  6957. }
  6958. .ant-upload.ant-upload-drag .anticon-plus {
  6959. color: rgba(0, 0, 0, 0.25);
  6960. }
  6961. .ant-upload.ant-upload-drag .anticon-plus:hover {
  6962. color: rgba(0, 0, 0, 0.45);
  6963. }
  6964. .ant-upload.ant-upload-drag:hover .anticon-plus {
  6965. color: rgba(0, 0, 0, 0.45);
  6966. }
  6967. .ant-upload-list {
  6968. color: #000000;
  6969. }
  6970. .ant-upload-list-item-info .anticon-loading,
  6971. .ant-upload-list-item-info .anticon-paper-clip {
  6972. color: rgba(0, 0, 0, 0.45);
  6973. }
  6974. .ant-upload-list-item .anticon-close {
  6975. color: rgba(0, 0, 0, 0.45);
  6976. }
  6977. .ant-upload-list-item .anticon-close:hover {
  6978. color: #000000;
  6979. }
  6980. .ant-upload-list-item:hover .ant-upload-list-item-info {
  6981. background-color: color(~`colorPalette("@{primary-color}", 1)`);
  6982. }
  6983. .ant-upload-list-item-error,
  6984. .ant-upload-list-item-error .anticon-paper-clip,
  6985. .ant-upload-list-item-error .ant-upload-list-item-name {
  6986. color: #f5222d;
  6987. }
  6988. .ant-upload-list-item-error .anticon-close {
  6989. color: #f5222d !important;
  6990. }
  6991. .ant-upload-list-picture .ant-upload-list-item,
  6992. .ant-upload-list-picture-card .ant-upload-list-item {
  6993. border-radius: 2px;
  6994. border: 1px solid #d9d9d9;
  6995. }
  6996. .ant-upload-list-picture .ant-upload-list-item:hover,
  6997. .ant-upload-list-picture-card .ant-upload-list-item:hover {
  6998. background: transparent;
  6999. }
  7000. .ant-upload-list-picture .ant-upload-list-item-error,
  7001. .ant-upload-list-picture-card .ant-upload-list-item-error {
  7002. border-color: #f5222d;
  7003. }
  7004. .ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
  7005. .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  7006. background: transparent;
  7007. }
  7008. .ant-upload-list-picture .ant-upload-list-item-uploading,
  7009. .ant-upload-list-picture-card .ant-upload-list-item-uploading {
  7010. border-style: dashed;
  7011. }
  7012. .ant-upload-list-picture .ant-upload-list-item-icon,
  7013. .ant-upload-list-picture-card .ant-upload-list-item-icon {
  7014. color: rgba(0, 0, 0, 0.25);
  7015. }
  7016. .ant-upload-list-picture .ant-upload-list-item-thumbnail.anticon:before,
  7017. .ant-upload-list-picture-card .ant-upload-list-item-thumbnail.anticon:before {
  7018. color: rgba(0, 0, 0, 0.45);
  7019. }
  7020. .ant-upload-list-picture-card .ant-upload-list-item-info:before {
  7021. background-color: rgba(0, 0, 0, 0.5);
  7022. }
  7023. .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,
  7024. .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  7025. color: rgba(255, 255, 255, 0.85);
  7026. }
  7027. .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover,
  7028. .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  7029. color: #fff;
  7030. }
  7031. .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  7032. background-color: #fafafa;
  7033. }
  7034. .ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
  7035. color: rgba(0, 0, 0, 0.45);
  7036. }
  7037. .ant-upload-list .ant-upload-success-icon {
  7038. color: #52c41a;
  7039. }
  7040. .ant-menu-root.ant-menu-inline,
  7041. .ant-menu-root.ant-menu-vertical {
  7042. background: @primary-color;
  7043. border-right: 1px solid @primary-color;
  7044. color: #ffffff;
  7045. }
  7046. .ant-menu-root.ant-menu-inline a,
  7047. .ant-menu-root.ant-menu-vertical a {
  7048. color: #ffffff;
  7049. }
  7050. .ant-menu-root.ant-menu-inline .ant-menu-submenu-selected,
  7051. .ant-menu-root.ant-menu-vertical .ant-menu-submenu-selected {
  7052. color: #ffffff;
  7053. }
  7054. .ant-menu-root.ant-menu-inline .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
  7055. .ant-menu-root.ant-menu-vertical .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
  7056. .ant-menu-root.ant-menu-inline .ant-menu-submenu-active,
  7057. .ant-menu-root.ant-menu-vertical .ant-menu-submenu-active {
  7058. color: #ffffff;
  7059. }
  7060. .ant-menu-root.ant-menu-inline .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
  7061. .ant-menu-root.ant-menu-vertical .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
  7062. .ant-menu-root.ant-menu-inline .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
  7063. .ant-menu-root.ant-menu-vertical .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  7064. background: #ffffff;
  7065. }
  7066. .ant-menu-root.ant-menu-inline .ant-menu-submenu-title:hover,
  7067. .ant-menu-root.ant-menu-vertical .ant-menu-submenu-title:hover {
  7068. color: #ffffff;
  7069. }
  7070. .ant-menu-root.ant-menu-inline .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
  7071. .ant-menu-root.ant-menu-vertical .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
  7072. .ant-menu-root.ant-menu-inline .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
  7073. .ant-menu-root.ant-menu-vertical .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after {
  7074. background: #ffffff;
  7075. }
  7076. .ant-menu-root.ant-menu-inline .ant-menu-submenu > .ant-menu,
  7077. .ant-menu-root.ant-menu-vertical .ant-menu-submenu > .ant-menu {
  7078. background-color: rgba(58, 64, 99, 0.15);
  7079. }
  7080. .ant-menu-root.ant-menu-inline .ant-menu-item > a:hover,
  7081. .ant-menu-root.ant-menu-vertical .ant-menu-item > a:hover {
  7082. color: #ffffff;
  7083. }
  7084. .ant-menu-horizontal > .ant-menu-item-selected {
  7085. color: #ffffff;
  7086. }
  7087. .bg--primary {
  7088. background: @primary-color;
  7089. }
  7090. .header .ant-menu {
  7091. background: transparent;
  7092. color: #ffffff;
  7093. }
  7094. .header .ant-menu .ant-menu-item:hover {
  7095. color: #ffffff;
  7096. }
  7097. .header__trigger {
  7098. color: #ffffff;
  7099. }