1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339 |
- @primary-color: #313653;
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
- /* stylelint-disable no-duplicate-selectors */
- /* stylelint-disable */
- .bezierEasingMixin() {
- @functions: ~`(function() {
- var NEWTON_ITERATIONS = 4;
- var NEWTON_MIN_SLOPE = 0.001;
- var SUBDIVISION_PRECISION = 0.0000001;
- var SUBDIVISION_MAX_ITERATIONS = 10;
- var kSplineTableSize = 11;
- var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);
- var float32ArraySupported = typeof Float32Array === 'function';
- function A (aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1; }
- function B (aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1; }
- function C (aA1) { return 3.0 * aA1; }
- // Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.
- function calcBezier (aT, aA1, aA2) { return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT; }
- // Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2.
- function getSlope (aT, aA1, aA2) { return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1); }
- function binarySubdivide (aX, aA, aB, mX1, mX2) {
- var currentX, currentT, i = 0;
- do {
- currentT = aA + (aB - aA) / 2.0;
- currentX = calcBezier(currentT, mX1, mX2) - aX;
- if (currentX > 0.0) {
- aB = currentT;
- } else {
- aA = currentT;
- }
- } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
- return currentT;
- }
- function newtonRaphsonIterate (aX, aGuessT, mX1, mX2) {
- for (var i = 0; i < NEWTON_ITERATIONS; ++i) {
- var currentSlope = getSlope(aGuessT, mX1, mX2);
- if (currentSlope === 0.0) {
- return aGuessT;
- }
- var currentX = calcBezier(aGuessT, mX1, mX2) - aX;
- aGuessT -= currentX / currentSlope;
- }
- return aGuessT;
- }
- var BezierEasing = function (mX1, mY1, mX2, mY2) {
- if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) {
- throw new Error('bezier x values must be in [0, 1] range');
- }
- // Precompute samples table
- var sampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
- if (mX1 !== mY1 || mX2 !== mY2) {
- for (var i = 0; i < kSplineTableSize; ++i) {
- sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
- }
- }
- function getTForX (aX) {
- var intervalStart = 0.0;
- var currentSample = 1;
- var lastSample = kSplineTableSize - 1;
- for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {
- intervalStart += kSampleStepSize;
- }
- --currentSample;
- // Interpolate to provide an initial guess for t
- var dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]);
- var guessForT = intervalStart + dist * kSampleStepSize;
- var initialSlope = getSlope(guessForT, mX1, mX2);
- if (initialSlope >= NEWTON_MIN_SLOPE) {
- return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
- } else if (initialSlope === 0.0) {
- return guessForT;
- } else {
- return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);
- }
- }
- return function BezierEasing (x) {
- if (mX1 === mY1 && mX2 === mY2) {
- return x; // linear
- }
- // Because JavaScript number are imprecise, we should guarantee the extremes are right.
- if (x === 0) {
- return 0;
- }
- if (x === 1) {
- return 1;
- }
- return calcBezier(getTForX(x), mY1, mY2);
- };
- };
- this.colorEasing = BezierEasing(0.26, 0.09, 0.37, 0.18);
- // less 3 requires a return
- return '';
- })()`;
- }
- // It is hacky way to make this function will be compiled preferentially by less
- // resolve error: `ReferenceError: colorPalette is not defined`
- // https://github.com/ant-design/ant-motion/issues/44
- .bezierEasingMixin();
- /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .tinyColorMixin() {
- @functions: ~`(function() {
- // TinyColor v1.4.1
- // https://github.com/bgrins/TinyColor
- // 2016-07-07, Brian Grinstead, MIT License
- var trimLeft = /^\s+/,
- trimRight = /\s+$/,
- tinyCounter = 0,
- mathRound = Math.round,
- mathMin = Math.min,
- mathMax = Math.max,
- mathRandom = Math.random;
- function tinycolor (color, opts) {
- color = (color) ? color : '';
- opts = opts || { };
- // If input is already a tinycolor, return itself
- if (color instanceof tinycolor) {
- return color;
- }
- // If we are called as a function, call using new instead
- if (!(this instanceof tinycolor)) {
- return new tinycolor(color, opts);
- }
- var rgb = inputToRGB(color);
- this._originalInput = color,
- this._r = rgb.r,
- this._g = rgb.g,
- this._b = rgb.b,
- this._a = rgb.a,
- this._roundA = mathRound(100*this._a) / 100,
- this._format = opts.format || rgb.format;
- this._gradientType = opts.gradientType;
- // Don't let the range of [0,255] come back in [0,1].
- // Potentially lose a little bit of precision here, but will fix issues where
- // .5 gets interpreted as half of the total, instead of half of 1
- // If it was supposed to be 128, this was already taken care of by inputToRgb
- if (this._r < 1) { this._r = mathRound(this._r); }
- if (this._g < 1) { this._g = mathRound(this._g); }
- if (this._b < 1) { this._b = mathRound(this._b); }
- this._ok = rgb.ok;
- this._tc_id = tinyCounter++;
- }
- tinycolor.prototype = {
- isDark: function() {
- return this.getBrightness() < 128;
- },
- isLight: function() {
- return !this.isDark();
- },
- isValid: function() {
- return this._ok;
- },
- getOriginalInput: function() {
- return this._originalInput;
- },
- getFormat: function() {
- return this._format;
- },
- getAlpha: function() {
- return this._a;
- },
- getBrightness: function() {
- //http://www.w3.org/TR/AERT#color-contrast
- var rgb = this.toRgb();
- return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;
- },
- getLuminance: function() {
- //http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
- var rgb = this.toRgb();
- var RsRGB, GsRGB, BsRGB, R, G, B;
- RsRGB = rgb.r/255;
- GsRGB = rgb.g/255;
- BsRGB = rgb.b/255;
- if (RsRGB <= 0.03928) {R = RsRGB / 12.92;} else {R = Math.pow(((RsRGB + 0.055) / 1.055), 2.4);}
- if (GsRGB <= 0.03928) {G = GsRGB / 12.92;} else {G = Math.pow(((GsRGB + 0.055) / 1.055), 2.4);}
- if (BsRGB <= 0.03928) {B = BsRGB / 12.92;} else {B = Math.pow(((BsRGB + 0.055) / 1.055), 2.4);}
- return (0.2126 * R) + (0.7152 * G) + (0.0722 * B);
- },
- setAlpha: function(value) {
- this._a = boundAlpha(value);
- this._roundA = mathRound(100*this._a) / 100;
- return this;
- },
- toHsv: function() {
- var hsv = rgbToHsv(this._r, this._g, this._b);
- return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a };
- },
- toHsvString: function() {
- var hsv = rgbToHsv(this._r, this._g, this._b);
- var h = mathRound(hsv.h * 360), s = mathRound(hsv.s * 100), v = mathRound(hsv.v * 100);
- return (this._a == 1) ?
- "hsv(" + h + ", " + s + "%, " + v + "%)" :
- "hsva(" + h + ", " + s + "%, " + v + "%, "+ this._roundA + ")";
- },
- toHsl: function() {
- var hsl = rgbToHsl(this._r, this._g, this._b);
- return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a };
- },
- toHslString: function() {
- var hsl = rgbToHsl(this._r, this._g, this._b);
- var h = mathRound(hsl.h * 360), s = mathRound(hsl.s * 100), l = mathRound(hsl.l * 100);
- return (this._a == 1) ?
- "hsl(" + h + ", " + s + "%, " + l + "%)" :
- "hsla(" + h + ", " + s + "%, " + l + "%, "+ this._roundA + ")";
- },
- toHex: function(allow3Char) {
- return rgbToHex(this._r, this._g, this._b, allow3Char);
- },
- toHexString: function(allow3Char) {
- return '#' + this.toHex(allow3Char);
- },
- toHex8: function(allow4Char) {
- return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char);
- },
- toHex8String: function(allow4Char) {
- return '#' + this.toHex8(allow4Char);
- },
- toRgb: function() {
- return { r: mathRound(this._r), g: mathRound(this._g), b: mathRound(this._b), a: this._a };
- },
- toRgbString: function() {
- return (this._a == 1) ?
- "rgb(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ")" :
- "rgba(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ", " + this._roundA + ")";
- },
- toPercentageRgb: function() {
- 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 };
- },
- toPercentageRgbString: function() {
- return (this._a == 1) ?
- "rgb(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%)" :
- "rgba(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")";
- },
- toName: function() {
- if (this._a === 0) {
- return "transparent";
- }
- if (this._a < 1) {
- return false;
- }
- return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false;
- },
- toFilter: function(secondColor) {
- var hex8String = '#' + rgbaToArgbHex(this._r, this._g, this._b, this._a);
- var secondHex8String = hex8String;
- var gradientType = this._gradientType ? "GradientType = 1, " : "";
- if (secondColor) {
- var s = tinycolor(secondColor);
- secondHex8String = '#' + rgbaToArgbHex(s._r, s._g, s._b, s._a);
- }
- return "progid:DXImageTransform.Microsoft.gradient("+gradientType+"startColorstr="+hex8String+",endColorstr="+secondHex8String+")";
- },
- toString: function(format) {
- var formatSet = !!format;
- format = format || this._format;
- var formattedString = false;
- var hasAlpha = this._a < 1 && this._a >= 0;
- var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "hex4" || format === "hex8" || format === "name");
- if (needsAlphaFormat) {
- // Special case for "transparent", all other non-alpha formats
- // will return rgba when there is transparency.
- if (format === "name" && this._a === 0) {
- return this.toName();
- }
- return this.toRgbString();
- }
- if (format === "rgb") {
- formattedString = this.toRgbString();
- }
- if (format === "prgb") {
- formattedString = this.toPercentageRgbString();
- }
- if (format === "hex" || format === "hex6") {
- formattedString = this.toHexString();
- }
- if (format === "hex3") {
- formattedString = this.toHexString(true);
- }
- if (format === "hex4") {
- formattedString = this.toHex8String(true);
- }
- if (format === "hex8") {
- formattedString = this.toHex8String();
- }
- if (format === "name") {
- formattedString = this.toName();
- }
- if (format === "hsl") {
- formattedString = this.toHslString();
- }
- if (format === "hsv") {
- formattedString = this.toHsvString();
- }
- return formattedString || this.toHexString();
- },
- clone: function() {
- return tinycolor(this.toString());
- },
- _applyModification: function(fn, args) {
- var color = fn.apply(null, [this].concat([].slice.call(args)));
- this._r = color._r;
- this._g = color._g;
- this._b = color._b;
- this.setAlpha(color._a);
- return this;
- },
- lighten: function() {
- return this._applyModification(lighten, arguments);
- },
- brighten: function() {
- return this._applyModification(brighten, arguments);
- },
- darken: function() {
- return this._applyModification(darken, arguments);
- },
- desaturate: function() {
- return this._applyModification(desaturate, arguments);
- },
- saturate: function() {
- return this._applyModification(saturate, arguments);
- },
- greyscale: function() {
- return this._applyModification(greyscale, arguments);
- },
- spin: function() {
- return this._applyModification(spin, arguments);
- },
- _applyCombination: function(fn, args) {
- return fn.apply(null, [this].concat([].slice.call(args)));
- },
- analogous: function() {
- return this._applyCombination(analogous, arguments);
- },
- complement: function() {
- return this._applyCombination(complement, arguments);
- },
- monochromatic: function() {
- return this._applyCombination(monochromatic, arguments);
- },
- splitcomplement: function() {
- return this._applyCombination(splitcomplement, arguments);
- },
- triad: function() {
- return this._applyCombination(triad, arguments);
- },
- tetrad: function() {
- return this._applyCombination(tetrad, arguments);
- }
- };
- // If input is an object, force 1 into "1.0" to handle ratios properly
- // String input requires "1.0" as input, so 1 will be treated as 1
- tinycolor.fromRatio = function(color, opts) {
- if (typeof color == "object") {
- var newColor = {};
- for (var i in color) {
- if (color.hasOwnProperty(i)) {
- if (i === "a") {
- newColor[i] = color[i];
- }
- else {
- newColor[i] = convertToPercentage(color[i]);
- }
- }
- }
- color = newColor;
- }
- return tinycolor(color, opts);
- };
- // Given a string or object, convert that input to RGB
- // Possible string inputs:
- //
- // "red"
- // "#f00" or "f00"
- // "#ff0000" or "ff0000"
- // "#ff000000" or "ff000000"
- // "rgb 255 0 0" or "rgb (255, 0, 0)"
- // "rgb 1.0 0 0" or "rgb (1, 0, 0)"
- // "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1"
- // "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1"
- // "hsl(0, 100%, 50%)" or "hsl 0 100% 50%"
- // "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1"
- // "hsv(0, 100%, 100%)" or "hsv 0 100% 100%"
- //
- function inputToRGB(color) {
- var rgb = { r: 0, g: 0, b: 0 };
- var a = 1;
- var s = null;
- var v = null;
- var l = null;
- var ok = false;
- var format = false;
- if (typeof color == "string") {
- color = stringInputToObject(color);
- }
- if (typeof color == "object") {
- if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
- rgb = rgbToRgb(color.r, color.g, color.b);
- ok = true;
- format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb";
- }
- else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
- s = convertToPercentage(color.s);
- v = convertToPercentage(color.v);
- rgb = hsvToRgb(color.h, s, v);
- ok = true;
- format = "hsv";
- }
- else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
- s = convertToPercentage(color.s);
- l = convertToPercentage(color.l);
- rgb = hslToRgb(color.h, s, l);
- ok = true;
- format = "hsl";
- }
- if (color.hasOwnProperty("a")) {
- a = color.a;
- }
- }
- a = boundAlpha(a);
- return {
- ok: ok,
- format: color.format || format,
- r: mathMin(255, mathMax(rgb.r, 0)),
- g: mathMin(255, mathMax(rgb.g, 0)),
- b: mathMin(255, mathMax(rgb.b, 0)),
- a: a
- };
- }
- // Conversion Functions
- // --------------------
- // rgbToHsl, rgbToHsv, hslToRgb, hsvToRgb modified from:
- // <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript>
- // rgbToRgb
- // Handle bounds / percentage checking to conform to CSS color spec
- // <http://www.w3.org/TR/css3-color/>
- // *Assumes:* r, g, b in [0, 255] or [0, 1]
- // *Returns:* { r, g, b } in [0, 255]
- function rgbToRgb(r, g, b){
- return {
- r: bound01(r, 255) * 255,
- g: bound01(g, 255) * 255,
- b: bound01(b, 255) * 255
- };
- }
- // rgbToHsl
- // Converts an RGB color value to HSL.
- // *Assumes:* r, g, and b are contained in [0, 255] or [0, 1]
- // *Returns:* { h, s, l } in [0,1]
- function rgbToHsl(r, g, b) {
- r = bound01(r, 255);
- g = bound01(g, 255);
- b = bound01(b, 255);
- var max = mathMax(r, g, b), min = mathMin(r, g, b);
- var h, s, l = (max + min) / 2;
- if(max == min) {
- h = s = 0; // achromatic
- }
- else {
- var d = max - min;
- s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
- switch(max) {
- case r: h = (g - b) / d + (g < b ? 6 : 0); break;
- case g: h = (b - r) / d + 2; break;
- case b: h = (r - g) / d + 4; break;
- }
- h /= 6;
- }
- return { h: h, s: s, l: l };
- }
- // hslToRgb
- // Converts an HSL color value to RGB.
- // *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100]
- // *Returns:* { r, g, b } in the set [0, 255]
- function hslToRgb(h, s, l) {
- var r, g, b;
- h = bound01(h, 360);
- s = bound01(s, 100);
- l = bound01(l, 100);
- function hue2rgb(p, q, t) {
- if(t < 0) t += 1;
- if(t > 1) t -= 1;
- if(t < 1/6) return p + (q - p) * 6 * t;
- if(t < 1/2) return q;
- if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;
- return p;
- }
- if(s === 0) {
- r = g = b = l; // achromatic
- }
- else {
- var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
- var p = 2 * l - q;
- r = hue2rgb(p, q, h + 1/3);
- g = hue2rgb(p, q, h);
- b = hue2rgb(p, q, h - 1/3);
- }
- return { r: r * 255, g: g * 255, b: b * 255 };
- }
- // rgbToHsv
- // Converts an RGB color value to HSV
- // *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]
- // *Returns:* { h, s, v } in [0,1]
- function rgbToHsv(r, g, b) {
- r = bound01(r, 255);
- g = bound01(g, 255);
- b = bound01(b, 255);
- var max = mathMax(r, g, b), min = mathMin(r, g, b);
- var h, s, v = max;
- var d = max - min;
- s = max === 0 ? 0 : d / max;
- if(max == min) {
- h = 0; // achromatic
- }
- else {
- switch(max) {
- case r: h = (g - b) / d + (g < b ? 6 : 0); break;
- case g: h = (b - r) / d + 2; break;
- case b: h = (r - g) / d + 4; break;
- }
- h /= 6;
- }
- return { h: h, s: s, v: v };
- }
- // hsvToRgb
- // Converts an HSV color value to RGB.
- // *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]
- // *Returns:* { r, g, b } in the set [0, 255]
- function hsvToRgb(h, s, v) {
- h = bound01(h, 360) * 6;
- s = bound01(s, 100);
- v = bound01(v, 100);
- var i = Math.floor(h),
- f = h - i,
- p = v * (1 - s),
- q = v * (1 - f * s),
- t = v * (1 - (1 - f) * s),
- mod = i % 6,
- r = [v, q, p, p, t, v][mod],
- g = [t, v, v, q, p, p][mod],
- b = [p, p, t, v, v, q][mod];
- return { r: r * 255, g: g * 255, b: b * 255 };
- }
- // rgbToHex
- // Converts an RGB color to hex
- // Assumes r, g, and b are contained in the set [0, 255]
- // Returns a 3 or 6 character hex
- function rgbToHex(r, g, b, allow3Char) {
- var hex = [
- pad2(mathRound(r).toString(16)),
- pad2(mathRound(g).toString(16)),
- pad2(mathRound(b).toString(16))
- ];
- // Return a 3 character hex if possible
- 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)) {
- return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
- }
- return hex.join("");
- }
- // rgbaToHex
- // Converts an RGBA color plus alpha transparency to hex
- // Assumes r, g, b are contained in the set [0, 255] and
- // a in [0, 1]. Returns a 4 or 8 character rgba hex
- function rgbaToHex(r, g, b, a, allow4Char) {
- var hex = [
- pad2(mathRound(r).toString(16)),
- pad2(mathRound(g).toString(16)),
- pad2(mathRound(b).toString(16)),
- pad2(convertDecimalToHex(a))
- ];
- // Return a 4 character hex if possible
- 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)) {
- return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0);
- }
- return hex.join("");
- }
- // rgbaToArgbHex
- // Converts an RGBA color to an ARGB Hex8 string
- // Rarely used, but required for "toFilter()"
- function rgbaToArgbHex(r, g, b, a) {
- var hex = [
- pad2(convertDecimalToHex(a)),
- pad2(mathRound(r).toString(16)),
- pad2(mathRound(g).toString(16)),
- pad2(mathRound(b).toString(16))
- ];
- return hex.join("");
- }
- // equals
- // Can be called with any tinycolor input
- tinycolor.equals = function (color1, color2) {
- if (!color1 || !color2) { return false; }
- return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString();
- };
- tinycolor.random = function() {
- return tinycolor.fromRatio({
- r: mathRandom(),
- g: mathRandom(),
- b: mathRandom()
- });
- };
- // Modification Functions
- // ----------------------
- // Thanks to less.js for some of the basics here
- // <https://github.com/cloudhead/less.js/blob/master/lib/less/functions.js>
- function desaturate(color, amount) {
- amount = (amount === 0) ? 0 : (amount || 10);
- var hsl = tinycolor(color).toHsl();
- hsl.s -= amount / 100;
- hsl.s = clamp01(hsl.s);
- return tinycolor(hsl);
- }
- function saturate(color, amount) {
- amount = (amount === 0) ? 0 : (amount || 10);
- var hsl = tinycolor(color).toHsl();
- hsl.s += amount / 100;
- hsl.s = clamp01(hsl.s);
- return tinycolor(hsl);
- }
- function greyscale(color) {
- return tinycolor(color).desaturate(100);
- }
- function lighten (color, amount) {
- amount = (amount === 0) ? 0 : (amount || 10);
- var hsl = tinycolor(color).toHsl();
- hsl.l += amount / 100;
- hsl.l = clamp01(hsl.l);
- return tinycolor(hsl);
- }
- function brighten(color, amount) {
- amount = (amount === 0) ? 0 : (amount || 10);
- var rgb = tinycolor(color).toRgb();
- rgb.r = mathMax(0, mathMin(255, rgb.r - mathRound(255 * - (amount / 100))));
- rgb.g = mathMax(0, mathMin(255, rgb.g - mathRound(255 * - (amount / 100))));
- rgb.b = mathMax(0, mathMin(255, rgb.b - mathRound(255 * - (amount / 100))));
- return tinycolor(rgb);
- }
- function darken (color, amount) {
- amount = (amount === 0) ? 0 : (amount || 10);
- var hsl = tinycolor(color).toHsl();
- hsl.l -= amount / 100;
- hsl.l = clamp01(hsl.l);
- return tinycolor(hsl);
- }
- // Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.
- // Values outside of this range will be wrapped into this range.
- function spin(color, amount) {
- var hsl = tinycolor(color).toHsl();
- var hue = (hsl.h + amount) % 360;
- hsl.h = hue < 0 ? 360 + hue : hue;
- return tinycolor(hsl);
- }
- // Combination Functions
- // ---------------------
- // Thanks to jQuery xColor for some of the ideas behind these
- // <https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js>
- function complement(color) {
- var hsl = tinycolor(color).toHsl();
- hsl.h = (hsl.h + 180) % 360;
- return tinycolor(hsl);
- }
- function triad(color) {
- var hsl = tinycolor(color).toHsl();
- var h = hsl.h;
- return [
- tinycolor(color),
- tinycolor({ h: (h + 120) % 360, s: hsl.s, l: hsl.l }),
- tinycolor({ h: (h + 240) % 360, s: hsl.s, l: hsl.l })
- ];
- }
- function tetrad(color) {
- var hsl = tinycolor(color).toHsl();
- var h = hsl.h;
- return [
- tinycolor(color),
- tinycolor({ h: (h + 90) % 360, s: hsl.s, l: hsl.l }),
- tinycolor({ h: (h + 180) % 360, s: hsl.s, l: hsl.l }),
- tinycolor({ h: (h + 270) % 360, s: hsl.s, l: hsl.l })
- ];
- }
- function splitcomplement(color) {
- var hsl = tinycolor(color).toHsl();
- var h = hsl.h;
- return [
- tinycolor(color),
- tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l}),
- tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l})
- ];
- }
- function analogous(color, results, slices) {
- results = results || 6;
- slices = slices || 30;
- var hsl = tinycolor(color).toHsl();
- var part = 360 / slices;
- var ret = [tinycolor(color)];
- for (hsl.h = ((hsl.h - (part * results >> 1)) + 720) % 360; --results; ) {
- hsl.h = (hsl.h + part) % 360;
- ret.push(tinycolor(hsl));
- }
- return ret;
- }
- function monochromatic(color, results) {
- results = results || 6;
- var hsv = tinycolor(color).toHsv();
- var h = hsv.h, s = hsv.s, v = hsv.v;
- var ret = [];
- var modification = 1 / results;
- while (results--) {
- ret.push(tinycolor({ h: h, s: s, v: v}));
- v = (v + modification) % 1;
- }
- return ret;
- }
- // Utility Functions
- // ---------------------
- tinycolor.mix = function(color1, color2, amount) {
- amount = (amount === 0) ? 0 : (amount || 50);
- var rgb1 = tinycolor(color1).toRgb();
- var rgb2 = tinycolor(color2).toRgb();
- var p = amount / 100;
- var rgba = {
- r: ((rgb2.r - rgb1.r) * p) + rgb1.r,
- g: ((rgb2.g - rgb1.g) * p) + rgb1.g,
- b: ((rgb2.b - rgb1.b) * p) + rgb1.b,
- a: ((rgb2.a - rgb1.a) * p) + rgb1.a
- };
- return tinycolor(rgba);
- };
- // Readability Functions
- // ---------------------
- // <http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef (WCAG Version 2)
- // contrast
- // Analyze the 2 colors and returns the color contrast defined by (WCAG Version 2)
- tinycolor.readability = function(color1, color2) {
- var c1 = tinycolor(color1);
- var c2 = tinycolor(color2);
- return (Math.max(c1.getLuminance(),c2.getLuminance())+0.05) / (Math.min(c1.getLuminance(),c2.getLuminance())+0.05);
- };
- // isReadable
- // Ensure that foreground and background color combinations meet WCAG2 guidelines.
- // The third argument is an optional Object.
- // the 'level' property states 'AA' or 'AAA' - if missing or invalid, it defaults to 'AA';
- // the 'size' property states 'large' or 'small' - if missing or invalid, it defaults to 'small'.
- // If the entire object is absent, isReadable defaults to {level:"AA",size:"small"}.
- // *Example*
- // tinycolor.isReadable("#000", "#111") => false
- // tinycolor.isReadable("#000", "#111",{level:"AA",size:"large"}) => false
- tinycolor.isReadable = function(color1, color2, wcag2) {
- var readability = tinycolor.readability(color1, color2);
- var wcag2Parms, out;
- out = false;
- wcag2Parms = validateWCAG2Parms(wcag2);
- switch (wcag2Parms.level + wcag2Parms.size) {
- case "AAsmall":
- case "AAAlarge":
- out = readability >= 4.5;
- break;
- case "AAlarge":
- out = readability >= 3;
- break;
- case "AAAsmall":
- out = readability >= 7;
- break;
- }
- return out;
- };
- // mostReadable
- // Given a base color and a list of possible foreground or background
- // colors for that base, returns the most readable color.
- // Optionally returns Black or White if the most readable color is unreadable.
- // *Example*
- // tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:false}).toHexString(); // "#112255"
- // tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:true}).toHexString(); // "#ffffff"
- // tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"large"}).toHexString(); // "#faf3f3"
- // tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"small"}).toHexString(); // "#ffffff"
- tinycolor.mostReadable = function(baseColor, colorList, args) {
- var bestColor = null;
- var bestScore = 0;
- var readability;
- var includeFallbackColors, level, size ;
- args = args || {};
- includeFallbackColors = args.includeFallbackColors ;
- level = args.level;
- size = args.size;
- for (var i= 0; i < colorList.length ; i++) {
- readability = tinycolor.readability(baseColor, colorList[i]);
- if (readability > bestScore) {
- bestScore = readability;
- bestColor = tinycolor(colorList[i]);
- }
- }
- if (tinycolor.isReadable(baseColor, bestColor, {"level":level,"size":size}) || !includeFallbackColors) {
- return bestColor;
- }
- else {
- args.includeFallbackColors=false;
- return tinycolor.mostReadable(baseColor,["#fff", "#000"],args);
- }
- };
- // Big List of Colors
- // ------------------
- // <http://www.w3.org/TR/css3-color/#svg-color>
- var names = tinycolor.names = {
- aliceblue: "f0f8ff",
- antiquewhite: "faebd7",
- aqua: "0ff",
- aquamarine: "7fffd4",
- azure: "f0ffff",
- beige: "f5f5dc",
- bisque: "ffe4c4",
- black: "000",
- blanchedalmond: "ffebcd",
- blue: "00f",
- blueviolet: "8a2be2",
- brown: "a52a2a",
- burlywood: "deb887",
- burntsienna: "ea7e5d",
- cadetblue: "5f9ea0",
- chartreuse: "7fff00",
- chocolate: "d2691e",
- coral: "ff7f50",
- cornflowerblue: "6495ed",
- cornsilk: "fff8dc",
- crimson: "dc143c",
- cyan: "0ff",
- darkblue: "00008b",
- darkcyan: "008b8b",
- darkgoldenrod: "b8860b",
- darkgray: "a9a9a9",
- darkgreen: "006400",
- darkgrey: "a9a9a9",
- darkkhaki: "bdb76b",
- darkmagenta: "8b008b",
- darkolivegreen: "556b2f",
- darkorange: "ff8c00",
- darkorchid: "9932cc",
- darkred: "8b0000",
- darksalmon: "e9967a",
- darkseagreen: "8fbc8f",
- darkslateblue: "483d8b",
- darkslategray: "2f4f4f",
- darkslategrey: "2f4f4f",
- darkturquoise: "00ced1",
- darkviolet: "9400d3",
- deeppink: "ff1493",
- deepskyblue: "00bfff",
- dimgray: "696969",
- dimgrey: "696969",
- dodgerblue: "1e90ff",
- firebrick: "b22222",
- floralwhite: "fffaf0",
- forestgreen: "228b22",
- fuchsia: "f0f",
- gainsboro: "dcdcdc",
- ghostwhite: "f8f8ff",
- gold: "ffd700",
- goldenrod: "daa520",
- gray: "808080",
- green: "008000",
- greenyellow: "adff2f",
- grey: "808080",
- honeydew: "f0fff0",
- hotpink: "ff69b4",
- indianred: "cd5c5c",
- indigo: "4b0082",
- ivory: "fffff0",
- khaki: "f0e68c",
- lavender: "e6e6fa",
- lavenderblush: "fff0f5",
- lawngreen: "7cfc00",
- lemonchiffon: "fffacd",
- lightblue: "add8e6",
- lightcoral: "f08080",
- lightcyan: "e0ffff",
- lightgoldenrodyellow: "fafad2",
- lightgray: "d3d3d3",
- lightgreen: "90ee90",
- lightgrey: "d3d3d3",
- lightpink: "ffb6c1",
- lightsalmon: "ffa07a",
- lightseagreen: "20b2aa",
- lightskyblue: "87cefa",
- lightslategray: "789",
- lightslategrey: "789",
- lightsteelblue: "b0c4de",
- lightyellow: "ffffe0",
- lime: "0f0",
- limegreen: "32cd32",
- linen: "faf0e6",
- magenta: "f0f",
- maroon: "800000",
- mediumaquamarine: "66cdaa",
- mediumblue: "0000cd",
- mediumorchid: "ba55d3",
- mediumpurple: "9370db",
- mediumseagreen: "3cb371",
- mediumslateblue: "7b68ee",
- mediumspringgreen: "00fa9a",
- mediumturquoise: "48d1cc",
- mediumvioletred: "c71585",
- midnightblue: "191970",
- mintcream: "f5fffa",
- mistyrose: "ffe4e1",
- moccasin: "ffe4b5",
- navajowhite: "ffdead",
- navy: "000080",
- oldlace: "fdf5e6",
- olive: "808000",
- olivedrab: "6b8e23",
- orange: "ffa500",
- orangered: "ff4500",
- orchid: "da70d6",
- palegoldenrod: "eee8aa",
- palegreen: "98fb98",
- paleturquoise: "afeeee",
- palevioletred: "db7093",
- papayawhip: "ffefd5",
- peachpuff: "ffdab9",
- peru: "cd853f",
- pink: "ffc0cb",
- plum: "dda0dd",
- powderblue: "b0e0e6",
- purple: "800080",
- rebeccapurple: "663399",
- red: "f00",
- rosybrown: "bc8f8f",
- royalblue: "4169e1",
- saddlebrown: "8b4513",
- salmon: "fa8072",
- sandybrown: "f4a460",
- seagreen: "2e8b57",
- seashell: "fff5ee",
- sienna: "a0522d",
- silver: "c0c0c0",
- skyblue: "87ceeb",
- slateblue: "6a5acd",
- slategray: "708090",
- slategrey: "708090",
- snow: "fffafa",
- springgreen: "00ff7f",
- steelblue: "4682b4",
- tan: "d2b48c",
- teal: "008080",
- thistle: "d8bfd8",
- tomato: "ff6347",
- turquoise: "40e0d0",
- violet: "ee82ee",
- wheat: "f5deb3",
- white: "fff",
- whitesmoke: "f5f5f5",
- yellow: "ff0",
- yellowgreen: "9acd32"
- };
- // Make it easy to access colors via hexNames[hex]
- var hexNames = tinycolor.hexNames = flip(names);
- // Utilities
- // ---------
- // { 'name1': 'val1' } becomes { 'val1': 'name1' }
- function flip(o) {
- var flipped = { };
- for (var i in o) {
- if (o.hasOwnProperty(i)) {
- flipped[o[i]] = i;
- }
- }
- return flipped;
- }
- // Return a valid alpha value [0,1] with all invalid values being set to 1
- function boundAlpha(a) {
- a = parseFloat(a);
- if (isNaN(a) || a < 0 || a > 1) {
- a = 1;
- }
- return a;
- }
- // Take input from [0, n] and return it as [0, 1]
- function bound01(n, max) {
- if (isOnePointZero(n)) { n = "100%"; }
- var processPercent = isPercentage(n);
- n = mathMin(max, mathMax(0, parseFloat(n)));
- // Automatically convert percentage into number
- if (processPercent) {
- n = parseInt(n * max, 10) / 100;
- }
- // Handle floating point rounding errors
- if ((Math.abs(n - max) < 0.000001)) {
- return 1;
- }
- // Convert into [0, 1] range if it isn't already
- return (n % max) / parseFloat(max);
- }
- // Force a number between 0 and 1
- function clamp01(val) {
- return mathMin(1, mathMax(0, val));
- }
- // Parse a base-16 hex value into a base-10 integer
- function parseIntFromHex(val) {
- return parseInt(val, 16);
- }
- // Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1
- // <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0>
- function isOnePointZero(n) {
- return typeof n == "string" && n.indexOf('.') != -1 && parseFloat(n) === 1;
- }
- // Check to see if string passed in is a percentage
- function isPercentage(n) {
- return typeof n === "string" && n.indexOf('%') != -1;
- }
- // Force a hex value to have 2 characters
- function pad2(c) {
- return c.length == 1 ? '0' + c : '' + c;
- }
- // Replace a decimal with it's percentage value
- function convertToPercentage(n) {
- if (n <= 1) {
- n = (n * 100) + "%";
- }
- return n;
- }
- // Converts a decimal to a hex value
- function convertDecimalToHex(d) {
- return Math.round(parseFloat(d) * 255).toString(16);
- }
- // Converts a hex value to a decimal
- function convertHexToDecimal(h) {
- return (parseIntFromHex(h) / 255);
- }
- var matchers = (function() {
- // <http://www.w3.org/TR/css3-values/#integers>
- var CSS_INTEGER = "[-\\+]?\\d+%?";
- // <http://www.w3.org/TR/css3-values/#number-value>
- var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
- // Allow positive/negative integer/number. Don't capture the either/or, just the entire outcome.
- var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
- // Actual matching.
- // Parentheses and commas are optional, but not required.
- // Whitespace can take the place of commas or opening paren
- var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
- var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
- return {
- CSS_UNIT: new RegExp(CSS_UNIT),
- rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
- rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
- hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
- hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
- hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
- hsva: new RegExp("hsva" + PERMISSIVE_MATCH4),
- hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
- hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
- hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
- hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
- };
- })();
- // isValidCSSUnit
- // Take in a single string / number and check to see if it looks like a CSS unit
- // (see matchers above for definition).
- function isValidCSSUnit(color) {
- return !!matchers.CSS_UNIT.exec(color);
- }
- // stringInputToObject
- // Permissive string parsing. Take in a number of formats, and output an object
- // based on detected format. Returns { r, g, b } or { h, s, l } or { h, s, v}
- function stringInputToObject(color) {
- color = color.replace(trimLeft, '').replace(trimRight, '').toLowerCase();
- var named = false;
- if (names[color]) {
- color = names[color];
- named = true;
- }
- else if (color == 'transparent') {
- return { r: 0, g: 0, b: 0, a: 0, format: "name" };
- }
- // Try to match string input using regular expressions.
- // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360]
- // Just return an object and let the conversion functions handle that.
- // This way the result will be the same whether the tinycolor is initialized with string or object.
- var match;
- if ((match = matchers.rgb.exec(color))) {
- return { r: match[1], g: match[2], b: match[3] };
- }
- if ((match = matchers.rgba.exec(color))) {
- return { r: match[1], g: match[2], b: match[3], a: match[4] };
- }
- if ((match = matchers.hsl.exec(color))) {
- return { h: match[1], s: match[2], l: match[3] };
- }
- if ((match = matchers.hsla.exec(color))) {
- return { h: match[1], s: match[2], l: match[3], a: match[4] };
- }
- if ((match = matchers.hsv.exec(color))) {
- return { h: match[1], s: match[2], v: match[3] };
- }
- if ((match = matchers.hsva.exec(color))) {
- return { h: match[1], s: match[2], v: match[3], a: match[4] };
- }
- if ((match = matchers.hex8.exec(color))) {
- return {
- r: parseIntFromHex(match[1]),
- g: parseIntFromHex(match[2]),
- b: parseIntFromHex(match[3]),
- a: convertHexToDecimal(match[4]),
- format: named ? "name" : "hex8"
- };
- }
- if ((match = matchers.hex6.exec(color))) {
- return {
- r: parseIntFromHex(match[1]),
- g: parseIntFromHex(match[2]),
- b: parseIntFromHex(match[3]),
- format: named ? "name" : "hex"
- };
- }
- if ((match = matchers.hex4.exec(color))) {
- return {
- r: parseIntFromHex(match[1] + '' + match[1]),
- g: parseIntFromHex(match[2] + '' + match[2]),
- b: parseIntFromHex(match[3] + '' + match[3]),
- a: convertHexToDecimal(match[4] + '' + match[4]),
- format: named ? "name" : "hex8"
- };
- }
- if ((match = matchers.hex3.exec(color))) {
- return {
- r: parseIntFromHex(match[1] + '' + match[1]),
- g: parseIntFromHex(match[2] + '' + match[2]),
- b: parseIntFromHex(match[3] + '' + match[3]),
- format: named ? "name" : "hex"
- };
- }
- return false;
- }
- function validateWCAG2Parms(parms) {
- // return valid WCAG2 parms for isReadable.
- // If input parms are invalid, return {"level":"AA", "size":"small"}
- var level, size;
- parms = parms || {"level":"AA", "size":"small"};
- level = (parms.level || "AA").toUpperCase();
- size = (parms.size || "small").toLowerCase();
- if (level !== "AA" && level !== "AAA") {
- level = "AA";
- }
- if (size !== "small" && size !== "large") {
- size = "small";
- }
- return {"level":level, "size":size};
- }
- this.tinycolor = tinycolor;
- })()`;
- }
- // It is hacky way to make this function will be compiled preferentially by less
- // resolve error: `ReferenceError: colorPalette is not defined`
- // https://github.com/ant-design/ant-motion/issues/44
- .tinyColorMixin();
- // We create a very complex algorithm which take the place of original tint/shade color system
- // to make sure no one can understand it 👻
- // and create an entire color palette magicly by inputing just a single primary color.
- // We are using bezier-curve easing function and some color manipulations like tint/shade/darken/spin
- .colorPaletteMixin() {
- @functions: ~`(function() {
- var hueStep = 2;
- var saturationStep = 16;
- var saturationStep2 = 5;
- var brightnessStep1 = 5;
- var brightnessStep2 = 15;
- var lightColorCount = 5;
- var darkColorCount = 4;
- var getHue = function(hsv, i, isLight) {
- var hue;
- if (hsv.h >= 60 && hsv.h <= 240) {
- hue = isLight ? hsv.h - hueStep * i : hsv.h + hueStep * i;
- } else {
- hue = isLight ? hsv.h + hueStep * i : hsv.h - hueStep * i;
- }
- if (hue < 0) {
- hue += 360;
- } else if (hue >= 360) {
- hue -= 360;
- }
- return Math.round(hue);
- };
- var getSaturation = function(hsv, i, isLight) {
- var saturation;
- if (isLight) {
- saturation = Math.round(hsv.s * 100) - saturationStep * i;
- } else if (i == darkColorCount) {
- saturation = Math.round(hsv.s * 100) + saturationStep;
- } else {
- saturation = Math.round(hsv.s * 100) + saturationStep2 * i;
- }
- if (saturation > 100) {
- saturation = 100;
- }
- if (isLight && i === lightColorCount && saturation > 10) {
- saturation = 10;
- }
- if (saturation < 6) {
- saturation = 6;
- }
- return Math.round(saturation);
- };
- var getValue = function(hsv, i, isLight) {
- if (isLight) {
- return Math.round(hsv.v * 100) + brightnessStep1 * i;
- }
- return Math.round(hsv.v * 100) - brightnessStep2 * i;
- };
- this.colorPalette = function(color, index) {
- var isLight = index <= 6;
- var hsv = tinycolor(color).toHsv();
- var i = isLight ? lightColorCount + 1 - index : index - lightColorCount - 1;
- return tinycolor({
- h: getHue(hsv, i, isLight),
- s: getSaturation(hsv, i, isLight),
- v: getValue(hsv, i, isLight),
- }).toHexString();
- };
- })()`;
- }
- // It is hacky way to make this function will be compiled preferentially by less
- // resolve error: `ReferenceError: colorPalette is not defined`
- // https://github.com/ant-design/ant-motion/issues/44
- .colorPaletteMixin();
- // color palettes
- @blue-1: color(~`colorPalette("@{blue-6}", 1)`);
- @blue-2: color(~`colorPalette("@{blue-6}", 2)`);
- @blue-3: color(~`colorPalette("@{blue-6}", 3)`);
- @blue-4: color(~`colorPalette("@{blue-6}", 4)`);
- @blue-5: color(~`colorPalette("@{blue-6}", 5)`);
- @blue-6: #1890ff;
- @blue-7: color(~`colorPalette("@{blue-6}", 7)`);
- @blue-8: color(~`colorPalette("@{blue-6}", 8)`);
- @blue-9: color(~`colorPalette("@{blue-6}", 9)`);
- @blue-10: color(~`colorPalette("@{blue-6}", 10)`);
- @purple-1: color(~`colorPalette("@{purple-6}", 1)`);
- @purple-2: color(~`colorPalette("@{purple-6}", 2)`);
- @purple-3: color(~`colorPalette("@{purple-6}", 3)`);
- @purple-4: color(~`colorPalette("@{purple-6}", 4)`);
- @purple-5: color(~`colorPalette("@{purple-6}", 5)`);
- @purple-6: #722ed1;
- @purple-7: color(~`colorPalette("@{purple-6}", 7)`);
- @purple-8: color(~`colorPalette("@{purple-6}", 8)`);
- @purple-9: color(~`colorPalette("@{purple-6}", 9)`);
- @purple-10: color(~`colorPalette("@{purple-6}", 10)`);
- @cyan-1: color(~`colorPalette("@{cyan-6}", 1)`);
- @cyan-2: color(~`colorPalette("@{cyan-6}", 2)`);
- @cyan-3: color(~`colorPalette("@{cyan-6}", 3)`);
- @cyan-4: color(~`colorPalette("@{cyan-6}", 4)`);
- @cyan-5: color(~`colorPalette("@{cyan-6}", 5)`);
- @cyan-6: #13c2c2;
- @cyan-7: color(~`colorPalette("@{cyan-6}", 7)`);
- @cyan-8: color(~`colorPalette("@{cyan-6}", 8)`);
- @cyan-9: color(~`colorPalette("@{cyan-6}", 9)`);
- @cyan-10: color(~`colorPalette("@{cyan-6}", 10)`);
- @green-1: color(~`colorPalette("@{green-6}", 1)`);
- @green-2: color(~`colorPalette("@{green-6}", 2)`);
- @green-3: color(~`colorPalette("@{green-6}", 3)`);
- @green-4: color(~`colorPalette("@{green-6}", 4)`);
- @green-5: color(~`colorPalette("@{green-6}", 5)`);
- @green-6: #52c41a;
- @green-7: color(~`colorPalette("@{green-6}", 7)`);
- @green-8: color(~`colorPalette("@{green-6}", 8)`);
- @green-9: color(~`colorPalette("@{green-6}", 9)`);
- @green-10: color(~`colorPalette("@{green-6}", 10)`);
- @magenta-1: color(~`colorPalette("@{magenta-6}", 1)`);
- @magenta-2: color(~`colorPalette("@{magenta-6}", 2)`);
- @magenta-3: color(~`colorPalette("@{magenta-6}", 3)`);
- @magenta-4: color(~`colorPalette("@{magenta-6}", 4)`);
- @magenta-5: color(~`colorPalette("@{magenta-6}", 5)`);
- @magenta-6: #eb2f96;
- @magenta-7: color(~`colorPalette("@{magenta-6}", 7)`);
- @magenta-8: color(~`colorPalette("@{magenta-6}", 8)`);
- @magenta-9: color(~`colorPalette("@{magenta-6}", 9)`);
- @magenta-10: color(~`colorPalette("@{magenta-6}", 10)`);
- // alias of magenta
- @pink-1: color(~`colorPalette("@{pink-6}", 1)`);
- @pink-2: color(~`colorPalette("@{pink-6}", 2)`);
- @pink-3: color(~`colorPalette("@{pink-6}", 3)`);
- @pink-4: color(~`colorPalette("@{pink-6}", 4)`);
- @pink-5: color(~`colorPalette("@{pink-6}", 5)`);
- @pink-6: #eb2f96;
- @pink-7: color(~`colorPalette("@{pink-6}", 7)`);
- @pink-8: color(~`colorPalette("@{pink-6}", 8)`);
- @pink-9: color(~`colorPalette("@{pink-6}", 9)`);
- @pink-10: color(~`colorPalette("@{pink-6}", 10)`);
- @red-1: color(~`colorPalette("@{red-6}", 1)`);
- @red-2: color(~`colorPalette("@{red-6}", 2)`);
- @red-3: color(~`colorPalette("@{red-6}", 3)`);
- @red-4: color(~`colorPalette("@{red-6}", 4)`);
- @red-5: color(~`colorPalette("@{red-6}", 5)`);
- @red-6: #f5222d;
- @red-7: color(~`colorPalette("@{red-6}", 7)`);
- @red-8: color(~`colorPalette("@{red-6}", 8)`);
- @red-9: color(~`colorPalette("@{red-6}", 9)`);
- @red-10: color(~`colorPalette("@{red-6}", 10)`);
- @orange-1: color(~`colorPalette("@{orange-6}", 1)`);
- @orange-2: color(~`colorPalette("@{orange-6}", 2)`);
- @orange-3: color(~`colorPalette("@{orange-6}", 3)`);
- @orange-4: color(~`colorPalette("@{orange-6}", 4)`);
- @orange-5: color(~`colorPalette("@{orange-6}", 5)`);
- @orange-6: #fa8c16;
- @orange-7: color(~`colorPalette("@{orange-6}", 7)`);
- @orange-8: color(~`colorPalette("@{orange-6}", 8)`);
- @orange-9: color(~`colorPalette("@{orange-6}", 9)`);
- @orange-10: color(~`colorPalette("@{orange-6}", 10)`);
- @yellow-1: color(~`colorPalette("@{yellow-6}", 1)`);
- @yellow-2: color(~`colorPalette("@{yellow-6}", 2)`);
- @yellow-3: color(~`colorPalette("@{yellow-6}", 3)`);
- @yellow-4: color(~`colorPalette("@{yellow-6}", 4)`);
- @yellow-5: color(~`colorPalette("@{yellow-6}", 5)`);
- @yellow-6: #fadb14;
- @yellow-7: color(~`colorPalette("@{yellow-6}", 7)`);
- @yellow-8: color(~`colorPalette("@{yellow-6}", 8)`);
- @yellow-9: color(~`colorPalette("@{yellow-6}", 9)`);
- @yellow-10: color(~`colorPalette("@{yellow-6}", 10)`);
- @volcano-1: color(~`colorPalette("@{volcano-6}", 1)`);
- @volcano-2: color(~`colorPalette("@{volcano-6}", 2)`);
- @volcano-3: color(~`colorPalette("@{volcano-6}", 3)`);
- @volcano-4: color(~`colorPalette("@{volcano-6}", 4)`);
- @volcano-5: color(~`colorPalette("@{volcano-6}", 5)`);
- @volcano-6: #fa541c;
- @volcano-7: color(~`colorPalette("@{volcano-6}", 7)`);
- @volcano-8: color(~`colorPalette("@{volcano-6}", 8)`);
- @volcano-9: color(~`colorPalette("@{volcano-6}", 9)`);
- @volcano-10: color(~`colorPalette("@{volcano-6}", 10)`);
- @geekblue-1: color(~`colorPalette("@{geekblue-6}", 1)`);
- @geekblue-2: color(~`colorPalette("@{geekblue-6}", 2)`);
- @geekblue-3: color(~`colorPalette("@{geekblue-6}", 3)`);
- @geekblue-4: color(~`colorPalette("@{geekblue-6}", 4)`);
- @geekblue-5: color(~`colorPalette("@{geekblue-6}", 5)`);
- @geekblue-6: #2f54eb;
- @geekblue-7: color(~`colorPalette("@{geekblue-6}", 7)`);
- @geekblue-8: color(~`colorPalette("@{geekblue-6}", 8)`);
- @geekblue-9: color(~`colorPalette("@{geekblue-6}", 9)`);
- @geekblue-10: color(~`colorPalette("@{geekblue-6}", 10)`);
- @lime-1: color(~`colorPalette("@{lime-6}", 1)`);
- @lime-2: color(~`colorPalette("@{lime-6}", 2)`);
- @lime-3: color(~`colorPalette("@{lime-6}", 3)`);
- @lime-4: color(~`colorPalette("@{lime-6}", 4)`);
- @lime-5: color(~`colorPalette("@{lime-6}", 5)`);
- @lime-6: #a0d911;
- @lime-7: color(~`colorPalette("@{lime-6}", 7)`);
- @lime-8: color(~`colorPalette("@{lime-6}", 8)`);
- @lime-9: color(~`colorPalette("@{lime-6}", 9)`);
- @lime-10: color(~`colorPalette("@{lime-6}", 10)`);
- @gold-1: color(~`colorPalette("@{gold-6}", 1)`);
- @gold-2: color(~`colorPalette("@{gold-6}", 2)`);
- @gold-3: color(~`colorPalette("@{gold-6}", 3)`);
- @gold-4: color(~`colorPalette("@{gold-6}", 4)`);
- @gold-5: color(~`colorPalette("@{gold-6}", 5)`);
- @gold-6: #faad14;
- @gold-7: color(~`colorPalette("@{gold-6}", 7)`);
- @gold-8: color(~`colorPalette("@{gold-6}", 8)`);
- @gold-9: color(~`colorPalette("@{gold-6}", 9)`);
- @gold-10: color(~`colorPalette("@{gold-6}", 10)`);
- // The prefix to use on all css classes from ant.
- @ant-prefix : ant;
- // -------- Colors -----------
- @info-color : @blue-6;
- @success-color : @green-6;
- @processing-color : @blue-6;
- @error-color : @red-6;
- @highlight-color : @red-6;
- @warning-color : @gold-6;
- @normal-color : #d9d9d9;
- // Color used by default to control hover and active backgrounds and for
- // alert info backgrounds.
- @primary-1: color(~`colorPalette("@{primary-color}", 1)`); // replace tint(@primary-color, 90%)
- @primary-2: color(~`colorPalette("@{primary-color}", 2)`); // replace tint(@primary-color, 80%)
- @primary-3: color(~`colorPalette("@{primary-color}", 3)`); // unused
- @primary-4: color(~`colorPalette("@{primary-color}", 4)`); // unused
- @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%)
- @primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
- @primary-7: color(~`colorPalette("@{primary-color}", 7)`); // replace shade(@primary-color, 5%)
- @primary-8: color(~`colorPalette("@{primary-color}", 8)`); // unused
- @primary-9: color(~`colorPalette("@{primary-color}", 9)`); // unused
- @primary-10: color(~`colorPalette("@{primary-color}", 10)`); // unused
- // Base Scaffolding Variables
- // ---
- // Background color for `<body>`
- @body-background : #fff;
- // Base background color for most components
- @component-background : #fff;
- @font-family : "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif,
- "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- @code-family : "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
- @heading-color : fade(#000, 85%);
- @text-color : fade(#000, 65%);
- @text-color-secondary : fade(#000, 45%);
- @heading-color-dark : fade(#fff, 100%);
- @text-color-dark : fade(#fff, 85%);
- @text-color-secondary-dark: fade(#fff, 65%);
- @font-size-base : 14px;
- @font-size-lg : @font-size-base + 2px;
- @font-size-sm : 12px;
- @line-height-base : 1.5;
- @border-radius-base : 4px;
- @border-radius-sm : 2px;
- // vertical paddings
- @padding-lg : 24px; // containers
- @padding-md : 16px; // small containers and buttons
- @padding-sm : 12px; // Form controls and items
- @padding-xs : 8px; // small items
- // vertical padding for all form controls
- @control-padding-horizontal: @padding-sm;
- @control-padding-horizontal-sm: @padding-xs;
- // The background colors for active and hover states for things like
- // list items or table cells.
- @item-active-bg : @primary-1;
- @item-hover-bg : @primary-1;
- // ICONFONT
- @iconfont-css-prefix : anticon;
- // LINK
- @link-color : @primary-color;
- @link-hover-color : color(~`colorPalette("@{link-color}", 5)`);
- @link-active-color : color(~`colorPalette("@{link-color}", 7)`);
- @link-decoration : none;
- @link-hover-decoration : none;
- // Animation
- @ease-base-out : cubic-bezier(0.7, 0.3, 0.1, 1);
- @ease-base-in : cubic-bezier(0.9, 0, 0.3, 0.7);
- @ease-out : cubic-bezier(0.215, 0.61, 0.355, 1);
- @ease-in : cubic-bezier(0.55, 0.055, 0.675, 0.19);
- @ease-in-out : cubic-bezier(0.645, 0.045, 0.355, 1);
- @ease-out-back : cubic-bezier(0.12, 0.4, 0.29, 1.46);
- @ease-in-back : cubic-bezier(0.71, -0.46, 0.88, 0.6);
- @ease-in-out-back : cubic-bezier(0.71, -0.46, 0.29, 1.46);
- @ease-out-circ : cubic-bezier(0.08, 0.82, 0.17, 1);
- @ease-in-circ : cubic-bezier(0.6, 0.04, 0.98, 0.34);
- @ease-in-out-circ : cubic-bezier(0.78, 0.14, 0.15, 0.86);
- @ease-out-quint : cubic-bezier(0.23, 1, 0.32, 1);
- @ease-in-quint : cubic-bezier(0.755, 0.05, 0.855, 0.06);
- @ease-in-out-quint : cubic-bezier(0.86, 0, 0.07, 1);
- // Border color
- @border-color-base : hsv(0, 0, 85%); // base border outline a component
- @border-color-split : hsv(0, 0, 91%); // split border inside a component
- @border-width-base : 1px; // width of the border for a component
- @border-style-base : solid; // style of a components border
- // Outline
- @outline-blur-size : 0;
- @outline-width : 2px;
- @outline-color : @primary-color;
- @background-color-light : hsv(0, 0, 98%); // background of header and selected item
- @background-color-base : hsv(0, 0, 96%); // Default grey background color
- // Disabled states
- @disabled-color : fade(#000, 25%);
- @disabled-bg : @background-color-base;
- @disabled-color-dark : fade(#fff, 35%);
- // Shadow
- @shadow-color : rgba(0, 0, 0, .15);
- @box-shadow-base : @shadow-1-down;
- @shadow-1-up : 0 -2px 8px @shadow-color;
- @shadow-1-down : 0 2px 8px @shadow-color;
- @shadow-1-left : -2px 0 8px @shadow-color;
- @shadow-1-right : 2px 0 8px @shadow-color;
- @shadow-2 : 0 4px 12px @shadow-color;
- // Buttons
- @btn-font-weight : 400;
- @btn-border-radius-base : @border-radius-base;
- @btn-border-radius-sm : @border-radius-base;
- @btn-primary-color : #fff;
- @btn-primary-bg : @primary-color;
- @btn-default-color : @text-color;
- @btn-default-bg : #fff;
- @btn-default-border : @border-color-base;
- @btn-danger-color : @error-color;
- @btn-danger-bg : @background-color-base;
- @btn-danger-border : @border-color-base;
- @btn-disable-color : @disabled-color;
- @btn-disable-bg : @disabled-bg;
- @btn-disable-border : @border-color-base;
- @btn-padding-base : 0 @padding-md - 1px;
- @btn-font-size-lg : @font-size-lg;
- @btn-font-size-sm : @font-size-base;
- @btn-padding-lg : @btn-padding-base;
- @btn-padding-sm : 0 @padding-xs - 1px;
- @btn-height-base : 32px;
- @btn-height-lg : 40px;
- @btn-height-sm : 24px;
- @btn-circle-size : @btn-height-base;
- @btn-circle-size-lg : @btn-height-lg;
- @btn-circle-size-sm : @btn-height-sm;
- @btn-group-border : @primary-5;
- // Checkbox
- @checkbox-size : 16px;
- @checkbox-color : @primary-color;
- @checkbox-check-color : #fff;
- // Radio
- @radio-size : 16px;
- @radio-dot-color : @primary-color;
- // Radio buttons
- @radio-button-bg : @btn-default-bg;
- @radio-button-color : @btn-default-color;
- @radio-button-hover-color : @primary-5;
- @radio-button-active-color : @primary-7;
- // Media queries breakpoints
- // Extra small screen / phone
- @screen-xs : 480px;
- @screen-xs-min : @screen-xs;
- // Small screen / tablet
- @screen-sm : 576px;
- @screen-sm-min : @screen-sm;
- // Medium screen / desktop
- @screen-md : 768px;
- @screen-md-min : @screen-md;
- // Large screen / wide desktop
- @screen-lg : 992px;
- @screen-lg-min : @screen-lg;
- // Extra large screen / full hd
- @screen-xl : 1200px;
- @screen-xl-min : @screen-xl;
- // Extra extra large screen / large descktop
- @screen-xxl : 1600px;
- @screen-xxl-min : @screen-xxl;
- // provide a maximum
- @screen-xs-max : (@screen-sm-min - 1px);
- @screen-sm-max : (@screen-md-min - 1px);
- @screen-md-max : (@screen-lg-min - 1px);
- @screen-lg-max : (@screen-xl-min - 1px);
- @screen-xl-max : (@screen-xxl-min - 1px);
- // Grid system
- @grid-columns : 24;
- @grid-gutter-width : 0;
- // Layout
- @layout-body-background : #f0f2f5;
- @layout-header-background : #001529;
- @layout-footer-background : @layout-body-background;
- @layout-header-height : 64px;
- @layout-header-padding : 0 50px;
- @layout-footer-padding : 24px 50px;
- @layout-sider-background : @layout-header-background;
- @layout-trigger-height : 48px;
- @layout-trigger-background : #002140;
- @layout-trigger-color : #fff;
- @layout-zero-trigger-width : 36px;
- @layout-zero-trigger-height : 42px;
- // Layout light theme
- @layout-sider-background-light : #fff;
- @layout-trigger-background-light: #fff;
- @layout-trigger-color-light : @text-color;
- // z-index list
- @zindex-affix : 10;
- @zindex-back-top : 10;
- @zindex-modal-mask : 1000;
- @zindex-modal : 1000;
- @zindex-notification : 1010;
- @zindex-message : 1010;
- @zindex-popover : 1030;
- @zindex-picker : 1050;
- @zindex-dropdown : 1050;
- @zindex-tooltip : 1060;
- // Animation
- @animation-duration-slow: .3s; // Modal
- @animation-duration-base: .2s;
- @animation-duration-fast: .1s; // Tooltip
- // Form
- // ---
- @label-required-color : @highlight-color;
- @label-color : @heading-color;
- @form-item-margin-bottom : 24px;
- @form-item-trailing-colon : true;
- @form-vertical-label-padding : 0 0 8px;
- @form-vertical-label-margin : 0;
- // Input
- // ---
- @input-height-base : 32px;
- @input-height-lg : 40px;
- @input-height-sm : 24px;
- @input-padding-horizontal : @control-padding-horizontal - 1px;
- @input-padding-horizontal-base: @input-padding-horizontal;
- @input-padding-horizontal-sm : @control-padding-horizontal-sm - 1px;
- @input-padding-horizontal-lg : @input-padding-horizontal;
- @input-padding-vertical-base : 4px;
- @input-padding-vertical-sm : 1px;
- @input-padding-vertical-lg : 6px;
- @input-placeholder-color : hsv(0, 0, 75%);
- @input-color : @text-color;
- @input-border-color : @border-color-base;
- @input-bg : #fff;
- @input-addon-bg : @background-color-light;
- @input-hover-border-color : @primary-color;
- @input-disabled-bg : @disabled-bg;
- @input-outline-offset : 0 0;
- // Tooltip
- // ---
- //* Tooltip max width
- @tooltip-max-width: 250px;
- //** Tooltip text color
- @tooltip-color: #fff;
- //** Tooltip background color
- @tooltip-bg: rgba(0, 0, 0, .75);
- //** Tooltip arrow width
- @tooltip-arrow-width: 5px;
- //** Tooltip distance with trigger
- @tooltip-distance: @tooltip-arrow-width - 1px + 4px;
- //** Tooltip arrow color
- @tooltip-arrow-color: @tooltip-bg;
- // Popover
- // ---
- //** Popover body background color
- @popover-bg: #fff;
- //** Popover text color
- @popover-color: @text-color;
- //** Popover maximum width
- @popover-min-width: 177px;
- //** Popover arrow width
- @popover-arrow-width: 6px;
- //** Popover arrow color
- @popover-arrow-color: @popover-bg;
- //** Popover outer arrow width
- //** Popover outer arrow color
- @popover-arrow-outer-color: @popover-bg;
- //** Popover distance with trigger
- @popover-distance: @popover-arrow-width + 4px;
- // Modal
- // --
- @modal-mask-bg: rgba(0, 0, 0, 0.65);
- // Progress
- // --
- @progress-default-color: @processing-color;
- @progress-remaining-color: @background-color-base;
- @progress-text-color: @text-color;
- // Menu
- // ---
- @menu-inline-toplevel-item-height: 40px;
- @menu-item-height: 40px;
- @menu-collapsed-width: 80px;
- @menu-bg: @component-background;
- @menu-item-color: @text-color;
- @menu-highlight-color: @primary-color;
- @menu-item-active-bg: @item-active-bg;
- @menu-item-active-border-width: 3px;
- @menu-item-group-title-color: @text-color-secondary;
- // dark theme
- @menu-dark-color: @text-color-secondary-dark;
- @menu-dark-bg: @layout-header-background;
- @menu-dark-arrow-color: #fff;
- @menu-dark-submenu-bg: #000c17;
- @menu-dark-highlight-color: #fff;
- @menu-dark-item-active-bg: @primary-color;
- // Spin
- // ---
- @spin-dot-size-sm: 14px;
- @spin-dot-size: 20px;
- @spin-dot-size-lg: 32px;
- // Table
- // --
- @table-header-bg: @background-color-light;
- @table-header-color: @heading-color;
- @table-header-sort-bg: @background-color-base;
- @table-body-sort-bg: rgba(0, 0, 0, .01);
- @table-row-hover-bg: @primary-1;
- @table-selected-row-bg: #fafafa;
- @table-expanded-row-bg: #fbfbfb;
- @table-padding-vertical: 16px;
- @table-padding-horizontal: 16px;
- // Tag
- // --
- @tag-default-bg: @background-color-light;
- @tag-default-color: @text-color;
- @tag-font-size: @font-size-sm;
- // TimePicker
- // ---
- @time-picker-panel-column-width: 56px;
- @time-picker-panel-width: @time-picker-panel-column-width * 3;
- @time-picker-selected-bg: @background-color-base;
- // Carousel
- // ---
- @carousel-dot-width: 16px;
- @carousel-dot-height: 3px;
- @carousel-dot-active-width: 24px;
- // Badge
- // ---
- @badge-height: 20px;
- @badge-dot-size: 6px;
- @badge-font-size: @font-size-sm;
- @badge-font-weight: normal;
- @badge-status-size: 6px;
- // Rate
- // ---
- @rate-star-color: @yellow-6;
- @rate-star-bg: @border-color-split;
- // Card
- // ---
- @card-head-color: @heading-color;
- @card-head-background: transparent;
- @card-head-padding: 16px;
- @card-inner-head-padding: 12px;
- @card-padding-base: 24px;
- @card-padding-wider: 32px;
- @card-actions-background: @background-color-light;
- @card-shadow: 0 2px 8px rgba(0, 0, 0, .09);
- // Tabs
- // ---
- @tabs-card-head-background: @background-color-light;
- @tabs-card-height: 40px;
- @tabs-card-active-color: @primary-color;
- @tabs-title-font-size: @font-size-base;
- @tabs-title-font-size-lg: @font-size-lg;
- @tabs-title-font-size-sm: @font-size-base;
- @tabs-ink-bar-color: @primary-color;
- @tabs-bar-margin: 0 0 16px 0;
- @tabs-horizontal-margin: 0 32px 0 0;
- @tabs-horizontal-padding: 12px 16px;
- @tabs-vertical-padding: 8px 24px;
- @tabs-vertical-margin: 0 0 16px 0;
- @tabs-scrolling-size: 32px;
- @tabs-highlight-color: @primary-color;
- @tabs-hover-color: @primary-5;
- @tabs-active-color: @primary-7;
- // BackTop
- // ---
- @back-top-color: #fff;
- @back-top-bg: @text-color-secondary;
- @back-top-hover-bg: @text-color;
- // Avatar
- // ---
- @avatar-size-base: 32px;
- @avatar-size-lg: 40px;
- @avatar-size-sm: 24px;
- @avatar-font-size-base: 18px;
- @avatar-font-size-lg: 24px;
- @avatar-font-size-sm: 14px;
- @avatar-bg: #ccc;
- @avatar-color: #fff;
- @avatar-border-radius: @border-radius-base;
- // Switch
- // ---
- @switch-height: 22px;
- @switch-sm-height: 16px;
- @switch-sm-checked-margin-left: -(@switch-sm-height - 3px);
- @switch-disabled-opacity: 0.4;
- @switch-color: @primary-color;
- // Pagination
- // ---
- @pagination-item-size: 32px;
- @pagination-item-size-sm: 24px;
- @pagination-font-family: Arial;
- @pagination-font-weight-active: 500;
- // Breadcrumb
- // ---
- @breadcrumb-base-color: @text-color-secondary;
- @breadcrumb-last-item-color: @text-color;
- @breadcrumb-font-size: @font-size-base;
- @breadcrumb-icon-font-size: @font-size-base;
- @breadcrumb-link-color: @text-color-secondary;
- @breadcrumb-link-color-hover: @primary-5;
- @breadcrumb-separator-color: @text-color-secondary;
- @breadcrumb-separator-margin: 0 @padding-xs;
- // Slider
- // ---
- @slider-margin: 14px 6px 10px;
- @slider-rail-background-color: @background-color-base;
- @slider-rail-background-color-hover: #e1e1e1;
- @slider-track-background-color: @primary-3;
- @slider-track-background-color-hover: @primary-4;
- @slider-handle-color: @primary-3;
- @slider-handle-color-hover: @primary-4;
- @slider-handle-color-focus: tint(@primary-color, 20%);
- @slider-handle-color-focus-shadow: tint(@primary-color, 50%);
- @slider-handle-color-tooltip-open: @primary-color;
- @slider-dot-border-color: @border-color-split;
- @slider-dot-border-color-active: tint(@primary-color, 50%);
- @slider-disabled-color: @disabled-color;
- @slider-disabled-background-color: @component-background;
- // Tree
- // ---
- @tree-title-height: 24px;
- @tree-child-padding: 18px;
- @tree-directory-selected-color: #fff;
- @tree-directory-selected-bg: @primary-color;
- // Collapse
- // ---
- @collapse-header-padding: 12px 0 12px 40px;
- @collapse-header-bg: @background-color-light;
- @collapse-content-padding: @padding-md;
- @collapse-content-bg: @component-background;
- // Skeleton
- // ---
- @skeleton-color: #f2f2f2;
- // Transfer
- // ---
- @transfer-disabled-bg: @disabled-bg;
- // Message
- // ---
- @message-notice-content-padding: 10px 16px;
- // Motion
- // ---
- @wave-animation-width: 6px;
- // Alert
- // ---
- @alert-success-border-color: ~`colorPalette("@{success-color}", 3)`;
- @alert-success-bg-color: ~`colorPalette("@{success-color}", 1)`;
- @alert-success-icon-color: @success-color;
- @alert-info-border-color: ~`colorPalette("@{info-color}", 3)`;
- @alert-info-bg-color: ~`colorPalette("@{info-color}", 1)`;
- @alert-info-icon-color: @info-color;
- @alert-warning-border-color: ~`colorPalette("@{warning-color}", 3)`;
- @alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1)`;
- @alert-warning-icon-color: @warning-color;
- @alert-error-border-color: ~`colorPalette("@{error-color}", 3)`;
- @alert-error-bg-color: ~`colorPalette("@{error-color}", 1)`;
- @alert-error-icon-color: @error-color;
- // List
- // ---
- @list-empty-text-padding: @padding-md;
- @list-item-padding: @padding-sm 0;
- @list-item-content-margin: 0 0 @padding-md 0;
- @list-item-meta-margin-bottom: @padding-md;
- @list-item-meta-avatar-margin-right: @padding-md;
- @list-item-meta-title-margin-bottom: @padding-sm;
- // Menu
- @menu-dark-item-selected-bg: @menu-dark-item-active-bg;
- // Tabs
- @tab-bar-margin: @tabs-bar-margin;
- @tab-horizontal-margin: @tabs-horizontal-margin;
- @tab-vertical-margin: @tabs-vertical-margin;
- @tab-horizontal-padding: @tabs-horizontal-padding;
- @tab-vertical-padding: @tabs-vertical-padding;
- @tab-scrolling-size: @tabs-scrolling-size;
- @tab-highlight-color: @tabs-highlight-color;
- @tab-hover-color: @tabs-hover-color;
- @tab-active-color: @tabs-active-color;
- @tabs-ink-bar-bg-color: @tabs-ink-bar-color;
- // 基础颜色
- @white: #ffffff;
- @primary-color-light: fade(lighten(@primary-color, 5%), 15%);
- // 顶部背景色
- @layout-header-background:@primary-color;
- // 左边菜单light颜色
- @layout-sider-background-light: #f9f9f9;
- // 字体颜色
- @text-color: #000000;
- @table-selected-row-bg: #fbfbfb;
- @primary-2: @primary-color-light;
- // 基础圆角
- @border-radius-base: 2px;
- // 输入框后缀背景色
- @input-addon-bg: @primary-color;
- .ant-menu-root.ant-menu-inline,
- .ant-menu-root.ant-menu-vertical {
- background: @primary-color;
- border-right: 1px solid @primary-color;
- color: #ffffff;
- }
- .ant-menu-root.ant-menu-inline a,
- .ant-menu-root.ant-menu-vertical a {
- color: #ffffff;
- }
- .ant-menu-root.ant-menu-inline .ant-menu-submenu-selected,
- .ant-menu-root.ant-menu-vertical .ant-menu-submenu-selected {
- color: #ffffff;
- }
- .ant-menu-root.ant-menu-inline .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
- .ant-menu-root.ant-menu-vertical .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
- .ant-menu-root.ant-menu-inline .ant-menu-submenu-active,
- .ant-menu-root.ant-menu-vertical .ant-menu-submenu-active {
- color: #ffffff;
- }
- .ant-menu-root.ant-menu-inline .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
- .ant-menu-root.ant-menu-vertical .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
- .ant-menu-root.ant-menu-inline .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
- .ant-menu-root.ant-menu-vertical .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
- background: #ffffff;
- }
- .ant-menu-root.ant-menu-inline .ant-menu-submenu-title:hover,
- .ant-menu-root.ant-menu-vertical .ant-menu-submenu-title:hover {
- color: #ffffff;
- }
- .ant-menu-root.ant-menu-inline .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
- .ant-menu-root.ant-menu-vertical .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
- .ant-menu-root.ant-menu-inline .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
- .ant-menu-root.ant-menu-vertical .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after {
- background: #ffffff;
- }
- .ant-menu-root.ant-menu-inline .ant-menu-submenu > .ant-menu,
- .ant-menu-root.ant-menu-vertical .ant-menu-submenu > .ant-menu {
- background-color: rgba(58, 64, 99, 0.15);
- }
- .ant-menu-root.ant-menu-inline .ant-menu-item > a:hover,
- .ant-menu-root.ant-menu-vertical .ant-menu-item > a:hover {
- color: #ffffff;
- }
- .ant-menu-horizontal > .ant-menu-item-selected {
- color: #ffffff;
- }
- .bg--primary {
- background: @primary-color;
- }
- .header .ant-menu {
- background: transparent;
- color: #ffffff;
- }
- .header .ant-menu .ant-menu-item:hover {
- color: #ffffff;
- }
- .header__trigger {
- color: #ffffff;
- }
- html {
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- }
- body {
- color: #000000;
- background-color: #fff;
- }
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- color: rgba(0, 0, 0, 0.85);
- }
- abbr[title],
- abbr[data-original-title] {
- border-bottom: 0;
- }
- a {
- color: @primary-color;
- background-color: transparent;
- }
- a:hover {
- color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- a:active {
- color: color(~`colorPalette("@{primary-color}", 7)`);
- }
- a[disabled] {
- color: rgba(0, 0, 0, 0.25);
- }
- img {
- border-style: none;
- }
- table {
- border-collapse: collapse;
- }
- caption {
- color: rgba(0, 0, 0, 0.45);
- }
- input,
- button,
- select,
- optgroup,
- textarea {
- color: inherit;
- }
- button::-moz-focus-inner,
- [type="button"]::-moz-focus-inner,
- [type="reset"]::-moz-focus-inner,
- [type="submit"]::-moz-focus-inner {
- border-style: none;
- }
- fieldset {
- border: 0;
- }
- legend {
- color: inherit;
- }
- mark {
- background-color: #feffe6;
- }
- ::selection {
- background: @primary-color;
- color: #fff;
- }
- [ant-click-animating-without-extra-node]:after,
- .ant-click-animating-node {
- border-radius: inherit;
- border: 0 solid @primary-color;
- }
- .ant-alert {
- color: #000000;
- border-radius: 2px;
- }
- .ant-alert-success {
- border: 1px solid #b7eb8f;
- background-color: #f6ffed;
- }
- .ant-alert-success .ant-alert-icon {
- color: #52c41a;
- }
- .ant-alert-info {
- border: 1px solid #91d5ff;
- background-color: #e6f7ff;
- }
- .ant-alert-info .ant-alert-icon {
- color: #1890ff;
- }
- .ant-alert-warning {
- border: 1px solid #ffe58f;
- background-color: #fffbe6;
- }
- .ant-alert-warning .ant-alert-icon {
- color: #faad14;
- }
- .ant-alert-error {
- border: 1px solid #ffa39e;
- background-color: #fff1f0;
- }
- .ant-alert-error .ant-alert-icon {
- color: #f5222d;
- }
- .ant-alert-close-icon .anticon-close {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-alert-close-icon .anticon-close:hover {
- color: #404040;
- }
- .ant-alert-with-description {
- border-radius: 2px;
- color: #000000;
- }
- .ant-alert-with-description .ant-alert-message {
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-alert-banner {
- border-radius: 0;
- border: 0;
- }
- .ant-anchor {
- color: #000000;
- }
- .ant-anchor-wrapper {
- background-color: #fff;
- }
- .ant-anchor-ink:before {
- background-color: #e8e8e8;
- }
- .ant-anchor-ink-ball {
- border-radius: 8px;
- border: 2px solid @primary-color;
- background-color: #fff;
- }
- .ant-anchor-link-title {
- color: #000000;
- }
- .ant-anchor-link-active > .ant-anchor-link-title {
- color: @primary-color;
- }
- .ant-select-auto-complete {
- color: #000000;
- }
- .ant-select-auto-complete.ant-select .ant-select-selection {
- border: 0;
- box-shadow: none;
- }
- .ant-select-auto-complete.ant-select .ant-input {
- background: transparent;
- border-width: 1px;
- }
- .ant-select-auto-complete.ant-select .ant-input:focus,
- .ant-select-auto-complete.ant-select .ant-input:hover {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- border-right-width: 1px !important;
- }
- .ant-select-auto-complete.ant-select .ant-input[disabled] {
- background-color: #f5f5f5;
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-select-auto-complete.ant-select .ant-input[disabled]:hover {
- border-color: #e6d8d8;
- border-right-width: 1px !important;
- }
- .ant-avatar {
- color: #000000;
- background: #ccc;
- color: #fff;
- border-radius: 50%;
- }
- .ant-avatar-image {
- background: transparent;
- }
- .ant-avatar-lg {
- border-radius: 50%;
- }
- .ant-avatar-sm {
- border-radius: 50%;
- }
- .ant-avatar-square {
- border-radius: 2px;
- }
- .ant-back-top {
- color: #000000;
- }
- .ant-back-top-content {
- border-radius: 20px;
- background-color: rgba(0, 0, 0, 0.45);
- color: #fff;
- }
- .ant-back-top-content:hover {
- background-color: #000000;
- }
- .ant-back-top-icon {
- 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;
- }
- .ant-badge {
- color: #000000;
- color: unset;
- }
- .ant-badge-count {
- border-radius: 10px;
- background: #f5222d;
- color: #fff;
- box-shadow: 0 0 0 1px #fff;
- }
- .ant-badge-count a,
- .ant-badge-count a:hover {
- color: #fff;
- }
- .ant-badge-dot {
- border-radius: 100%;
- background: #f5222d;
- box-shadow: 0 0 0 1px #fff;
- }
- .ant-badge-status-dot {
- border-radius: 50%;
- }
- .ant-badge-status-success {
- background-color: #52c41a;
- }
- .ant-badge-status-processing {
- background-color: #1890ff;
- }
- .ant-badge-status-processing:after {
- border-radius: 50%;
- border: 1px solid #1890ff;
- }
- .ant-badge-status-default {
- background-color: #d9d9d9;
- }
- .ant-badge-status-error {
- background-color: #f5222d;
- }
- .ant-badge-status-warning {
- background-color: #faad14;
- }
- .ant-badge-status-text {
- color: #000000;
- }
- .ant-breadcrumb {
- color: #000000;
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-breadcrumb a {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-breadcrumb a:hover {
- color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-breadcrumb > span:last-child {
- color: #000000;
- }
- .ant-breadcrumb-separator {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-btn {
- background-image: none;
- border: 1px solid transparent;
- border-radius: 2px;
- box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
- color: #000000;
- background-color: #fff;
- border-color: #d9d9d9;
- }
- .ant-btn:not([disabled]):active {
- box-shadow: none;
- }
- .ant-btn-lg {
- border-radius: 2px;
- }
- .ant-btn-sm {
- border-radius: 2px;
- }
- .ant-btn > a:only-child {
- color: currentColor;
- }
- .ant-btn > a:only-child:after {
- background: transparent;
- }
- .ant-btn:hover,
- .ant-btn:focus {
- color: color(~`colorPalette("@{primary-color}", 5)`);
- background-color: #fff;
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-btn:hover > a:only-child,
- .ant-btn:focus > a:only-child {
- color: currentColor;
- }
- .ant-btn:hover > a:only-child:after,
- .ant-btn:focus > a:only-child:after {
- background: transparent;
- }
- .ant-btn:active,
- .ant-btn.active {
- color: color(~`colorPalette("@{primary-color}", 7)`);
- background-color: #fff;
- border-color: color(~`colorPalette("@{primary-color}", 7)`);
- }
- .ant-btn:active > a:only-child,
- .ant-btn.active > a:only-child {
- color: currentColor;
- }
- .ant-btn:active > a:only-child:after,
- .ant-btn.active > a:only-child:after {
- background: transparent;
- }
- .ant-btn.disabled,
- .ant-btn[disabled],
- .ant-btn.disabled:hover,
- .ant-btn[disabled]:hover,
- .ant-btn.disabled:focus,
- .ant-btn[disabled]:focus,
- .ant-btn.disabled:active,
- .ant-btn[disabled]:active,
- .ant-btn.disabled.active,
- .ant-btn[disabled].active {
- color: rgba(0, 0, 0, 0.25);
- background-color: #f5f5f5;
- border-color: #d9d9d9;
- box-shadow: none;
- }
- .ant-btn.disabled > a:only-child,
- .ant-btn[disabled] > a:only-child,
- .ant-btn.disabled:hover > a:only-child,
- .ant-btn[disabled]:hover > a:only-child,
- .ant-btn.disabled:focus > a:only-child,
- .ant-btn[disabled]:focus > a:only-child,
- .ant-btn.disabled:active > a:only-child,
- .ant-btn[disabled]:active > a:only-child,
- .ant-btn.disabled.active > a:only-child,
- .ant-btn[disabled].active > a:only-child {
- color: currentColor;
- }
- .ant-btn.disabled > a:only-child:after,
- .ant-btn[disabled] > a:only-child:after,
- .ant-btn.disabled:hover > a:only-child:after,
- .ant-btn[disabled]:hover > a:only-child:after,
- .ant-btn.disabled:focus > a:only-child:after,
- .ant-btn[disabled]:focus > a:only-child:after,
- .ant-btn.disabled:active > a:only-child:after,
- .ant-btn[disabled]:active > a:only-child:after,
- .ant-btn.disabled.active > a:only-child:after,
- .ant-btn[disabled].active > a:only-child:after {
- background: transparent;
- }
- .ant-btn:hover,
- .ant-btn:focus,
- .ant-btn:active,
- .ant-btn.active {
- background: #fff;
- }
- .ant-btn-primary {
- color: #fff;
- background-color: @primary-color;
- border-color: @primary-color;
- box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
- }
- .ant-btn-primary > a:only-child {
- color: currentColor;
- }
- .ant-btn-primary > a:only-child:after {
- background: transparent;
- }
- .ant-btn-primary:hover,
- .ant-btn-primary:focus {
- color: #fff;
- background-color: color(~`colorPalette("@{primary-color}", 5)`);
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-btn-primary:hover > a:only-child,
- .ant-btn-primary:focus > a:only-child {
- color: currentColor;
- }
- .ant-btn-primary:hover > a:only-child:after,
- .ant-btn-primary:focus > a:only-child:after {
- background: transparent;
- }
- .ant-btn-primary:active,
- .ant-btn-primary.active {
- color: #fff;
- background-color: color(~`colorPalette("@{primary-color}", 7)`);
- border-color: color(~`colorPalette("@{primary-color}", 7)`);
- }
- .ant-btn-primary:active > a:only-child,
- .ant-btn-primary.active > a:only-child {
- color: currentColor;
- }
- .ant-btn-primary:active > a:only-child:after,
- .ant-btn-primary.active > a:only-child:after {
- background: transparent;
- }
- .ant-btn-primary.disabled,
- .ant-btn-primary[disabled],
- .ant-btn-primary.disabled:hover,
- .ant-btn-primary[disabled]:hover,
- .ant-btn-primary.disabled:focus,
- .ant-btn-primary[disabled]:focus,
- .ant-btn-primary.disabled:active,
- .ant-btn-primary[disabled]:active,
- .ant-btn-primary.disabled.active,
- .ant-btn-primary[disabled].active {
- color: rgba(0, 0, 0, 0.25);
- background-color: #f5f5f5;
- border-color: #d9d9d9;
- box-shadow: none;
- }
- .ant-btn-primary.disabled > a:only-child,
- .ant-btn-primary[disabled] > a:only-child,
- .ant-btn-primary.disabled:hover > a:only-child,
- .ant-btn-primary[disabled]:hover > a:only-child,
- .ant-btn-primary.disabled:focus > a:only-child,
- .ant-btn-primary[disabled]:focus > a:only-child,
- .ant-btn-primary.disabled:active > a:only-child,
- .ant-btn-primary[disabled]:active > a:only-child,
- .ant-btn-primary.disabled.active > a:only-child,
- .ant-btn-primary[disabled].active > a:only-child {
- color: currentColor;
- }
- .ant-btn-primary.disabled > a:only-child:after,
- .ant-btn-primary[disabled] > a:only-child:after,
- .ant-btn-primary.disabled:hover > a:only-child:after,
- .ant-btn-primary[disabled]:hover > a:only-child:after,
- .ant-btn-primary.disabled:focus > a:only-child:after,
- .ant-btn-primary[disabled]:focus > a:only-child:after,
- .ant-btn-primary.disabled:active > a:only-child:after,
- .ant-btn-primary[disabled]:active > a:only-child:after,
- .ant-btn-primary.disabled.active > a:only-child:after,
- .ant-btn-primary[disabled].active > a:only-child:after {
- background: transparent;
- }
- .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
- border-right-color: color(~`colorPalette("@{primary-color}", 5)`);
- border-left-color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
- border-color: #d9d9d9;
- }
- .ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
- border-right-color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
- border-right-color: #d9d9d9;
- }
- .ant-btn-group .ant-btn-primary:last-child:not(:first-child),
- .ant-btn-group .ant-btn-primary + .ant-btn-primary {
- border-left-color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
- .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
- border-left-color: #d9d9d9;
- }
- .ant-btn-ghost {
- color: #000000;
- background-color: transparent;
- border-color: #d9d9d9;
- }
- .ant-btn-ghost > a:only-child {
- color: currentColor;
- }
- .ant-btn-ghost > a:only-child:after {
- background: transparent;
- }
- .ant-btn-ghost:hover,
- .ant-btn-ghost:focus {
- color: color(~`colorPalette("@{primary-color}", 5)`);
- background-color: transparent;
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-btn-ghost:hover > a:only-child,
- .ant-btn-ghost:focus > a:only-child {
- color: currentColor;
- }
- .ant-btn-ghost:hover > a:only-child:after,
- .ant-btn-ghost:focus > a:only-child:after {
- background: transparent;
- }
- .ant-btn-ghost:active,
- .ant-btn-ghost.active {
- color: color(~`colorPalette("@{primary-color}", 7)`);
- background-color: transparent;
- border-color: color(~`colorPalette("@{primary-color}", 7)`);
- }
- .ant-btn-ghost:active > a:only-child,
- .ant-btn-ghost.active > a:only-child {
- color: currentColor;
- }
- .ant-btn-ghost:active > a:only-child:after,
- .ant-btn-ghost.active > a:only-child:after {
- background: transparent;
- }
- .ant-btn-ghost.disabled,
- .ant-btn-ghost[disabled],
- .ant-btn-ghost.disabled:hover,
- .ant-btn-ghost[disabled]:hover,
- .ant-btn-ghost.disabled:focus,
- .ant-btn-ghost[disabled]:focus,
- .ant-btn-ghost.disabled:active,
- .ant-btn-ghost[disabled]:active,
- .ant-btn-ghost.disabled.active,
- .ant-btn-ghost[disabled].active {
- color: rgba(0, 0, 0, 0.25);
- background-color: #f5f5f5;
- border-color: #d9d9d9;
- box-shadow: none;
- }
- .ant-btn-ghost.disabled > a:only-child,
- .ant-btn-ghost[disabled] > a:only-child,
- .ant-btn-ghost.disabled:hover > a:only-child,
- .ant-btn-ghost[disabled]:hover > a:only-child,
- .ant-btn-ghost.disabled:focus > a:only-child,
- .ant-btn-ghost[disabled]:focus > a:only-child,
- .ant-btn-ghost.disabled:active > a:only-child,
- .ant-btn-ghost[disabled]:active > a:only-child,
- .ant-btn-ghost.disabled.active > a:only-child,
- .ant-btn-ghost[disabled].active > a:only-child {
- color: currentColor;
- }
- .ant-btn-ghost.disabled > a:only-child:after,
- .ant-btn-ghost[disabled] > a:only-child:after,
- .ant-btn-ghost.disabled:hover > a:only-child:after,
- .ant-btn-ghost[disabled]:hover > a:only-child:after,
- .ant-btn-ghost.disabled:focus > a:only-child:after,
- .ant-btn-ghost[disabled]:focus > a:only-child:after,
- .ant-btn-ghost.disabled:active > a:only-child:after,
- .ant-btn-ghost[disabled]:active > a:only-child:after,
- .ant-btn-ghost.disabled.active > a:only-child:after,
- .ant-btn-ghost[disabled].active > a:only-child:after {
- background: transparent;
- }
- .ant-btn-dashed {
- color: #000000;
- background-color: #fff;
- border-color: #d9d9d9;
- border-style: dashed;
- }
- .ant-btn-dashed > a:only-child {
- color: currentColor;
- }
- .ant-btn-dashed > a:only-child:after {
- background: transparent;
- }
- .ant-btn-dashed:hover,
- .ant-btn-dashed:focus {
- color: color(~`colorPalette("@{primary-color}", 5)`);
- background-color: #fff;
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-btn-dashed:hover > a:only-child,
- .ant-btn-dashed:focus > a:only-child {
- color: currentColor;
- }
- .ant-btn-dashed:hover > a:only-child:after,
- .ant-btn-dashed:focus > a:only-child:after {
- background: transparent;
- }
- .ant-btn-dashed:active,
- .ant-btn-dashed.active {
- color: color(~`colorPalette("@{primary-color}", 7)`);
- background-color: #fff;
- border-color: color(~`colorPalette("@{primary-color}", 7)`);
- }
- .ant-btn-dashed:active > a:only-child,
- .ant-btn-dashed.active > a:only-child {
- color: currentColor;
- }
- .ant-btn-dashed:active > a:only-child:after,
- .ant-btn-dashed.active > a:only-child:after {
- background: transparent;
- }
- .ant-btn-dashed.disabled,
- .ant-btn-dashed[disabled],
- .ant-btn-dashed.disabled:hover,
- .ant-btn-dashed[disabled]:hover,
- .ant-btn-dashed.disabled:focus,
- .ant-btn-dashed[disabled]:focus,
- .ant-btn-dashed.disabled:active,
- .ant-btn-dashed[disabled]:active,
- .ant-btn-dashed.disabled.active,
- .ant-btn-dashed[disabled].active {
- color: rgba(0, 0, 0, 0.25);
- background-color: #f5f5f5;
- border-color: #d9d9d9;
- box-shadow: none;
- }
- .ant-btn-dashed.disabled > a:only-child,
- .ant-btn-dashed[disabled] > a:only-child,
- .ant-btn-dashed.disabled:hover > a:only-child,
- .ant-btn-dashed[disabled]:hover > a:only-child,
- .ant-btn-dashed.disabled:focus > a:only-child,
- .ant-btn-dashed[disabled]:focus > a:only-child,
- .ant-btn-dashed.disabled:active > a:only-child,
- .ant-btn-dashed[disabled]:active > a:only-child,
- .ant-btn-dashed.disabled.active > a:only-child,
- .ant-btn-dashed[disabled].active > a:only-child {
- color: currentColor;
- }
- .ant-btn-dashed.disabled > a:only-child:after,
- .ant-btn-dashed[disabled] > a:only-child:after,
- .ant-btn-dashed.disabled:hover > a:only-child:after,
- .ant-btn-dashed[disabled]:hover > a:only-child:after,
- .ant-btn-dashed.disabled:focus > a:only-child:after,
- .ant-btn-dashed[disabled]:focus > a:only-child:after,
- .ant-btn-dashed.disabled:active > a:only-child:after,
- .ant-btn-dashed[disabled]:active > a:only-child:after,
- .ant-btn-dashed.disabled.active > a:only-child:after,
- .ant-btn-dashed[disabled].active > a:only-child:after {
- background: transparent;
- }
- .ant-btn-danger {
- color: #f5222d;
- background-color: #f5f5f5;
- border-color: #d9d9d9;
- }
- .ant-btn-danger > a:only-child {
- color: currentColor;
- }
- .ant-btn-danger > a:only-child:after {
- background: transparent;
- }
- .ant-btn-danger:hover {
- color: #fff;
- background-color: #ff4d4f;
- border-color: #ff4d4f;
- }
- .ant-btn-danger:hover > a:only-child {
- color: currentColor;
- }
- .ant-btn-danger:hover > a:only-child:after {
- background: transparent;
- }
- .ant-btn-danger:focus {
- color: #ff4d4f;
- background-color: #fff;
- border-color: #ff4d4f;
- }
- .ant-btn-danger:focus > a:only-child {
- color: currentColor;
- }
- .ant-btn-danger:focus > a:only-child:after {
- background: transparent;
- }
- .ant-btn-danger:active,
- .ant-btn-danger.active {
- color: #fff;
- background-color: #cf1322;
- border-color: #cf1322;
- }
- .ant-btn-danger:active > a:only-child,
- .ant-btn-danger.active > a:only-child {
- color: currentColor;
- }
- .ant-btn-danger:active > a:only-child:after,
- .ant-btn-danger.active > a:only-child:after {
- background: transparent;
- }
- .ant-btn-danger.disabled,
- .ant-btn-danger[disabled],
- .ant-btn-danger.disabled:hover,
- .ant-btn-danger[disabled]:hover,
- .ant-btn-danger.disabled:focus,
- .ant-btn-danger[disabled]:focus,
- .ant-btn-danger.disabled:active,
- .ant-btn-danger[disabled]:active,
- .ant-btn-danger.disabled.active,
- .ant-btn-danger[disabled].active {
- color: rgba(0, 0, 0, 0.25);
- background-color: #f5f5f5;
- border-color: #d9d9d9;
- box-shadow: none;
- }
- .ant-btn-danger.disabled > a:only-child,
- .ant-btn-danger[disabled] > a:only-child,
- .ant-btn-danger.disabled:hover > a:only-child,
- .ant-btn-danger[disabled]:hover > a:only-child,
- .ant-btn-danger.disabled:focus > a:only-child,
- .ant-btn-danger[disabled]:focus > a:only-child,
- .ant-btn-danger.disabled:active > a:only-child,
- .ant-btn-danger[disabled]:active > a:only-child,
- .ant-btn-danger.disabled.active > a:only-child,
- .ant-btn-danger[disabled].active > a:only-child {
- color: currentColor;
- }
- .ant-btn-danger.disabled > a:only-child:after,
- .ant-btn-danger[disabled] > a:only-child:after,
- .ant-btn-danger.disabled:hover > a:only-child:after,
- .ant-btn-danger[disabled]:hover > a:only-child:after,
- .ant-btn-danger.disabled:focus > a:only-child:after,
- .ant-btn-danger[disabled]:focus > a:only-child:after,
- .ant-btn-danger.disabled:active > a:only-child:after,
- .ant-btn-danger[disabled]:active > a:only-child:after,
- .ant-btn-danger.disabled.active > a:only-child:after,
- .ant-btn-danger[disabled].active > a:only-child:after {
- background: transparent;
- }
- .ant-btn-circle,
- .ant-btn-circle-outline {
- border-radius: 50%;
- }
- .ant-btn-circle.ant-btn-lg,
- .ant-btn-circle-outline.ant-btn-lg {
- border-radius: 50%;
- }
- .ant-btn-circle.ant-btn-sm,
- .ant-btn-circle-outline.ant-btn-sm {
- border-radius: 50%;
- }
- .ant-btn:before {
- background: #fff;
- border-radius: inherit;
- }
- .ant-btn-group-lg > .ant-btn,
- .ant-btn-group-lg > span > .ant-btn {
- border-radius: 0;
- }
- .ant-btn-group-sm > .ant-btn,
- .ant-btn-group-sm > span > .ant-btn {
- border-radius: 0;
- }
- .ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
- border-left-color: transparent;
- }
- .ant-btn-group .ant-btn {
- border-radius: 0;
- }
- .ant-btn-group > .ant-btn:only-child {
- border-radius: 2px;
- }
- .ant-btn-group > span:only-child > .ant-btn {
- border-radius: 2px;
- }
- .ant-btn-group > .ant-btn:first-child:not(:last-child),
- .ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
- border-bottom-left-radius: 2px;
- border-top-left-radius: 2px;
- }
- .ant-btn-group > .ant-btn:last-child:not(:first-child),
- .ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
- border-bottom-right-radius: 2px;
- border-top-right-radius: 2px;
- }
- .ant-btn-group-sm > .ant-btn:only-child {
- border-radius: 2px;
- }
- .ant-btn-group-sm > span:only-child > .ant-btn {
- border-radius: 2px;
- }
- .ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
- .ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
- border-bottom-left-radius: 2px;
- border-top-left-radius: 2px;
- }
- .ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
- .ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
- border-bottom-right-radius: 2px;
- border-top-right-radius: 2px;
- }
- .ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
- border-radius: 0;
- }
- .ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
- }
- .ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
- }
- .ant-btn-background-ghost {
- background: transparent !important;
- border-color: #fff;
- color: #fff;
- }
- .ant-btn-background-ghost.ant-btn-primary {
- color: @primary-color;
- background-color: transparent;
- border-color: @primary-color;
- }
- .ant-btn-background-ghost.ant-btn-primary > a:only-child {
- color: currentColor;
- }
- .ant-btn-background-ghost.ant-btn-primary > a:only-child:after {
- background: transparent;
- }
- .ant-btn-background-ghost.ant-btn-primary:hover,
- .ant-btn-background-ghost.ant-btn-primary:focus {
- color: color(~`colorPalette("@{primary-color}", 5)`);
- background-color: transparent;
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
- .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
- color: currentColor;
- }
- .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child:after {
- background: transparent;
- }
- .ant-btn-background-ghost.ant-btn-primary:active,
- .ant-btn-background-ghost.ant-btn-primary.active {
- color: color(~`colorPalette("@{primary-color}", 7)`);
- background-color: transparent;
- border-color: color(~`colorPalette("@{primary-color}", 7)`);
- }
- .ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
- .ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
- color: currentColor;
- }
- .ant-btn-background-ghost.ant-btn-primary:active > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-primary.active > a:only-child:after {
- background: transparent;
- }
- .ant-btn-background-ghost.ant-btn-primary.disabled,
- .ant-btn-background-ghost.ant-btn-primary[disabled],
- .ant-btn-background-ghost.ant-btn-primary.disabled:hover,
- .ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
- .ant-btn-background-ghost.ant-btn-primary.disabled:focus,
- .ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
- .ant-btn-background-ghost.ant-btn-primary.disabled:active,
- .ant-btn-background-ghost.ant-btn-primary[disabled]:active,
- .ant-btn-background-ghost.ant-btn-primary.disabled.active,
- .ant-btn-background-ghost.ant-btn-primary[disabled].active {
- color: rgba(0, 0, 0, 0.25);
- background-color: #f5f5f5;
- border-color: #d9d9d9;
- box-shadow: none;
- }
- .ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
- .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
- .ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
- .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
- .ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
- .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
- .ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
- .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
- .ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
- .ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
- color: currentColor;
- }
- .ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child:after {
- background: transparent;
- }
- .ant-btn-background-ghost.ant-btn-danger {
- color: #f5222d;
- background-color: transparent;
- border-color: #f5222d;
- }
- .ant-btn-background-ghost.ant-btn-danger > a:only-child {
- color: currentColor;
- }
- .ant-btn-background-ghost.ant-btn-danger > a:only-child:after {
- background: transparent;
- }
- .ant-btn-background-ghost.ant-btn-danger:hover,
- .ant-btn-background-ghost.ant-btn-danger:focus {
- color: #ff4d4f;
- background-color: transparent;
- border-color: #ff4d4f;
- }
- .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
- .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
- color: currentColor;
- }
- .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child:after {
- background: transparent;
- }
- .ant-btn-background-ghost.ant-btn-danger:active,
- .ant-btn-background-ghost.ant-btn-danger.active {
- color: #cf1322;
- background-color: transparent;
- border-color: #cf1322;
- }
- .ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
- .ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
- color: currentColor;
- }
- .ant-btn-background-ghost.ant-btn-danger:active > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-danger.active > a:only-child:after {
- background: transparent;
- }
- .ant-btn-background-ghost.ant-btn-danger.disabled,
- .ant-btn-background-ghost.ant-btn-danger[disabled],
- .ant-btn-background-ghost.ant-btn-danger.disabled:hover,
- .ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
- .ant-btn-background-ghost.ant-btn-danger.disabled:focus,
- .ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
- .ant-btn-background-ghost.ant-btn-danger.disabled:active,
- .ant-btn-background-ghost.ant-btn-danger[disabled]:active,
- .ant-btn-background-ghost.ant-btn-danger.disabled.active,
- .ant-btn-background-ghost.ant-btn-danger[disabled].active {
- color: rgba(0, 0, 0, 0.25);
- background-color: #f5f5f5;
- border-color: #d9d9d9;
- box-shadow: none;
- }
- .ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
- .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
- .ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
- .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
- .ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
- .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
- .ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
- .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
- .ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
- .ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
- color: currentColor;
- }
- .ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child:after,
- .ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child:after {
- background: transparent;
- }
- .christmas.ant-btn-primary:before {
- 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;
- background-size: 64px;
- }
- .christmas.ant-btn-primary.ant-btn-lg:before {
- background-size: 72px;
- }
- .christmas.ant-btn-primary.ant-btn-sm:before {
- background-size: 56px;
- }
- .ant-fullcalendar {
- color: #000000;
- border-top: 1px solid #d9d9d9;
- }
- .ant-fullcalendar table {
- border-collapse: collapse;
- background-color: transparent;
- }
- .ant-fullcalendar table,
- .ant-fullcalendar th,
- .ant-fullcalendar td {
- border: 0;
- }
- .ant-fullcalendar-calendar-table {
- border-spacing: 0;
- }
- .ant-fullcalendar-value {
- color: #000000;
- border-radius: 2px;
- background: transparent;
- }
- .ant-fullcalendar-value:hover {
- background: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-fullcalendar-value:active {
- background: @primary-color;
- color: #fff;
- }
- .ant-fullcalendar-today .ant-fullcalendar-value,
- .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value {
- box-shadow: 0 0 0 1px @primary-color inset;
- }
- .ant-fullcalendar-selected-day .ant-fullcalendar-value,
- .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value {
- background: @primary-color;
- color: #fff;
- }
- .ant-fullcalendar-disabled-cell-first-of-row .ant-fullcalendar-value {
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .ant-fullcalendar-disabled-cell-last-of-row .ant-fullcalendar-value {
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .ant-fullcalendar-last-month-cell .ant-fullcalendar-value,
- .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-fullcalendar-month-panel-table {
- border-collapse: separate;
- }
- .ant-fullcalendar-fullscreen {
- border-top: 0;
- }
- .ant-fullcalendar-fullscreen .ant-fullcalendar-month,
- .ant-fullcalendar-fullscreen .ant-fullcalendar-date {
- color: #000000;
- border-top: 2px solid #e8e8e8;
- }
- .ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover,
- .ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover {
- background: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-fullcalendar-fullscreen .ant-fullcalendar-month:active,
- .ant-fullcalendar-fullscreen .ant-fullcalendar-date:active {
- background: rgba(58, 64, 99, 0.15);
- }
- .ant-fullcalendar-fullscreen .ant-fullcalendar-value {
- background: transparent;
- }
- .ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
- color: #000000;
- }
- .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month,
- .ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date {
- border-top-color: @primary-color;
- background: transparent;
- }
- .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value,
- .ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
- box-shadow: none;
- }
- .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-month,
- .ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-date {
- background: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value,
- .ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-value {
- color: @primary-color;
- }
- .ant-fullcalendar-fullscreen .ant-fullcalendar-last-month-cell .ant-fullcalendar-date,
- .ant-fullcalendar-fullscreen .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-date {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date,
- .ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date:hover {
- background: transparent;
- }
- .ant-fullcalendar-disabled-cell .ant-fullcalendar-value {
- color: rgba(0, 0, 0, 0.25);
- border-radius: 0;
- }
- .ant-card {
- color: #000000;
- background: #fff;
- border-radius: 2px;
- }
- .ant-card-hoverable:hover {
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
- border-color: rgba(0, 0, 0, 0.09);
- }
- .ant-card-bordered {
- border: 1px solid #e8e8e8;
- }
- .ant-card-head {
- background: transparent;
- border-bottom: 1px solid #e8e8e8;
- border-radius: 2px 2px 0 0;
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-card-head .ant-tabs {
- color: #000000;
- }
- .ant-card-head .ant-tabs-bar {
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-card-extra {
- color: #000000;
- }
- .ant-card-grid {
- border-radius: 0;
- border: 0;
- 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;
- }
- .ant-card-grid:hover {
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
- }
- .ant-card-cover img {
- border-radius: 2px 2px 0 0;
- }
- .ant-card-actions {
- border-top: 1px solid #e8e8e8;
- background: #fafafa;
- }
- .ant-card-actions > li {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-card-actions > li > span:hover {
- color: @primary-color;
- }
- .ant-card-actions > li > span a {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-card-actions > li > span a:hover {
- color: @primary-color;
- }
- .ant-card-actions > li:not(:last-child) {
- border-right: 1px solid #e8e8e8;
- }
- .ant-card-type-inner .ant-card-head {
- background: #fafafa;
- }
- .ant-card-meta-title {
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-card-meta-description {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-card-loading-block {
- border-radius: 2px;
- background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
- background-size: 600% 600%;
- }
- .ant-carousel {
- color: #000000;
- }
- .ant-carousel .slick-slider {
- -webkit-tap-highlight-color: transparent;
- }
- .ant-carousel .slick-vertical .slick-slide {
- border: 1px solid transparent;
- }
- .ant-carousel .slick-prev,
- .ant-carousel .slick-next {
- background: transparent;
- color: transparent;
- border: 0;
- }
- .ant-carousel .slick-prev:hover,
- .ant-carousel .slick-next:hover,
- .ant-carousel .slick-prev:focus,
- .ant-carousel .slick-next:focus {
- background: transparent;
- color: transparent;
- }
- .ant-carousel .slick-dots li button {
- border: 0;
- background: #fff;
- border-radius: 1px;
- color: transparent;
- }
- .ant-carousel .slick-dots li.slick-active button {
- background: #fff;
- }
- .ant-cascader {
- color: #000000;
- }
- .ant-cascader-input.ant-input {
- background-color: transparent !important;
- }
- .ant-cascader-picker {
- color: #000000;
- background-color: #fff;
- border-radius: 2px;
- }
- .ant-cascader-picker-with-value .ant-cascader-picker-label {
- color: transparent;
- }
- .ant-cascader-picker-disabled {
- background: #f5f5f5;
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-cascader-picker:focus .ant-cascader-input {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
- border-right-width: 1px !important;
- }
- .ant-cascader-picker-show-search.ant-cascader-picker-focused {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-cascader-picker-clear {
- background: #fff;
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-cascader-picker-clear:hover {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-cascader-picker-arrow {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-cascader-menus {
- background: #fff;
- border-radius: 2px;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
- }
- .ant-cascader-menu {
- border-right: 1px solid #e8e8e8;
- }
- .ant-cascader-menu:first-child {
- border-radius: 2px 0 0 2px;
- }
- .ant-cascader-menu:last-child {
- border-right-color: transparent;
- border-radius: 0 2px 2px 0;
- }
- .ant-cascader-menu:only-child {
- border-radius: 2px;
- }
- .ant-cascader-menu-item:hover {
- background: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-cascader-menu-item-disabled {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-cascader-menu-item-disabled:hover {
- background: transparent;
- }
- .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
- .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
- background: #f5f5f5;
- }
- .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
- .ant-cascader-menu-item-expand .ant-cascader-menu-item-loading-icon {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-cascader-menu-item .ant-cascader-menu-item-keyword {
- color: #f5222d;
- }
- .ant-checkbox {
- color: #000000;
- }
- .ant-checkbox-wrapper:hover .ant-checkbox-inner,
- .ant-checkbox:hover .ant-checkbox-inner,
- .ant-checkbox-input:focus + .ant-checkbox-inner {
- border-color: @primary-color;
- }
- .ant-checkbox-checked:after {
- border-radius: 2px;
- border: 1px solid @primary-color;
- }
- .ant-checkbox-inner {
- border: 1px solid #d9d9d9;
- border-radius: 2px;
- background-color: #fff;
- }
- .ant-checkbox-inner:after {
- border: 2px solid #fff;
- border-top: 0;
- border-left: 0;
- }
- .ant-checkbox-indeterminate .ant-checkbox-inner:after {
- border: 0;
- background-color: @primary-color;
- }
- .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after {
- border-color: rgba(0, 0, 0, 0.25);
- }
- .ant-checkbox-checked .ant-checkbox-inner:after {
- border: 2px solid #fff;
- border-top: 0;
- border-left: 0;
- }
- .ant-checkbox-checked .ant-checkbox-inner {
- background-color: @primary-color;
- border-color: @primary-color;
- }
- .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {
- border-color: rgba(0, 0, 0, 0.25);
- }
- .ant-checkbox-disabled .ant-checkbox-inner {
- border-color: #d9d9d9 !important;
- background-color: #f5f5f5;
- }
- .ant-checkbox-disabled .ant-checkbox-inner:after {
- border-color: #f5f5f5;
- border-collapse: separate;
- }
- .ant-checkbox-disabled + span {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-checkbox-wrapper {
- color: #000000;
- }
- .ant-checkbox-group {
- color: #000000;
- }
- .ant-collapse {
- color: #000000;
- background-color: #fafafa;
- border-radius: 2px;
- border: 1px solid #d9d9d9;
- border-bottom: 0;
- }
- .ant-collapse > .ant-collapse-item {
- border-bottom: 1px solid #d9d9d9;
- }
- .ant-collapse > .ant-collapse-item:last-child,
- .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
- border-radius: 0 0 2px 2px;
- }
- .ant-collapse > .ant-collapse-item > .ant-collapse-header {
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-collapse-content {
- color: #000000;
- background-color: #fff;
- border-top: 1px solid #d9d9d9;
- }
- .ant-collapse-item:last-child > .ant-collapse-content {
- border-radius: 0 0 2px 2px;
- }
- .ant-collapse-borderless {
- background-color: #fff;
- border: 0;
- }
- .ant-collapse-borderless > .ant-collapse-item {
- border-bottom: 1px solid #d9d9d9;
- }
- .ant-collapse-borderless > .ant-collapse-item:last-child,
- .ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
- border-radius: 0;
- }
- .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
- background-color: transparent;
- border-top: 0;
- }
- .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
- .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-calendar-picker-container {
- color: #000000;
- }
- .ant-calendar-picker {
- color: #000000;
- }
- .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
- border-color: @primary-color;
- }
- .ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
- border-right-width: 1px !important;
- }
- .ant-calendar-picker-clear {
- color: rgba(0, 0, 0, 0.25);
- background: #fff;
- }
- .ant-calendar-picker-clear:hover {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-calendar-picker-icon {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-calendar {
- border: 1px solid #fff;
- background-color: #fff;
- border-radius: 2px;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
- background-clip: padding-box;
- }
- .ant-calendar-input-wrap {
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-calendar-input {
- border: 0;
- color: #000000;
- background: #fff;
- }
- .ant-calendar-input::-moz-placeholder {
- color: #bfbfbf;
- }
- .ant-calendar-input:-ms-input-placeholder {
- color: #bfbfbf;
- }
- .ant-calendar-input::-webkit-input-placeholder {
- color: #bfbfbf;
- }
- .ant-calendar-header {
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-calendar-header a:hover {
- color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-calendar-header .ant-calendar-century-select,
- .ant-calendar-header .ant-calendar-decade-select,
- .ant-calendar-header .ant-calendar-year-select,
- .ant-calendar-header .ant-calendar-month-select {
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-calendar-header .ant-calendar-prev-century-btn,
- .ant-calendar-header .ant-calendar-next-century-btn,
- .ant-calendar-header .ant-calendar-prev-decade-btn,
- .ant-calendar-header .ant-calendar-next-decade-btn,
- .ant-calendar-header .ant-calendar-prev-month-btn,
- .ant-calendar-header .ant-calendar-next-month-btn,
- .ant-calendar-header .ant-calendar-prev-year-btn,
- .ant-calendar-header .ant-calendar-next-year-btn {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-calendar table {
- border-collapse: collapse;
- background-color: transparent;
- }
- .ant-calendar table,
- .ant-calendar th,
- .ant-calendar td {
- border: 0;
- }
- .ant-calendar-calendar-table {
- border-spacing: 0;
- }
- .ant-calendar-date {
- color: #000000;
- border-radius: 2px;
- border: 1px solid transparent;
- background: transparent;
- }
- .ant-calendar-date:hover {
- background: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-calendar-date:active {
- color: #fff;
- background: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-calendar-today .ant-calendar-date {
- border-color: @primary-color;
- color: @primary-color;
- }
- .ant-calendar-last-month-cell .ant-calendar-date,
- .ant-calendar-next-month-btn-day .ant-calendar-date {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-calendar-selected-day .ant-calendar-date {
- background: #d6d7dd;
- }
- .ant-calendar-selected-date .ant-calendar-date,
- .ant-calendar-selected-start-date .ant-calendar-date,
- .ant-calendar-selected-end-date .ant-calendar-date {
- background: @primary-color;
- color: #fff;
- border: 1px solid transparent;
- }
- .ant-calendar-selected-date .ant-calendar-date:hover,
- .ant-calendar-selected-start-date .ant-calendar-date:hover,
- .ant-calendar-selected-end-date .ant-calendar-date:hover {
- background: @primary-color;
- }
- .ant-calendar-disabled-cell .ant-calendar-date {
- color: #bcbcbc;
- background: #f5f5f5;
- border-radius: 0;
- border: 1px solid transparent;
- }
- .ant-calendar-disabled-cell .ant-calendar-date:hover {
- background: #f5f5f5;
- }
- .ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date:before {
- border: 1px solid #bcbcbc;
- border-radius: 2px;
- }
- .ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .ant-calendar-footer {
- border-top: 1px solid #e8e8e8;
- }
- .ant-calendar-footer:empty {
- border-top: 0;
- }
- .ant-calendar .ant-calendar-today-btn-disabled,
- .ant-calendar .ant-calendar-clear-btn-disabled {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-calendar .ant-calendar-clear-btn:after {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-calendar .ant-calendar-clear-btn:hover:after {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-calendar .ant-calendar-ok-btn {
- background-image: none;
- border: 1px solid transparent;
- box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
- color: #fff;
- background-color: @primary-color;
- border-color: @primary-color;
- box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
- border-radius: 2px;
- }
- .ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
- box-shadow: none;
- }
- .ant-calendar .ant-calendar-ok-btn-lg {
- border-radius: 2px;
- }
- .ant-calendar .ant-calendar-ok-btn-sm {
- border-radius: 2px;
- }
- .ant-calendar .ant-calendar-ok-btn > a:only-child {
- color: currentColor;
- }
- .ant-calendar .ant-calendar-ok-btn > a:only-child:after {
- background: transparent;
- }
- .ant-calendar .ant-calendar-ok-btn:hover,
- .ant-calendar .ant-calendar-ok-btn:focus {
- color: #fff;
- background-color: color(~`colorPalette("@{primary-color}", 5)`);
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-calendar .ant-calendar-ok-btn:hover > a:only-child,
- .ant-calendar .ant-calendar-ok-btn:focus > a:only-child {
- color: currentColor;
- }
- .ant-calendar .ant-calendar-ok-btn:hover > a:only-child:after,
- .ant-calendar .ant-calendar-ok-btn:focus > a:only-child:after {
- background: transparent;
- }
- .ant-calendar .ant-calendar-ok-btn:active,
- .ant-calendar .ant-calendar-ok-btn.active {
- color: #fff;
- background-color: color(~`colorPalette("@{primary-color}", 7)`);
- border-color: color(~`colorPalette("@{primary-color}", 7)`);
- }
- .ant-calendar .ant-calendar-ok-btn:active > a:only-child,
- .ant-calendar .ant-calendar-ok-btn.active > a:only-child {
- color: currentColor;
- }
- .ant-calendar .ant-calendar-ok-btn:active > a:only-child:after,
- .ant-calendar .ant-calendar-ok-btn.active > a:only-child:after {
- background: transparent;
- }
- .ant-calendar .ant-calendar-ok-btn.disabled,
- .ant-calendar .ant-calendar-ok-btn[disabled],
- .ant-calendar .ant-calendar-ok-btn.disabled:hover,
- .ant-calendar .ant-calendar-ok-btn[disabled]:hover,
- .ant-calendar .ant-calendar-ok-btn.disabled:focus,
- .ant-calendar .ant-calendar-ok-btn[disabled]:focus,
- .ant-calendar .ant-calendar-ok-btn.disabled:active,
- .ant-calendar .ant-calendar-ok-btn[disabled]:active,
- .ant-calendar .ant-calendar-ok-btn.disabled.active,
- .ant-calendar .ant-calendar-ok-btn[disabled].active {
- color: rgba(0, 0, 0, 0.25);
- background-color: #f5f5f5;
- border-color: #d9d9d9;
- box-shadow: none;
- }
- .ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
- .ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
- .ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
- .ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
- .ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
- .ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
- .ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
- .ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
- .ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
- .ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
- color: currentColor;
- }
- .ant-calendar .ant-calendar-ok-btn.disabled > a:only-child:after,
- .ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child:after,
- .ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child:after,
- .ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child:after,
- .ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child:after,
- .ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child:after,
- .ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child:after,
- .ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child:after,
- .ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child:after,
- .ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child:after {
- background: transparent;
- }
- .ant-calendar .ant-calendar-ok-btn-disabled {
- color: rgba(0, 0, 0, 0.25);
- background-color: #f5f5f5;
- border-color: #d9d9d9;
- }
- .ant-calendar .ant-calendar-ok-btn-disabled > a:only-child {
- color: currentColor;
- }
- .ant-calendar .ant-calendar-ok-btn-disabled > a:only-child:after {
- background: transparent;
- }
- .ant-calendar .ant-calendar-ok-btn-disabled:hover {
- color: rgba(0, 0, 0, 0.25);
- background-color: #f5f5f5;
- border-color: #d9d9d9;
- }
- .ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child {
- color: currentColor;
- }
- .ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child:after {
- background: transparent;
- }
- .ant-calendar-range-picker-input {
- background-color: transparent;
- border: 0;
- }
- .ant-calendar-range-picker-input::-moz-placeholder {
- color: #bfbfbf;
- }
- .ant-calendar-range-picker-input:-ms-input-placeholder {
- color: #bfbfbf;
- }
- .ant-calendar-range-picker-input::-webkit-input-placeholder {
- color: #bfbfbf;
- }
- .ant-calendar-range-picker-separator {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-calendar-range-left .ant-calendar-time-picker-inner {
- border-right: 1px solid #e8e8e8;
- }
- .ant-calendar-range-right .ant-calendar-time-picker-inner {
- border-left: 1px solid #e8e8e8;
- }
- .ant-calendar-range-middle {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-calendar-range .ant-calendar-input,
- .ant-calendar-range .ant-calendar-time-picker-input {
- color: #000000;
- background-color: #fff;
- background-image: none;
- border: 1px solid #d9d9d9;
- border-radius: 2px;
- border: 0;
- box-shadow: none;
- }
- .ant-calendar-range .ant-calendar-input::-moz-placeholder,
- .ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
- color: #bfbfbf;
- }
- .ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
- .ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
- color: #bfbfbf;
- }
- .ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
- .ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
- color: #bfbfbf;
- }
- .ant-calendar-range .ant-calendar-input:hover,
- .ant-calendar-range .ant-calendar-time-picker-input:hover {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- border-right-width: 1px !important;
- }
- .ant-calendar-range .ant-calendar-input:focus,
- .ant-calendar-range .ant-calendar-time-picker-input:focus {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
- border-right-width: 1px !important;
- }
- .ant-calendar-range .ant-calendar-input-disabled,
- .ant-calendar-range .ant-calendar-time-picker-input-disabled {
- background-color: #f5f5f5;
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-calendar-range .ant-calendar-input-disabled:hover,
- .ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
- border-color: #e6d8d8;
- border-right-width: 1px !important;
- }
- .ant-calendar-range .ant-calendar-input:focus,
- .ant-calendar-range .ant-calendar-time-picker-input:focus {
- box-shadow: none;
- }
- .ant-calendar-range .ant-calendar-in-range-cell {
- border-radius: 0;
- }
- .ant-calendar-range .ant-calendar-in-range-cell:before {
- background: color(~`colorPalette("@{primary-color}", 1)`);
- border-radius: 0;
- border: 0;
- }
- .ant-calendar-range .ant-calendar-header,
- .ant-calendar-range .ant-calendar-month-panel-header,
- .ant-calendar-range .ant-calendar-year-panel-header {
- border-bottom: 0;
- }
- .ant-calendar-range .ant-calendar-body,
- .ant-calendar-range .ant-calendar-month-panel-body,
- .ant-calendar-range .ant-calendar-year-panel-body {
- border-top: 1px solid #e8e8e8;
- }
- .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
- background: none;
- }
- .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
- background-color: #fff;
- border-top: 1px solid #e8e8e8;
- }
- .ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
- border-top-color: transparent;
- }
- .ant-calendar-time-picker {
- background-color: #fff;
- }
- .ant-calendar-time-picker-inner {
- background-color: #fff;
- background-clip: padding-box;
- }
- .ant-calendar-time-picker-select {
- border-right: 1px solid #e8e8e8;
- }
- .ant-calendar-time-picker-select:first-child {
- border-left: 0;
- }
- .ant-calendar-time-picker-select:last-child {
- border-right: 0;
- }
- .ant-calendar-time-picker-select li:hover {
- background: color(~`colorPalette("@{primary-color}", 1)`);
- }
- li.ant-calendar-time-picker-select-option-selected {
- background: #f5f5f5;
- }
- li.ant-calendar-time-picker-select-option-disabled {
- color: rgba(0, 0, 0, 0.25);
- }
- li.ant-calendar-time-picker-select-option-disabled:hover {
- background: transparent;
- }
- .ant-calendar-time .ant-calendar-day-select {
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-calendar-month-panel {
- border-radius: 2px;
- background: #fff;
- }
- .ant-calendar-month-panel-header {
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-calendar-month-panel-header a:hover {
- color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
- .ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
- .ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
- .ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
- .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
- .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
- .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
- .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
- .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
- .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
- .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-calendar-month-panel-table {
- border-collapse: separate;
- }
- .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
- background: @primary-color;
- color: #fff;
- }
- .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
- background: @primary-color;
- color: #fff;
- }
- .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
- .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
- color: #bcbcbc;
- background: #f5f5f5;
- }
- .ant-calendar-month-panel-month {
- color: #000000;
- background: transparent;
- border-radius: 2px;
- }
- .ant-calendar-month-panel-month:hover {
- background: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-calendar-year-panel {
- border-radius: 2px;
- background: #fff;
- }
- .ant-calendar-year-panel-header {
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-calendar-year-panel-header a:hover {
- color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
- .ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
- .ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
- .ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
- .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
- .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
- .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
- .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
- .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
- .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
- .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-calendar-year-panel-table {
- border-collapse: separate;
- }
- .ant-calendar-year-panel-year {
- color: #000000;
- background: transparent;
- border-radius: 2px;
- }
- .ant-calendar-year-panel-year:hover {
- background: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
- background: @primary-color;
- color: #fff;
- }
- .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
- background: @primary-color;
- color: #fff;
- }
- .ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
- .ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-calendar-decade-panel {
- background: #fff;
- border-radius: 2px;
- }
- .ant-calendar-decade-panel-header {
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-calendar-decade-panel-header a:hover {
- color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
- .ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
- .ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
- .ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
- .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
- .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
- .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
- .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
- .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
- .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
- .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-calendar-decade-panel-table {
- border-collapse: separate;
- }
- .ant-calendar-decade-panel-decade {
- color: #000000;
- background: transparent;
- border-radius: 2px;
- }
- .ant-calendar-decade-panel-decade:hover {
- background: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
- background: @primary-color;
- color: #fff;
- }
- .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
- background: @primary-color;
- color: #fff;
- }
- .ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
- .ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-calendar-week-number .ant-calendar-body tr:hover {
- background: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {
- background: rgba(58, 64, 99, 0.15);
- }
- .ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,
- .ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {
- background: transparent;
- color: #000000;
- }
- .ant-divider {
- color: #000000;
- background: #e8e8e8;
- }
- .ant-divider-horizontal.ant-divider-with-text,
- .ant-divider-horizontal.ant-divider-with-text-left,
- .ant-divider-horizontal.ant-divider-with-text-right {
- background: transparent;
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-divider-horizontal.ant-divider-with-text:before,
- .ant-divider-horizontal.ant-divider-with-text-left:before,
- .ant-divider-horizontal.ant-divider-with-text-right:before,
- .ant-divider-horizontal.ant-divider-with-text:after,
- .ant-divider-horizontal.ant-divider-with-text-left:after,
- .ant-divider-horizontal.ant-divider-with-text-right:after {
- border-top: 1px solid #e8e8e8;
- }
- .ant-divider-dashed {
- background: none;
- border-top: 1px dashed #e8e8e8;
- }
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed,
- .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed,
- .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed {
- border-top: 0;
- }
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed:before,
- .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed:before,
- .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed:before,
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed:after,
- .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed:after,
- .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed:after {
- border-style: dashed none none;
- }
- .ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
- box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
- }
- .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
- box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
- }
- .ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
- }
- .ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
- box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
- }
- .ant-drawer-title {
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-drawer-content {
- background-color: #fff;
- border: 0;
- background-clip: padding-box;
- }
- .ant-drawer-close {
- border: 0;
- background: transparent;
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-drawer-close:focus,
- .ant-drawer-close:hover {
- color: #444;
- }
- .ant-drawer-header {
- border-radius: 2px 2px 0 0;
- background: #fff;
- color: #000000;
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-drawer-mask {
- background-color: rgba(0, 0, 0, 0.65);
- }
- .ant-drawer-open-content {
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
- }
- .ant-dropdown {
- color: #000000;
- }
- .ant-dropdown-menu {
- background-color: #fff;
- border-radius: 2px;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
- background-clip: padding-box;
- }
- .ant-dropdown-menu-item-group-title {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-dropdown-menu-item,
- .ant-dropdown-menu-submenu-title {
- color: #000000;
- }
- .ant-dropdown-menu-item > a,
- .ant-dropdown-menu-submenu-title > a {
- color: #000000;
- }
- .ant-dropdown-menu-item-selected,
- .ant-dropdown-menu-submenu-title-selected,
- .ant-dropdown-menu-item-selected > a,
- .ant-dropdown-menu-submenu-title-selected > a {
- color: @primary-color;
- background-color: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-dropdown-menu-item:hover,
- .ant-dropdown-menu-submenu-title:hover {
- background-color: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-dropdown-menu-item-disabled,
- .ant-dropdown-menu-submenu-title-disabled {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-dropdown-menu-item-disabled:hover,
- .ant-dropdown-menu-submenu-title-disabled:hover {
- color: rgba(0, 0, 0, 0.25);
- background-color: #fff;
- }
- .ant-dropdown-menu-item-divider,
- .ant-dropdown-menu-submenu-title-divider {
- background-color: #e8e8e8;
- }
- .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
- .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
- .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-dropdown-menu-dark,
- .ant-dropdown-menu-dark .ant-dropdown-menu {
- background: @primary-color;
- }
- .ant-dropdown-menu-dark .ant-dropdown-menu-item,
- .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
- .ant-dropdown-menu-dark .ant-dropdown-menu-item > a {
- color: rgba(255, 255, 255, 0.65);
- }
- .ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow:after,
- .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow:after,
- .ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow:after {
- color: rgba(255, 255, 255, 0.65);
- }
- .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
- .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
- .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {
- color: #fff;
- background: transparent;
- }
- .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
- .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
- .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
- background: @primary-color;
- color: #fff;
- }
- .ant-form {
- color: #000000;
- }
- .ant-form legend {
- color: rgba(0, 0, 0, 0.45);
- border: 0;
- border-bottom: 1px solid #d9d9d9;
- }
- .ant-form output {
- color: #000000;
- }
- .ant-form-item-required:before {
- color: #f5222d;
- }
- .ant-form-item {
- color: #000000;
- }
- .ant-form-item-label label {
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-form-explain,
- .ant-form-extra {
- color: rgba(0, 0, 0, 0.45);
- }
- form .ant-upload {
- background: transparent;
- }
- .ant-input-group-wrap .ant-select-selection {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
- }
- .ant-input-group-wrap .ant-select-selection:hover {
- border-color: #d9d9d9;
- }
- .ant-input-group-wrap .ant-select-selection--single {
- background-color: #eee;
- }
- .ant-input-group-wrap .ant-select-open .ant-select-selection {
- border-color: #d9d9d9;
- box-shadow: none;
- }
- .has-success.has-feedback .ant-form-item-children-icon {
- color: #52c41a;
- }
- .has-warning .ant-form-explain,
- .has-warning .ant-form-split {
- color: #faad14;
- }
- .has-warning .ant-input,
- .has-warning .ant-input:hover {
- border-color: #faad14;
- }
- .has-warning .ant-input:focus {
- border-color: #ffc53d;
- box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
- border-right-width: 1px !important;
- }
- .has-warning .ant-input:not([disabled]):hover {
- border-color: #faad14;
- }
- .has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
- border-color: #ffc53d;
- box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
- border-right-width: 1px !important;
- }
- .has-warning .ant-input-prefix {
- color: #faad14;
- }
- .has-warning .ant-input-group-addon {
- color: #faad14;
- border-color: #faad14;
- background-color: #fff;
- }
- .has-warning .has-feedback {
- color: #faad14;
- }
- .has-warning.has-feedback .ant-form-item-children-icon {
- color: #faad14;
- }
- .has-warning .ant-select-selection {
- border-color: #faad14;
- }
- .has-warning .ant-select-open .ant-select-selection,
- .has-warning .ant-select-focused .ant-select-selection {
- border-color: #ffc53d;
- box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
- border-right-width: 1px !important;
- }
- .has-warning .ant-calendar-picker-icon:after,
- .has-warning .ant-time-picker-icon:after,
- .has-warning .ant-picker-icon:after,
- .has-warning .ant-select-arrow,
- .has-warning .ant-cascader-picker-arrow {
- color: #faad14;
- }
- .has-warning .ant-input-number,
- .has-warning .ant-time-picker-input {
- border-color: #faad14;
- }
- .has-warning .ant-input-number-focused,
- .has-warning .ant-time-picker-input-focused,
- .has-warning .ant-input-number:focus,
- .has-warning .ant-time-picker-input:focus {
- border-color: #ffc53d;
- box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
- border-right-width: 1px !important;
- }
- .has-warning .ant-input-number:not([disabled]):hover,
- .has-warning .ant-time-picker-input:not([disabled]):hover {
- border-color: #faad14;
- }
- .has-warning .ant-cascader-picker:focus .ant-cascader-input {
- border-color: #ffc53d;
- box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
- border-right-width: 1px !important;
- }
- .has-error .ant-form-explain,
- .has-error .ant-form-split {
- color: #f5222d;
- }
- .has-error .ant-input,
- .has-error .ant-input:hover {
- border-color: #f5222d;
- }
- .has-error .ant-input:focus {
- border-color: #ff4d4f;
- box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
- border-right-width: 1px !important;
- }
- .has-error .ant-input:not([disabled]):hover {
- border-color: #f5222d;
- }
- .has-error .ant-calendar-picker-open .ant-calendar-picker-input {
- border-color: #ff4d4f;
- box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
- border-right-width: 1px !important;
- }
- .has-error .ant-input-prefix {
- color: #f5222d;
- }
- .has-error .ant-input-group-addon {
- color: #f5222d;
- border-color: #f5222d;
- background-color: #fff;
- }
- .has-error .has-feedback {
- color: #f5222d;
- }
- .has-error.has-feedback .ant-form-item-children-icon {
- color: #f5222d;
- }
- .has-error .ant-select-selection {
- border-color: #f5222d;
- }
- .has-error .ant-select-open .ant-select-selection,
- .has-error .ant-select-focused .ant-select-selection {
- border-color: #ff4d4f;
- box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
- border-right-width: 1px !important;
- }
- .has-error .ant-select.ant-select-auto-complete .ant-input:focus {
- border-color: #f5222d;
- }
- .has-error .ant-input-group-addon .ant-select-selection {
- border-color: transparent;
- box-shadow: none;
- }
- .has-error .ant-calendar-picker-icon:after,
- .has-error .ant-time-picker-icon:after,
- .has-error .ant-picker-icon:after,
- .has-error .ant-select-arrow,
- .has-error .ant-cascader-picker-arrow {
- color: #f5222d;
- }
- .has-error .ant-input-number,
- .has-error .ant-time-picker-input {
- border-color: #f5222d;
- }
- .has-error .ant-input-number-focused,
- .has-error .ant-time-picker-input-focused,
- .has-error .ant-input-number:focus,
- .has-error .ant-time-picker-input:focus {
- border-color: #ff4d4f;
- box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
- border-right-width: 1px !important;
- }
- .has-error .ant-input-number:not([disabled]):hover,
- .has-error .ant-time-picker-input:not([disabled]):hover {
- border-color: #f5222d;
- }
- .has-error .ant-mention-wrapper .ant-mention-editor,
- .has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
- border-color: #f5222d;
- }
- .has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
- .has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
- border-color: #ff4d4f;
- box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
- border-right-width: 1px !important;
- }
- .has-error .ant-cascader-picker:focus .ant-cascader-input {
- border-color: #ff4d4f;
- box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
- border-right-width: 1px !important;
- }
- .is-validating.has-feedback .ant-form-item-children-icon {
- color: @primary-color;
- }
- .ant-input-number {
- color: #000000;
- background-color: #fff;
- background-image: none;
- border: 1px solid #d9d9d9;
- border-radius: 2px;
- }
- .ant-input-number::-moz-placeholder {
- color: #bfbfbf;
- }
- .ant-input-number:-ms-input-placeholder {
- color: #bfbfbf;
- }
- .ant-input-number::-webkit-input-placeholder {
- color: #bfbfbf;
- }
- .ant-input-number:hover {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- border-right-width: 1px !important;
- }
- .ant-input-number:focus {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
- border-right-width: 1px !important;
- }
- .ant-input-number-disabled {
- background-color: #f5f5f5;
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-input-number-disabled:hover {
- border-color: #e6d8d8;
- border-right-width: 1px !important;
- }
- .ant-input-number-handler {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-input-number-handler:active {
- background: #f4f4f4;
- }
- .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
- .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
- color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-input-number-handler-up-inner,
- .ant-input-number-handler-down-inner {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-input-number:hover {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- border-right-width: 1px !important;
- }
- .ant-input-number-focused {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
- border-right-width: 1px !important;
- }
- .ant-input-number-disabled {
- background-color: #f5f5f5;
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-input-number-disabled:hover {
- border-color: #e6d8d8;
- border-right-width: 1px !important;
- }
- .ant-input-number-input {
- background-color: transparent;
- border: 0;
- border-radius: 2px;
- }
- .ant-input-number-input::-moz-placeholder {
- color: #bfbfbf;
- }
- .ant-input-number-input:-ms-input-placeholder {
- color: #bfbfbf;
- }
- .ant-input-number-input::-webkit-input-placeholder {
- color: #bfbfbf;
- }
- .ant-input-number-handler-wrap {
- border-left: 1px solid #d9d9d9;
- background: #fff;
- border-radius: 0 2px 2px 0;
- }
- .ant-input-number-handler-down {
- border-top: 1px solid #d9d9d9;
- }
- .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
- .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-input {
- color: #000000;
- background-color: #fff;
- background-image: none;
- border: 1px solid #d9d9d9;
- border-radius: 2px;
- }
- .ant-input::-moz-placeholder {
- color: #bfbfbf;
- }
- .ant-input:-ms-input-placeholder {
- color: #bfbfbf;
- }
- .ant-input::-webkit-input-placeholder {
- color: #bfbfbf;
- }
- .ant-input:hover {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- border-right-width: 1px !important;
- }
- .ant-input:focus {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
- border-right-width: 1px !important;
- }
- .ant-input-disabled {
- background-color: #f5f5f5;
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-input-disabled:hover {
- border-color: #e6d8d8;
- border-right-width: 1px !important;
- }
- .ant-input-group {
- color: #000000;
- border-collapse: separate;
- border-spacing: 0;
- }
- .ant-input-group-addon:not(:first-child):not(:last-child),
- .ant-input-group-wrap:not(:first-child):not(:last-child),
- .ant-input-group > .ant-input:not(:first-child):not(:last-child) {
- border-radius: 0;
- }
- .ant-input-group .ant-input:focus {
- border-right-width: 1px;
- }
- .ant-input-group .ant-input:hover {
- border-right-width: 1px;
- }
- .ant-input-group-addon {
- color: #000000;
- background-color: @primary-color;
- border: 1px solid #d9d9d9;
- border-radius: 2px;
- }
- .ant-input-group-addon .ant-select .ant-select-selection {
- background-color: inherit;
- border: 1px solid transparent;
- box-shadow: none;
- }
- .ant-input-group-addon .ant-select-open .ant-select-selection,
- .ant-input-group-addon .ant-select-focused .ant-select-selection {
- color: @primary-color;
- }
- .ant-input-group > .ant-input:first-child,
- .ant-input-group-addon:first-child {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
- }
- .ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
- .ant-input-group-addon:first-child .ant-select .ant-select-selection {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
- }
- .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
- }
- .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
- }
- .ant-input-group-addon:first-child {
- border-right: 0;
- }
- .ant-input-group-addon:last-child {
- border-left: 0;
- }
- .ant-input-group > .ant-input:last-child,
- .ant-input-group-addon:last-child {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
- }
- .ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
- .ant-input-group-addon:last-child .ant-select .ant-select-selection {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
- }
- .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
- .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
- .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
- border-right-width: 1px;
- border-right-color: transparent;
- }
- .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
- .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
- .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- border-right-width: 1px !important;
- }
- .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
- .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
- .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
- border-right-width: 1px !important;
- }
- .ant-input-group.ant-input-group-compact > * {
- border-radius: 0;
- border-right-width: 0;
- }
- .ant-input-group.ant-input-group-compact > span:not(:last-child) > .ant-input {
- border-right-width: 0;
- }
- .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
- .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
- .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
- .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input {
- border-radius: 0;
- border-right-width: 1px;
- border-right-color: transparent;
- }
- .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover,
- .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover,
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
- .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover,
- .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- border-right-width: 1px !important;
- }
- .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus,
- .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus,
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
- .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus,
- .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
- border-right-width: 1px !important;
- }
- .ant-input-group.ant-input-group-compact > *:first-child,
- .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
- .ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
- .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
- .ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .ant-input-group.ant-input-group-compact > *:last-child,
- .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
- .ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
- .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
- .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- border-right-width: 1px;
- border-right-color: #d9d9d9;
- }
- .ant-input-group.ant-input-group-compact > *:last-child:hover,
- .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection:hover,
- .ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input:hover,
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input:hover,
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input:hover,
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input:hover,
- .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor:hover,
- .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input:hover {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- border-right-width: 1px !important;
- }
- .ant-input-group.ant-input-group-compact > *:last-child:focus,
- .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection:focus,
- .ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input:focus,
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input:focus,
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input:focus,
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input:focus,
- .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor:focus,
- .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input:focus {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
- border-right-width: 1px !important;
- }
- .ant-input-group.ant-input-group-compact > *:last-child:focus .ant-cascader-input,
- .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection:focus .ant-cascader-input,
- .ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input:focus .ant-cascader-input,
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input:focus .ant-cascader-input,
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input:focus .ant-cascader-input,
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input:focus .ant-cascader-input,
- .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor:focus .ant-cascader-input,
- .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input:focus .ant-cascader-input {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
- border-right-width: 1px !important;
- }
- .ant-input-affix-wrapper {
- color: #000000;
- }
- .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- border-right-width: 1px !important;
- }
- .ant-input-affix-wrapper .ant-input-prefix,
- .ant-input-affix-wrapper .ant-input-suffix {
- color: #000000;
- }
- .ant-input-search-icon {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-input-search-icon:hover {
- color: #333;
- }
- .ant-input-search > .ant-input-suffix > .ant-input-search-button {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .ant-layout {
- background: #f0f2f5;
- }
- .ant-layout-header {
- background: @primary-color;
- }
- .ant-layout-footer {
- background: #f0f2f5;
- color: #000000;
- }
- .ant-layout-sider {
- background: @primary-color;
- }
- .ant-layout-sider-trigger {
- color: #fff;
- background: #002140;
- }
- .ant-layout-sider-zero-width-trigger {
- background: @primary-color;
- color: #fff;
- border-radius: 0 2px 2px 0;
- }
- .ant-layout-sider-zero-width-trigger:hover {
- background: #464a64;
- }
- .ant-layout-sider-light {
- background: #f9f9f9;
- }
- .ant-layout-sider-light .ant-layout-sider-trigger {
- color: #000000;
- background: #fff;
- }
- .ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
- color: #000000;
- background: #fff;
- }
- .ant-list {
- color: #000000;
- }
- .ant-list-empty-text {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-list-item-meta-title {
- color: #000000;
- }
- .ant-list-item-meta-title > a {
- color: #000000;
- }
- .ant-list-item-meta-title > a:hover {
- color: @primary-color;
- }
- .ant-list-item-meta-description {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-list-item-action > li {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-list-item-action-split {
- background-color: #e8e8e8;
- }
- .ant-list-empty {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-list-split .ant-list-item {
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-list-split .ant-list-item:last-child {
- border-bottom: none;
- }
- .ant-list-split .ant-list-header {
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-list-something-after-last-item .ant-spin-container > .ant-list-item:last-child {
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-list-vertical .ant-list-item-meta-title {
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-list-vertical .ant-list-item-content {
- color: #000000;
- }
- .ant-list-grid .ant-list-item {
- border-bottom: none;
- }
- .ant-list-bordered {
- border-radius: 2px;
- border: 1px solid #d9d9d9;
- }
- .ant-list-bordered .ant-list-item {
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-mention-wrapper {
- color: #000000;
- }
- .ant-mention-wrapper .ant-mention-editor {
- color: #000000;
- background-color: #fff;
- background-image: none;
- border: 1px solid #d9d9d9;
- border-radius: 2px;
- }
- .ant-mention-wrapper .ant-mention-editor::-moz-placeholder {
- color: #bfbfbf;
- }
- .ant-mention-wrapper .ant-mention-editor:-ms-input-placeholder {
- color: #bfbfbf;
- }
- .ant-mention-wrapper .ant-mention-editor::-webkit-input-placeholder {
- color: #bfbfbf;
- }
- .ant-mention-wrapper .ant-mention-editor:hover {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- border-right-width: 1px !important;
- }
- .ant-mention-wrapper .ant-mention-editor:focus {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
- border-right-width: 1px !important;
- }
- .ant-mention-wrapper .ant-mention-editor-disabled {
- background-color: #f5f5f5;
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-mention-wrapper .ant-mention-editor-disabled:hover {
- border-color: #e6d8d8;
- border-right-width: 1px !important;
- }
- .ant-mention-wrapper.ant-mention-active:not(.disabled) .ant-mention-editor {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
- border-right-width: 1px !important;
- }
- .ant-mention-wrapper.disabled .ant-mention-editor {
- background-color: #f5f5f5;
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-mention-wrapper.disabled .ant-mention-editor:hover {
- border-color: #e6d8d8;
- border-right-width: 1px !important;
- }
- .ant-mention-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
- color: #bfbfbf;
- }
- .ant-mention-dropdown {
- color: #000000;
- background-color: #fff;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
- border-radius: 2px;
- }
- .ant-mention-dropdown-notfound.ant-mention-dropdown-item {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-mention-dropdown-notfound.ant-mention-dropdown-item .anticon-loading {
- color: @primary-color;
- }
- .ant-mention-dropdown-item {
- color: #000000;
- }
- .ant-mention-dropdown-item:hover {
- background-color: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-mention-dropdown-item.focus,
- .ant-mention-dropdown-item-active {
- background-color: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-mention-dropdown-item-disabled {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-mention-dropdown-item-disabled:hover {
- color: rgba(0, 0, 0, 0.25);
- background-color: #fff;
- }
- .ant-mention-dropdown-item-selected,
- .ant-mention-dropdown-item-selected:hover {
- background-color: #f5f5f5;
- color: #000000;
- }
- .ant-mention-dropdown-item-divider {
- background-color: #e8e8e8;
- }
- .ant-menu {
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
- color: #000000;
- background: #fff;
- }
- .ant-menu-item-group-title {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-menu-item:active,
- .ant-menu-submenu-title:active {
- background: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-menu-item > a {
- color: #000000;
- }
- .ant-menu-item > a:hover {
- color: @primary-color;
- }
- .ant-menu-item > a:before {
- background-color: transparent;
- }
- .ant-menu-item-divider {
- background-color: #e8e8e8;
- }
- .ant-menu-item:hover,
- .ant-menu-item-active,
- .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
- .ant-menu-submenu-active,
- .ant-menu-submenu-title:hover {
- color: @primary-color;
- }
- .ant-menu-horizontal > .ant-menu-item:hover,
- .ant-menu-horizontal > .ant-menu-item-active,
- .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
- background-color: transparent;
- }
- .ant-menu-item-selected {
- color: @primary-color;
- }
- .ant-menu-item-selected > a,
- .ant-menu-item-selected > a:hover {
- color: @primary-color;
- }
- .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
- background-color: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-menu-inline,
- .ant-menu-vertical,
- .ant-menu-vertical-left {
- border-right: 1px solid #e8e8e8;
- }
- .ant-menu-vertical-right {
- border-left: 1px solid #e8e8e8;
- }
- .ant-menu-vertical.ant-menu-sub,
- .ant-menu-vertical-left.ant-menu-sub,
- .ant-menu-vertical-right.ant-menu-sub {
- border-right: 0;
- }
- .ant-menu-vertical.ant-menu-sub .ant-menu-item,
- .ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
- .ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
- border-right: 0;
- }
- .ant-menu-vertical.ant-menu-sub .ant-menu-item:after,
- .ant-menu-vertical-left.ant-menu-sub .ant-menu-item:after,
- .ant-menu-vertical-right.ant-menu-sub .ant-menu-item:after {
- border-right: 0;
- }
- .ant-menu > .ant-menu-item-divider {
- background-color: #e8e8e8;
- }
- .ant-menu-submenu-popup {
- border-radius: 2px;
- }
- .ant-menu-submenu > .ant-menu {
- background-color: #fff;
- border-radius: 2px;
- }
- .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
- .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
- .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
- .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
- .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
- .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
- .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
- .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow:after {
- background: #fff;
- background-image: linear-gradient(to right, #000000, #000000);
- border-radius: 2px;
- }
- .ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
- .ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
- .ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
- .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
- .ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
- .ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
- .ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
- .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before {
- background: linear-gradient(to right, @primary-color, @primary-color);
- }
- .ant-menu-vertical .ant-menu-submenu-selected,
- .ant-menu-vertical-left .ant-menu-submenu-selected,
- .ant-menu-vertical-right .ant-menu-submenu-selected {
- color: @primary-color;
- }
- .ant-menu-vertical .ant-menu-submenu-selected > a,
- .ant-menu-vertical-left .ant-menu-submenu-selected > a,
- .ant-menu-vertical-right .ant-menu-submenu-selected > a {
- color: @primary-color;
- }
- .ant-menu-horizontal {
- border: 0;
- border-bottom: 1px solid #e8e8e8;
- box-shadow: none;
- }
- .ant-menu-horizontal > .ant-menu-item,
- .ant-menu-horizontal > .ant-menu-submenu {
- border-bottom: 2px solid transparent;
- }
- .ant-menu-horizontal > .ant-menu-item:hover,
- .ant-menu-horizontal > .ant-menu-submenu:hover,
- .ant-menu-horizontal > .ant-menu-item-active,
- .ant-menu-horizontal > .ant-menu-submenu-active,
- .ant-menu-horizontal > .ant-menu-item-open,
- .ant-menu-horizontal > .ant-menu-submenu-open,
- .ant-menu-horizontal > .ant-menu-item-selected,
- .ant-menu-horizontal > .ant-menu-submenu-selected {
- border-bottom: 2px solid @primary-color;
- color: @primary-color;
- }
- .ant-menu-horizontal > .ant-menu-item > a {
- color: #000000;
- }
- .ant-menu-horizontal > .ant-menu-item > a:hover {
- color: @primary-color;
- }
- .ant-menu-horizontal > .ant-menu-item-selected > a {
- color: @primary-color;
- }
- .ant-menu-vertical .ant-menu-item:after,
- .ant-menu-vertical-left .ant-menu-item:after,
- .ant-menu-vertical-right .ant-menu-item:after,
- .ant-menu-inline .ant-menu-item:after {
- border-right: 3px solid @primary-color;
- }
- .ant-menu-inline-collapsed-tooltip a {
- color: rgba(255, 255, 255, 0.85);
- }
- .ant-menu-root.ant-menu-vertical,
- .ant-menu-root.ant-menu-vertical-left,
- .ant-menu-root.ant-menu-vertical-right,
- .ant-menu-root.ant-menu-inline {
- box-shadow: none;
- }
- .ant-menu-sub.ant-menu-inline {
- border: 0;
- box-shadow: none;
- border-radius: 0;
- }
- .ant-menu-item-disabled,
- .ant-menu-submenu-disabled {
- color: rgba(0, 0, 0, 0.25) !important;
- background: none;
- border-color: transparent !important;
- }
- .ant-menu-item-disabled > a,
- .ant-menu-submenu-disabled > a {
- color: rgba(0, 0, 0, 0.25) !important;
- }
- .ant-menu-item-disabled > .ant-menu-submenu-title,
- .ant-menu-submenu-disabled > .ant-menu-submenu-title {
- color: rgba(0, 0, 0, 0.25) !important;
- }
- .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
- .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
- .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
- .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after {
- background: rgba(0, 0, 0, 0.25) !important;
- }
- .ant-menu-dark,
- .ant-menu-dark .ant-menu-sub {
- color: rgba(255, 255, 255, 0.65);
- background: @primary-color;
- }
- .ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
- .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
- .ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
- .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:before {
- background: #fff;
- }
- .ant-menu-dark.ant-menu-submenu-popup {
- background: transparent;
- }
- .ant-menu-dark .ant-menu-inline.ant-menu-sub {
- background: #000c17;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
- }
- .ant-menu-dark.ant-menu-horizontal {
- border-bottom: 0;
- }
- .ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
- .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
- border-color: @primary-color;
- border-bottom: 0;
- }
- .ant-menu-dark .ant-menu-item,
- .ant-menu-dark .ant-menu-item-group-title,
- .ant-menu-dark .ant-menu-item > a {
- color: rgba(255, 255, 255, 0.65);
- }
- .ant-menu-dark.ant-menu-inline,
- .ant-menu-dark.ant-menu-vertical,
- .ant-menu-dark.ant-menu-vertical-left,
- .ant-menu-dark.ant-menu-vertical-right {
- border-right: 0;
- }
- .ant-menu-dark.ant-menu-inline .ant-menu-item,
- .ant-menu-dark.ant-menu-vertical .ant-menu-item,
- .ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
- .ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
- border-right: 0;
- }
- .ant-menu-dark.ant-menu-inline .ant-menu-item:after,
- .ant-menu-dark.ant-menu-vertical .ant-menu-item:after,
- .ant-menu-dark.ant-menu-vertical-left .ant-menu-item:after,
- .ant-menu-dark.ant-menu-vertical-right .ant-menu-item:after {
- border-right: 0;
- }
- .ant-menu-dark .ant-menu-item:hover,
- .ant-menu-dark .ant-menu-item-active,
- .ant-menu-dark .ant-menu-submenu-active,
- .ant-menu-dark .ant-menu-submenu-open,
- .ant-menu-dark .ant-menu-submenu-selected,
- .ant-menu-dark .ant-menu-submenu-title:hover {
- background-color: transparent;
- color: #fff;
- }
- .ant-menu-dark .ant-menu-item:hover > a,
- .ant-menu-dark .ant-menu-item-active > a,
- .ant-menu-dark .ant-menu-submenu-active > a,
- .ant-menu-dark .ant-menu-submenu-open > a,
- .ant-menu-dark .ant-menu-submenu-selected > a,
- .ant-menu-dark .ant-menu-submenu-title:hover > a {
- color: #fff;
- }
- .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
- .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
- .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
- .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
- .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
- .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
- .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
- .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
- .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
- .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
- .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
- .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
- .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
- .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
- .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
- .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
- .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
- .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
- .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before,
- .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before,
- .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before,
- .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before,
- .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before,
- .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before {
- background: #fff;
- }
- .ant-menu-dark .ant-menu-item-selected {
- border-right: 0;
- color: #fff;
- }
- .ant-menu-dark .ant-menu-item-selected:after {
- border-right: 0;
- }
- .ant-menu-dark .ant-menu-item-selected > a,
- .ant-menu-dark .ant-menu-item-selected > a:hover {
- color: #fff;
- }
- .ant-menu.ant-menu-dark .ant-menu-item-selected,
- .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
- background-color: @primary-color;
- }
- .ant-menu-dark .ant-menu-item-disabled,
- .ant-menu-dark .ant-menu-submenu-disabled,
- .ant-menu-dark .ant-menu-item-disabled > a,
- .ant-menu-dark .ant-menu-submenu-disabled > a {
- color: rgba(255, 255, 255, 0.35) !important;
- }
- .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
- .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
- color: rgba(255, 255, 255, 0.35) !important;
- }
- .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
- .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
- .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
- .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after {
- background: rgba(255, 255, 255, 0.35) !important;
- }
- .ant-message {
- color: #000000;
- }
- .ant-message-notice-content {
- border-radius: 2px;
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
- background: #fff;
- }
- .ant-message-success .anticon {
- color: #52c41a;
- }
- .ant-message-error .anticon {
- color: #f5222d;
- }
- .ant-message-warning .anticon {
- color: #faad14;
- }
- .ant-message-info .anticon,
- .ant-message-loading .anticon {
- color: #1890ff;
- }
- .ant-modal {
- color: #000000;
- }
- .ant-modal-title {
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-modal-content {
- background-color: #fff;
- border: 0;
- border-radius: 2px;
- background-clip: padding-box;
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
- }
- .ant-modal-close {
- border: 0;
- background: transparent;
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-modal-close:focus,
- .ant-modal-close:hover {
- color: #444;
- }
- .ant-modal-header {
- border-radius: 2px 2px 0 0;
- background: #fff;
- color: #000000;
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-modal-footer {
- border-top: 1px solid #e8e8e8;
- border-radius: 0 0 2px 2px;
- }
- .ant-modal-mask {
- background-color: rgba(0, 0, 0, 0.65);
- }
- .ant-modal-confirm-body .ant-modal-confirm-title {
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-modal-confirm-body .ant-modal-confirm-content {
- color: #000000;
- }
- .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
- color: #f5222d;
- }
- .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
- .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
- color: #faad14;
- }
- .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
- color: #1890ff;
- }
- .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
- color: #52c41a;
- }
- .ant-notification {
- color: #000000;
- }
- .ant-notification-notice {
- border-radius: 2px;
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
- background: #fff;
- }
- .ant-notification-notice-message {
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-notification-notice-message-single-line-auto-margin {
- background-color: transparent;
- }
- .ant-notification-notice-icon-success {
- color: #52c41a;
- }
- .ant-notification-notice-icon-info {
- color: #1890ff;
- }
- .ant-notification-notice-icon-warning {
- color: #faad14;
- }
- .ant-notification-notice-icon-error {
- color: #f5222d;
- }
- .ant-notification-notice-close {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-notification-notice-close:hover {
- color: rgba(0, 0, 0, 0.67);
- }
- .ant-pagination {
- color: #000000;
- }
- .ant-pagination-item {
- border-radius: 2px;
- border: 1px solid #d9d9d9;
- background-color: #fff;
- }
- .ant-pagination-item a {
- color: #000000;
- }
- .ant-pagination-item:focus,
- .ant-pagination-item:hover {
- border-color: @primary-color;
- }
- .ant-pagination-item:focus a,
- .ant-pagination-item:hover a {
- color: @primary-color;
- }
- .ant-pagination-item-active {
- border-color: @primary-color;
- }
- .ant-pagination-item-active a {
- color: @primary-color;
- }
- .ant-pagination-item-active:focus,
- .ant-pagination-item-active:hover {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-pagination-item-active:focus a,
- .ant-pagination-item-active:hover a {
- color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
- .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
- color: @primary-color;
- }
- .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
- .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-pagination-prev,
- .ant-pagination-next,
- .ant-pagination-jump-prev,
- .ant-pagination-jump-next {
- color: #000000;
- border-radius: 2px;
- }
- .ant-pagination-prev a,
- .ant-pagination-next a {
- color: #000000;
- }
- .ant-pagination-prev:hover a,
- .ant-pagination-next:hover a {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-pagination-prev .ant-pagination-item-link,
- .ant-pagination-next .ant-pagination-item-link {
- border: 1px solid #d9d9d9;
- background-color: #fff;
- border-radius: 2px;
- }
- .ant-pagination-prev:focus .ant-pagination-item-link,
- .ant-pagination-next:focus .ant-pagination-item-link,
- .ant-pagination-prev:hover .ant-pagination-item-link,
- .ant-pagination-next:hover .ant-pagination-item-link {
- border-color: @primary-color;
- color: @primary-color;
- }
- .ant-pagination-disabled a,
- .ant-pagination-disabled:hover a,
- .ant-pagination-disabled:focus a,
- .ant-pagination-disabled .ant-pagination-item-link,
- .ant-pagination-disabled:hover .ant-pagination-item-link,
- .ant-pagination-disabled:focus .ant-pagination-item-link {
- border-color: #d9d9d9;
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-pagination-options-quick-jumper input {
- color: #000000;
- background-color: #fff;
- background-image: none;
- border: 1px solid #d9d9d9;
- border-radius: 2px;
- }
- .ant-pagination-options-quick-jumper input::-moz-placeholder {
- color: #bfbfbf;
- }
- .ant-pagination-options-quick-jumper input:-ms-input-placeholder {
- color: #bfbfbf;
- }
- .ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
- color: #bfbfbf;
- }
- .ant-pagination-options-quick-jumper input:hover {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- border-right-width: 1px !important;
- }
- .ant-pagination-options-quick-jumper input:focus {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
- border-right-width: 1px !important;
- }
- .ant-pagination-options-quick-jumper input-disabled {
- background-color: #f5f5f5;
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-pagination-options-quick-jumper input-disabled:hover {
- border-color: #e6d8d8;
- border-right-width: 1px !important;
- }
- .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
- .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
- border: 0;
- }
- .ant-pagination-simple .ant-pagination-simple-pager input {
- background-color: #fff;
- border-radius: 2px;
- border: 1px solid #d9d9d9;
- }
- .ant-pagination-simple .ant-pagination-simple-pager input:hover {
- border-color: @primary-color;
- }
- .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
- background: transparent;
- border-color: transparent;
- }
- .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
- .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
- border-color: transparent;
- background: transparent;
- }
- .ant-popover {
- color: #000000;
- }
- .ant-popover:after {
- background: rgba(255, 255, 255, 0.01);
- }
- .ant-popover-inner {
- background-color: #fff;
- background-clip: padding-box;
- border-radius: 2px;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
- }
- .ant-popover-title {
- border-bottom: 1px solid #e8e8e8;
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-popover-inner-content {
- color: #000000;
- }
- .ant-popover-message {
- color: #000000;
- }
- .ant-popover-message > .anticon {
- color: #faad14;
- }
- .ant-popover-arrow {
- background: #fff;
- border-color: transparent;
- border-style: solid;
- }
- .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
- .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
- .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
- }
- .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
- .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
- .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
- box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
- }
- .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
- .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
- .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
- box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
- }
- .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
- .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
- .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
- box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
- }
- .ant-progress {
- color: #000000;
- }
- .ant-progress-inner {
- background-color: #f5f5f5;
- border-radius: 100px;
- }
- .ant-progress-success-bg,
- .ant-progress-bg {
- background-color: #1890ff;
- }
- .ant-progress-success-bg {
- background-color: #52c41a;
- }
- .ant-progress-text {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-progress-status-active .ant-progress-bg:before {
- background: #fff;
- border-radius: 10px;
- }
- .ant-progress-status-exception .ant-progress-bg {
- background-color: #f5222d;
- }
- .ant-progress-status-exception .ant-progress-text {
- color: #f5222d;
- }
- .ant-progress-status-success .ant-progress-bg {
- background-color: #52c41a;
- }
- .ant-progress-status-success .ant-progress-text {
- color: #52c41a;
- }
- .ant-progress-circle .ant-progress-inner {
- background-color: transparent;
- }
- .ant-progress-circle .ant-progress-text {
- color: #000000;
- }
- .ant-progress-circle.ant-progress-status-exception .ant-progress-text {
- color: #f5222d;
- }
- .ant-progress-circle.ant-progress-status-success .ant-progress-text {
- color: #52c41a;
- }
- .ant-radio-group {
- color: #000000;
- }
- .ant-radio-wrapper {
- color: #000000;
- }
- .ant-radio {
- color: #000000;
- }
- .ant-radio-wrapper:hover .ant-radio .ant-radio-inner,
- .ant-radio:hover .ant-radio-inner,
- .ant-radio-focused .ant-radio-inner {
- border-color: @primary-color;
- }
- .ant-radio-checked:after {
- border-radius: 50%;
- border: 1px solid @primary-color;
- }
- .ant-radio-inner {
- border-width: 1px;
- border-style: solid;
- border-radius: 100px;
- border-color: #d9d9d9;
- background-color: #fff;
- }
- .ant-radio-inner:after {
- border-radius: 8px;
- border-top: 0;
- border-left: 0;
- background-color: @primary-color;
- }
- .ant-radio-checked .ant-radio-inner {
- border-color: @primary-color;
- }
- .ant-radio-disabled .ant-radio-inner {
- border-color: #d9d9d9 !important;
- background-color: #f5f5f5;
- }
- .ant-radio-disabled .ant-radio-inner:after {
- background-color: #ccc;
- }
- .ant-radio-disabled + span {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-radio-button-wrapper {
- color: #000000;
- border: 1px solid #d9d9d9;
- border-left: 0;
- border-top-width: 1.02px;
- background: #fff;
- }
- .ant-radio-button-wrapper a {
- color: #000000;
- }
- .ant-radio-button-wrapper:not(:first-child)::before {
- background-color: #d9d9d9;
- }
- .ant-radio-button-wrapper:first-child {
- border-radius: 2px 0 0 2px;
- border-left: 1px solid #d9d9d9;
- }
- .ant-radio-button-wrapper:last-child {
- border-radius: 0 2px 2px 0;
- }
- .ant-radio-button-wrapper:first-child:last-child {
- border-radius: 2px;
- }
- .ant-radio-button-wrapper:hover,
- .ant-radio-button-wrapper-focused {
- color: @primary-color;
- }
- .ant-radio-button-wrapper-checked {
- background: #fff;
- border-color: @primary-color;
- color: @primary-color;
- box-shadow: -1px 0 0 0 @primary-color;
- }
- .ant-radio-button-wrapper-checked::before {
- background-color: @primary-color !important;
- }
- .ant-radio-button-wrapper-checked:first-child {
- border-color: @primary-color;
- box-shadow: none !important;
- }
- .ant-radio-button-wrapper-checked:hover {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- box-shadow: -1px 0 0 0 color(~`colorPalette("@{primary-color}", 5)`);
- color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-radio-button-wrapper-checked:active {
- border-color: color(~`colorPalette("@{primary-color}", 7)`);
- box-shadow: -1px 0 0 0 color(~`colorPalette("@{primary-color}", 7)`);
- color: color(~`colorPalette("@{primary-color}", 7)`);
- }
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
- background: @primary-color;
- border-color: @primary-color;
- color: #fff;
- }
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- background: color(~`colorPalette("@{primary-color}", 5)`);
- color: #fff;
- }
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
- border-color: color(~`colorPalette("@{primary-color}", 7)`);
- background: color(~`colorPalette("@{primary-color}", 7)`);
- color: #fff;
- }
- .ant-radio-button-wrapper-disabled {
- border-color: #d9d9d9;
- background-color: #f5f5f5;
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-radio-button-wrapper-disabled:first-child,
- .ant-radio-button-wrapper-disabled:hover {
- border-color: #d9d9d9;
- background-color: #f5f5f5;
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-radio-button-wrapper-disabled:first-child {
- border-left-color: #d9d9d9;
- }
- .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
- color: #fff;
- background-color: #e6e6e6;
- border-color: #d9d9d9;
- box-shadow: none;
- }
- .ant-rate {
- color: #000000;
- color: #fadb14;
- }
- .ant-rate-star {
- color: inherit;
- }
- .ant-rate-star-first,
- .ant-rate-star-second {
- color: #e8e8e8;
- }
- .ant-rate-star-half .ant-rate-star-first,
- .ant-rate-star-full .ant-rate-star-second {
- color: inherit;
- }
- .ant-select {
- color: #000000;
- }
- .ant-select > ul > li > a {
- background-color: #fff;
- }
- .ant-select-arrow {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-select-selection {
- background-color: #fff;
- border-radius: 2px;
- border: 1px solid #d9d9d9;
- border-top-width: 1.02px;
- }
- .ant-select-selection:hover {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- border-right-width: 1px !important;
- }
- .ant-select-focused .ant-select-selection,
- .ant-select-selection:focus,
- .ant-select-selection:active {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
- border-right-width: 1px !important;
- }
- .ant-select-selection__clear {
- background: #fff;
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-select-selection__clear:hover {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-select-disabled {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-select-disabled .ant-select-selection {
- background: #f5f5f5;
- }
- .ant-select-disabled .ant-select-selection:hover,
- .ant-select-disabled .ant-select-selection:focus,
- .ant-select-disabled .ant-select-selection:active {
- border-color: #d9d9d9;
- box-shadow: none;
- }
- .ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
- background: #f5f5f5;
- color: #aaa;
- }
- .ant-select-disabled .ant-select-selection__choice__remove {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-select-disabled .ant-select-selection__choice__remove:hover {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-select-selection__placeholder,
- .ant-select-search__field__placeholder {
- color: #bfbfbf;
- }
- .ant-select-search--inline .ant-select-search__field {
- border-width: 0;
- background: transparent;
- border-radius: 2px;
- }
- .ant-select-selection--multiple .ant-select-selection__choice {
- color: #000000;
- background-color: #fafafa;
- border: 1px solid #e8e8e8;
- border-radius: 2px;
- }
- .ant-select-selection--multiple .ant-select-selection__choice__remove {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
- color: #404040;
- }
- .ant-select-open .ant-select-selection {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
- border-right-width: 1px !important;
- }
- .ant-select-combobox .ant-select-search__field {
- box-shadow: none;
- }
- .ant-select-dropdown {
- color: #000000;
- background-color: #fff;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
- border-radius: 2px;
- }
- .ant-select-dropdown-menu-item-group-title {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child),
- .ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child {
- border-radius: 0;
- }
- .ant-select-dropdown-menu-item {
- color: #000000;
- }
- .ant-select-dropdown-menu-item:hover {
- background-color: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-select-dropdown-menu-item:first-child {
- border-radius: 2px 2px 0 0;
- }
- .ant-select-dropdown-menu-item:last-child {
- border-radius: 0 0 2px 2px;
- }
- .ant-select-dropdown-menu-item-disabled {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-select-dropdown-menu-item-disabled:hover {
- color: rgba(0, 0, 0, 0.25);
- background-color: #fff;
- }
- .ant-select-dropdown-menu-item-selected,
- .ant-select-dropdown-menu-item-selected:hover {
- background-color: #fafafa;
- color: #000000;
- }
- .ant-select-dropdown-menu-item-active {
- background-color: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-select-dropdown-menu-item-divider {
- background-color: #e8e8e8;
- }
- .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon {
- color: transparent;
- }
- .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
- color: #ddd;
- }
- .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
- .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
- color: @primary-color;
- }
- .ant-skeleton-header .ant-skeleton-avatar {
- background: #f2f2f2;
- }
- .ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
- border-radius: 50%;
- }
- .ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
- border-radius: 50%;
- }
- .ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
- border-radius: 50%;
- }
- .ant-skeleton-content .ant-skeleton-title {
- background: #f2f2f2;
- }
- .ant-skeleton-content .ant-skeleton-paragraph > li {
- background: #f2f2f2;
- }
- .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
- .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
- background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
- background-size: 400% 100%;
- }
- .ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
- background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
- background-size: 400% 100%;
- }
- .ant-slider {
- color: #000000;
- }
- .ant-slider-rail {
- border-radius: 2px;
- background-color: #f5f5f5;
- }
- .ant-slider-track {
- border-radius: 2px;
- background-color: color(~`colorPalette("@{primary-color}", 3)`);
- }
- .ant-slider-handle {
- border-radius: 50%;
- border: solid 2px color(~`colorPalette("@{primary-color}", 3)`);
- background-color: #fff;
- }
- .ant-slider-handle:focus {
- border-color: #5a5e75;
- box-shadow: 0 0 0 5px #989ba9;
- }
- .ant-slider-handle.ant-tooltip-open {
- border-color: @primary-color;
- }
- .ant-slider:hover .ant-slider-rail {
- background-color: #e1e1e1;
- }
- .ant-slider:hover .ant-slider-track {
- background-color: color(~`colorPalette("@{primary-color}", 4)`);
- }
- .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
- border-color: color(~`colorPalette("@{primary-color}", 4)`);
- }
- .ant-slider-mark-text {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-slider-mark-text-active {
- color: #000000;
- }
- .ant-slider-step {
- background: transparent;
- }
- .ant-slider-dot {
- border: 2px solid #e8e8e8;
- background-color: #fff;
- border-radius: 50%;
- }
- .ant-slider-dot-active {
- border-color: #989ba9;
- }
- .ant-slider-disabled .ant-slider-track {
- background-color: rgba(0, 0, 0, 0.25) !important;
- }
- .ant-slider-disabled .ant-slider-handle,
- .ant-slider-disabled .ant-slider-dot {
- border-color: rgba(0, 0, 0, 0.25) !important;
- background-color: #fff;
- box-shadow: none;
- }
- .ant-spin {
- color: #000000;
- color: @primary-color;
- }
- .ant-spin-blur:after {
- background: #fff;
- }
- .ant-spin-tip {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-spin-dot i {
- border-radius: 100%;
- background-color: @primary-color;
- }
- .ant-steps {
- color: #000000;
- }
- .ant-steps-item-icon {
- border: 1px solid rgba(0, 0, 0, 0.25);
- border-radius: 32px;
- }
- .ant-steps-item-icon > .ant-steps-icon {
- color: @primary-color;
- }
- .ant-steps-item-tail:after {
- background: #e8e8e8;
- border-radius: 1px;
- }
- .ant-steps-item-title {
- color: #000000;
- }
- .ant-steps-item-title:after {
- background: #e8e8e8;
- }
- .ant-steps-item-description {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-steps-item-wait .ant-steps-item-icon {
- border-color: rgba(0, 0, 0, 0.25);
- background-color: #fff;
- }
- .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
- background: rgba(0, 0, 0, 0.25);
- }
- .ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-title {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-title:after {
- background-color: #e8e8e8;
- }
- .ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-description {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-steps-item-wait > .ant-steps-item-tail:after {
- background-color: #e8e8e8;
- }
- .ant-steps-item-process .ant-steps-item-icon {
- border-color: @primary-color;
- background-color: #fff;
- }
- .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
- color: @primary-color;
- }
- .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
- background: @primary-color;
- }
- .ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-title {
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-title:after {
- background-color: #e8e8e8;
- }
- .ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-description {
- color: #000000;
- }
- .ant-steps-item-process > .ant-steps-item-tail:after {
- background-color: #e8e8e8;
- }
- .ant-steps-item-process .ant-steps-item-icon {
- background: @primary-color;
- }
- .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
- color: #fff;
- }
- .ant-steps-item-finish .ant-steps-item-icon {
- border-color: @primary-color;
- background-color: #fff;
- }
- .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
- color: @primary-color;
- }
- .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
- background: @primary-color;
- }
- .ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-title {
- color: #000000;
- }
- .ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-title:after {
- background-color: @primary-color;
- }
- .ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-description {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-steps-item-finish > .ant-steps-item-tail:after {
- background-color: @primary-color;
- }
- .ant-steps-item-error .ant-steps-item-icon {
- border-color: #f5222d;
- background-color: #fff;
- }
- .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
- color: #f5222d;
- }
- .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
- background: #f5222d;
- }
- .ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-title {
- color: #f5222d;
- }
- .ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-title:after {
- background-color: #e8e8e8;
- }
- .ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-description {
- color: #f5222d;
- }
- .ant-steps-item-error > .ant-steps-item-tail:after {
- background-color: #e8e8e8;
- }
- .ant-steps-item.ant-steps-next-error .ant-steps-item-title:after {
- background: #f5222d;
- }
- .ant-steps-item-custom .ant-steps-item-icon {
- background: none;
- border: 0;
- }
- .ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
- color: @primary-color;
- }
- .ant-steps-small .ant-steps-item-icon {
- border-radius: 24px;
- }
- .ant-steps-small .ant-steps-item-description {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
- border-radius: 0;
- border: 0;
- background: none;
- }
- .ant-steps-dot .ant-steps-item-icon {
- border: 0;
- background: transparent;
- }
- .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot {
- border-radius: 100px;
- }
- .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot:after {
- background: rgba(0, 0, 0, 0.001);
- }
- .ant-switch {
- color: #000000;
- border-radius: 100px;
- border: 1px solid transparent;
- background-color: rgba(0, 0, 0, 0.25);
- }
- .ant-switch-inner {
- color: #fff;
- }
- .ant-switch-loading-icon,
- .ant-switch:after {
- border-radius: 18px;
- background-color: #fff;
- }
- .ant-switch:after {
- box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
- }
- .ant-switch-loading-icon {
- background: transparent;
- }
- .ant-switch-loading .ant-switch-loading-icon {
- color: #000000;
- }
- .ant-switch-checked.ant-switch-loading .ant-switch-loading-icon {
- color: @primary-color;
- }
- .ant-switch:focus {
- box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
- }
- .ant-switch:focus:hover {
- box-shadow: none;
- }
- .ant-switch-checked {
- background-color: @primary-color;
- }
- .ant-table {
- color: #000000;
- }
- .ant-table table {
- border-collapse: collapse;
- border-radius: 2px 2px 0 0;
- }
- .ant-table-thead > tr > th {
- background: #fafafa;
- color: rgba(0, 0, 0, 0.85);
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-table-thead > tr > th .anticon-filter,
- .ant-table-thead > tr > th .ant-table-filter-icon {
- color: #bfbfbf;
- }
- .ant-table-thead > tr > th .ant-table-filter-selected.anticon-filter {
- color: @primary-color;
- }
- .ant-table-thead > tr > th .ant-table-column-sorter {
- color: #bfbfbf;
- }
- .ant-table-thead > tr > th .ant-table-column-sorter-up.on,
- .ant-table-thead > tr > th .ant-table-column-sorter-down.on {
- color: @primary-color;
- }
- .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
- .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open {
- color: rgba(0, 0, 0, 0.45);
- background: #ebebeb;
- }
- .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
- .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover {
- color: rgba(0, 0, 0, 0.45);
- background: #ebebeb;
- }
- .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:active,
- .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:active {
- color: #000000;
- }
- .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
- background: #f5f5f5;
- }
- .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter,
- .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .ant-table-filter-icon {
- background: #f5f5f5;
- }
- .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-up:not(.on),
- .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-down:not(.on) {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-table-thead > tr > th .ant-table-column-sorters:before {
- background: transparent;
- }
- .ant-table-thead > tr > th .ant-table-column-sorters:hover:before {
- background: rgba(0, 0, 0, 0.04);
- }
- .ant-table-thead > tr:first-child > th:first-child {
- border-top-left-radius: 2px;
- }
- .ant-table-thead > tr:first-child > th:last-child {
- border-top-right-radius: 2px;
- }
- .ant-table-thead > tr:not(:last-child) > th[colspan] {
- border-bottom: 0;
- }
- .ant-table-tbody > tr > td {
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-table-thead > tr.ant-table-row-hover > td,
- .ant-table-tbody > tr.ant-table-row-hover > td,
- .ant-table-thead > tr:hover > td,
- .ant-table-tbody > tr:hover > td {
- background: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-table-thead > tr:hover {
- background: none;
- }
- .ant-table-footer {
- background: #fafafa;
- border-radius: 0 0 2px 2px;
- border-top: 1px solid #e8e8e8;
- }
- .ant-table-footer:before {
- background: #fafafa;
- }
- .ant-table.ant-table-bordered .ant-table-footer {
- border: 1px solid #e8e8e8;
- }
- .ant-table-title {
- border-radius: 2px 2px 0 0;
- }
- .ant-table.ant-table-bordered .ant-table-title {
- border: 1px solid #e8e8e8;
- }
- .ant-table-title + .ant-table-content {
- border-radius: 2px 2px 0 0;
- }
- .ant-table-bordered .ant-table-title + .ant-table-content,
- .ant-table-bordered .ant-table-title + .ant-table-content table,
- .ant-table-bordered .ant-table-title + .ant-table-content .ant-table-thead > tr:first-child > th {
- border-radius: 0;
- }
- .ant-table-without-column-header .ant-table-title + .ant-table-content,
- .ant-table-without-column-header table {
- border-radius: 0;
- }
- .ant-table-tbody > tr.ant-table-row-selected td {
- background: #fbfbfb;
- }
- .ant-table-thead > tr > th.ant-table-column-sort {
- background: #f5f5f5;
- }
- .ant-table-tbody > tr > td.ant-table-column-sort {
- background: rgba(0, 0, 0, 0.01);
- }
- .ant-table-header {
- background: #fafafa;
- }
- .ant-table-header table {
- border-radius: 2px 2px 0 0;
- }
- .ant-table-loading .ant-table-body {
- background: #fff;
- }
- .ant-table-bordered .ant-table-header > table,
- .ant-table-bordered .ant-table-body > table,
- .ant-table-bordered .ant-table-fixed-left table,
- .ant-table-bordered .ant-table-fixed-right table {
- border: 1px solid #e8e8e8;
- border-right: 0;
- border-bottom: 0;
- }
- .ant-table-bordered.ant-table-empty .ant-table-placeholder {
- border-left: 1px solid #e8e8e8;
- border-right: 1px solid #e8e8e8;
- }
- .ant-table-bordered.ant-table-fixed-header .ant-table-header > table {
- border-bottom: 0;
- }
- .ant-table-bordered.ant-table-fixed-header .ant-table-body > table {
- border-top: 0;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- }
- .ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
- border-top: 0;
- }
- .ant-table-bordered.ant-table-fixed-header .ant-table-placeholder {
- border: 0;
- }
- .ant-table-bordered .ant-table-thead > tr:not(:last-child) > th {
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-table-bordered .ant-table-thead > tr > th,
- .ant-table-bordered .ant-table-tbody > tr > td {
- border-right: 1px solid #e8e8e8;
- }
- .ant-table-placeholder {
- background: #fff;
- border-bottom: 1px solid #e8e8e8;
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-table-filter-dropdown {
- background: #fff;
- border-radius: 2px;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
- }
- .ant-table-filter-dropdown .ant-dropdown-menu {
- border: 0;
- box-shadow: none;
- border-radius: 2px 2px 0 0;
- }
- .ant-table-filter-dropdown .ant-dropdown-menu-sub {
- border-radius: 2px;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
- }
- .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title:after {
- color: @primary-color;
- }
- .ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
- .ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
- border-radius: 0;
- }
- .ant-table-filter-dropdown-btns {
- border-top: 1px solid #e8e8e8;
- }
- .ant-table-filter-dropdown-link {
- color: @primary-color;
- }
- .ant-table-filter-dropdown-link:hover {
- color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-table-filter-dropdown-link:active {
- color: color(~`colorPalette("@{primary-color}", 7)`);
- }
- .ant-table-selection .anticon-down {
- color: #bfbfbf;
- }
- .ant-table-selection-menu {
- background: #fff;
- border-radius: 2px;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
- }
- .ant-table-selection-menu .ant-action-down {
- color: #bfbfbf;
- }
- .ant-table-selection-down:hover .anticon-down {
- color: #666;
- }
- .ant-table-row-expand-icon {
- border: 1px solid #e8e8e8;
- background: #fff;
- }
- tr.ant-table-expanded-row,
- tr.ant-table-expanded-row:hover {
- background: #fbfbfb;
- }
- .ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
- background: #fff;
- }
- .ant-table-fixed-left,
- .ant-table-fixed-right {
- border-radius: 0;
- }
- .ant-table-fixed-left table,
- .ant-table-fixed-right table {
- background: #fff;
- }
- .ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,
- .ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
- border-radius: 0;
- }
- .ant-table-fixed-left {
- box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
- }
- .ant-table-fixed-left,
- .ant-table-fixed-left table {
- border-radius: 2px 0 0 0;
- }
- .ant-table-fixed-left .ant-table-thead > tr > th:last-child {
- border-top-right-radius: 0;
- }
- .ant-table-fixed-right {
- box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
- }
- .ant-table-fixed-right,
- .ant-table-fixed-right table {
- border-radius: 0 2px 0 0;
- }
- .ant-table-fixed-right .ant-table-expanded-row {
- color: transparent;
- }
- .ant-table-fixed-right .ant-table-thead > tr > th:first-child {
- border-top-left-radius: 0;
- }
- .ant-table.ant-table-scroll-position-left .ant-table-fixed-left {
- box-shadow: none;
- }
- .ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
- box-shadow: none;
- }
- .ant-table-small {
- border: 1px solid #e8e8e8;
- border-radius: 2px;
- }
- .ant-table-small > .ant-table-title {
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-table-small > .ant-table-content > .ant-table-header > table,
- .ant-table-small > .ant-table-content > .ant-table-body > table,
- .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
- .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
- .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
- .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
- .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
- .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
- border: 0;
- }
- .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
- .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
- .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
- .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
- .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
- .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
- .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-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
- background: #fff;
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
- .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
- .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
- .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
- .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
- .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
- .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,
- .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 {
- background: rgba(0, 0, 0, 0.01);
- }
- .ant-table-small > .ant-table-content .ant-table-header {
- background: #fff;
- }
- .ant-table-small > .ant-table-content .ant-table-placeholder,
- .ant-table-small > .ant-table-content .ant-table-row:last-child td {
- border-bottom: 0;
- }
- .ant-table-small.ant-table-bordered {
- border-right: 0;
- }
- .ant-table-small.ant-table-bordered .ant-table-title {
- border: 0;
- border-bottom: 1px solid #e8e8e8;
- border-right: 1px solid #e8e8e8;
- }
- .ant-table-small.ant-table-bordered .ant-table-content {
- border-right: 1px solid #e8e8e8;
- }
- .ant-table-small.ant-table-bordered .ant-table-footer {
- border: 0;
- border-top: 1px solid #e8e8e8;
- border-right: 1px solid #e8e8e8;
- }
- .ant-table-small.ant-table-bordered .ant-table-placeholder {
- border-left: 0;
- border-bottom: 0;
- }
- .ant-table-small.ant-table-bordered .ant-table-thead > tr > th:last-child,
- .ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
- border-right: none;
- }
- .ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th:last-child,
- .ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td:last-child {
- border-right: 1px solid #e8e8e8;
- }
- .ant-table-small.ant-table-bordered .ant-table-fixed-right {
- border-right: 1px solid #e8e8e8;
- }
- .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
- border: 1px solid #e8e8e8;
- border-bottom: 0;
- border-radius: 2px 2px 0 0;
- background: #fafafa;
- }
- .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
- background: #fff;
- border-color: #e8e8e8;
- color: @primary-color;
- }
- .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .ant-tabs-close-x {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .ant-tabs-close-x:hover {
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-tabs-extra-content .ant-tabs-new-tab {
- border-radius: 2px;
- border: 1px solid #e8e8e8;
- color: #000000;
- }
- .ant-tabs-extra-content .ant-tabs-new-tab:hover {
- color: @primary-color;
- border-color: @primary-color;
- }
- .ant-tabs-vertical.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-tabs-vertical.ant-tabs-card.ant-tabs-left > .ant-tabs-bar .ant-tabs-tab {
- border-right: 0;
- border-radius: 2px 0 0 2px;
- }
- .ant-tabs-vertical.ant-tabs-card.ant-tabs-right > .ant-tabs-bar .ant-tabs-tab {
- border-left: 0;
- border-radius: 0 2px 2px 0;
- }
- .ant-tabs.ant-tabs-card.ant-tabs-bottom > .ant-tabs-bar .ant-tabs-tab {
- border-bottom: 1px solid #e8e8e8;
- border-top: 0;
- border-radius: 0 0 2px 2px;
- }
- .ant-tabs.ant-tabs-card.ant-tabs-bottom > .ant-tabs-bar .ant-tabs-tab-active {
- color: @primary-color;
- }
- .ant-tabs {
- color: #000000;
- }
- .ant-tabs-ink-bar {
- background-color: @primary-color;
- }
- .ant-tabs-bar {
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-tabs-bottom .ant-tabs-bar {
- border-bottom: none;
- border-top: 1px solid #e8e8e8;
- }
- .ant-tabs-tab-prev,
- .ant-tabs-tab-next {
- border: 0;
- background-color: transparent;
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-tabs-tab-prev:hover,
- .ant-tabs-tab-next:hover {
- color: #000000;
- }
- .ant-tabs-tab-btn-disabled,
- .ant-tabs-tab-btn-disabled:hover {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-tabs-nav .ant-tabs-tab-disabled {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-tabs-nav .ant-tabs-tab:hover {
- color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-tabs-nav .ant-tabs-tab:active {
- color: color(~`colorPalette("@{primary-color}", 7)`);
- }
- .ant-tabs-nav .ant-tabs-tab-active {
- color: @primary-color;
- }
- .ant-tabs-vertical > .ant-tabs-bar {
- border-bottom: 0;
- }
- .ant-tabs-vertical.ant-tabs-left > .ant-tabs-bar {
- border-right: 1px solid #e8e8e8;
- }
- .ant-tabs-vertical.ant-tabs-left > .ant-tabs-content {
- border-left: 1px solid #e8e8e8;
- }
- .ant-tabs-vertical.ant-tabs-right > .ant-tabs-bar {
- border-left: 1px solid #e8e8e8;
- }
- .ant-tabs-vertical.ant-tabs-right > .ant-tabs-content {
- border-right: 1px solid #e8e8e8;
- }
- .ant-tag {
- color: #000000;
- border-radius: 2px;
- border: 1px solid #d9d9d9;
- background: #fafafa;
- }
- .ant-tag,
- .ant-tag a,
- .ant-tag a:hover {
- color: #000000;
- }
- .ant-tag .anticon-close {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-tag .anticon-close:hover {
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-tag-has-color {
- border-color: transparent;
- }
- .ant-tag-has-color,
- .ant-tag-has-color a,
- .ant-tag-has-color a:hover,
- .ant-tag-has-color .anticon-close,
- .ant-tag-has-color .anticon-close:hover {
- color: #fff;
- }
- .ant-tag-checkable {
- background-color: transparent;
- border-color: transparent;
- }
- .ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
- color: @primary-color;
- }
- .ant-tag-checkable:active,
- .ant-tag-checkable-checked {
- color: #fff;
- }
- .ant-tag-checkable-checked {
- background-color: @primary-color;
- }
- .ant-tag-checkable:active {
- background-color: color(~`colorPalette("@{primary-color}", 7)`);
- }
- .ant-tag-pink {
- color: #eb2f96;
- background: #fff0f6;
- border-color: #ffadd2;
- }
- .ant-tag-pink-inverse {
- background: #eb2f96;
- border-color: #eb2f96;
- color: #fff;
- }
- .ant-tag-magenta {
- color: #eb2f96;
- background: #fff0f6;
- border-color: #ffadd2;
- }
- .ant-tag-magenta-inverse {
- background: #eb2f96;
- border-color: #eb2f96;
- color: #fff;
- }
- .ant-tag-red {
- color: #f5222d;
- background: #fff1f0;
- border-color: #ffa39e;
- }
- .ant-tag-red-inverse {
- background: #f5222d;
- border-color: #f5222d;
- color: #fff;
- }
- .ant-tag-volcano {
- color: #fa541c;
- background: #fff2e8;
- border-color: #ffbb96;
- }
- .ant-tag-volcano-inverse {
- background: #fa541c;
- border-color: #fa541c;
- color: #fff;
- }
- .ant-tag-orange {
- color: #fa8c16;
- background: #fff7e6;
- border-color: #ffd591;
- }
- .ant-tag-orange-inverse {
- background: #fa8c16;
- border-color: #fa8c16;
- color: #fff;
- }
- .ant-tag-yellow {
- color: #fadb14;
- background: #feffe6;
- border-color: #fffb8f;
- }
- .ant-tag-yellow-inverse {
- background: #fadb14;
- border-color: #fadb14;
- color: #fff;
- }
- .ant-tag-gold {
- color: #faad14;
- background: #fffbe6;
- border-color: #ffe58f;
- }
- .ant-tag-gold-inverse {
- background: #faad14;
- border-color: #faad14;
- color: #fff;
- }
- .ant-tag-cyan {
- color: #13c2c2;
- background: #e6fffb;
- border-color: #87e8de;
- }
- .ant-tag-cyan-inverse {
- background: #13c2c2;
- border-color: #13c2c2;
- color: #fff;
- }
- .ant-tag-lime {
- color: #a0d911;
- background: #fcffe6;
- border-color: #eaff8f;
- }
- .ant-tag-lime-inverse {
- background: #a0d911;
- border-color: #a0d911;
- color: #fff;
- }
- .ant-tag-green {
- color: #52c41a;
- background: #f6ffed;
- border-color: #b7eb8f;
- }
- .ant-tag-green-inverse {
- background: #52c41a;
- border-color: #52c41a;
- color: #fff;
- }
- .ant-tag-blue {
- color: #1890ff;
- background: #e6f7ff;
- border-color: #91d5ff;
- }
- .ant-tag-blue-inverse {
- background: #1890ff;
- border-color: #1890ff;
- color: #fff;
- }
- .ant-tag-geekblue {
- color: #2f54eb;
- background: #f0f5ff;
- border-color: #adc6ff;
- }
- .ant-tag-geekblue-inverse {
- background: #2f54eb;
- border-color: #2f54eb;
- color: #fff;
- }
- .ant-tag-purple {
- color: #722ed1;
- background: #f9f0ff;
- border-color: #d3adf7;
- }
- .ant-tag-purple-inverse {
- background: #722ed1;
- border-color: #722ed1;
- color: #fff;
- }
- .ant-time-picker-panel {
- color: #000000;
- }
- .ant-time-picker-panel-inner {
- background-color: #fff;
- border-radius: 2px;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
- background-clip: padding-box;
- }
- .ant-time-picker-panel-input {
- border: 0;
- }
- .ant-time-picker-panel-input::-moz-placeholder {
- color: #bfbfbf;
- }
- .ant-time-picker-panel-input:-ms-input-placeholder {
- color: #bfbfbf;
- }
- .ant-time-picker-panel-input::-webkit-input-placeholder {
- color: #bfbfbf;
- }
- .ant-time-picker-panel-input-wrap {
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-time-picker-panel-input-invalid {
- border-color: red;
- }
- .ant-time-picker-panel-clear-btn-icon svg {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-time-picker-panel-clear-btn-icon svg:hover {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-time-picker-panel-select {
- border-left: 1px solid #e8e8e8;
- }
- .ant-time-picker-panel-select:first-child {
- border-left: 0;
- }
- .ant-time-picker-panel-select:last-child {
- border-right: 0;
- }
- .ant-time-picker-panel-select li:hover {
- background: color(~`colorPalette("@{primary-color}", 1)`);
- }
- li.ant-time-picker-panel-select-option-selected {
- background: #f5f5f5;
- }
- li.ant-time-picker-panel-select-option-selected:hover {
- background: #f5f5f5;
- }
- li.ant-time-picker-panel-select-option-disabled {
- color: rgba(0, 0, 0, 0.25);
- }
- li.ant-time-picker-panel-select-option-disabled:hover {
- background: transparent;
- }
- .ant-time-picker-panel-addon {
- border-top: 1px solid #e8e8e8;
- }
- .ant-time-picker {
- color: #000000;
- }
- .ant-time-picker-input {
- color: #000000;
- background-color: #fff;
- background-image: none;
- border: 1px solid #d9d9d9;
- border-radius: 2px;
- }
- .ant-time-picker-input::-moz-placeholder {
- color: #bfbfbf;
- }
- .ant-time-picker-input:-ms-input-placeholder {
- color: #bfbfbf;
- }
- .ant-time-picker-input::-webkit-input-placeholder {
- color: #bfbfbf;
- }
- .ant-time-picker-input:hover {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- border-right-width: 1px !important;
- }
- .ant-time-picker-input:focus {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
- border-right-width: 1px !important;
- }
- .ant-time-picker-input-disabled {
- background-color: #f5f5f5;
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-time-picker-input-disabled:hover {
- border-color: #e6d8d8;
- border-right-width: 1px !important;
- }
- .ant-time-picker-input[disabled] {
- background-color: #f5f5f5;
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-time-picker-input[disabled]:hover {
- border-color: #e6d8d8;
- border-right-width: 1px !important;
- }
- .ant-time-picker-icon {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-time-picker-icon .ant-time-picker-clock-icon {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-timeline {
- color: #000000;
- }
- .ant-timeline-item-tail {
- border-left: 2px solid #e8e8e8;
- }
- .ant-timeline-item-head {
- background-color: #fff;
- border-radius: 100px;
- border: 2px solid transparent;
- }
- .ant-timeline-item-head-blue {
- border-color: @primary-color;
- color: @primary-color;
- }
- .ant-timeline-item-head-red {
- border-color: #f5222d;
- color: #f5222d;
- }
- .ant-timeline-item-head-green {
- border-color: #52c41a;
- color: #52c41a;
- }
- .ant-timeline-item-head-custom {
- border: 0;
- border-radius: 0;
- }
- .ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
- border-left: 2px dotted #e8e8e8;
- }
- .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
- border-left: 2px dotted #e8e8e8;
- }
- .ant-tooltip {
- color: #000000;
- }
- .ant-tooltip-inner {
- color: #fff;
- background-color: rgba(0, 0, 0, 0.75);
- border-radius: 2px;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
- }
- .ant-tooltip-arrow {
- border-color: transparent;
- border-style: solid;
- }
- .ant-tooltip-placement-top .ant-tooltip-arrow,
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow,
- .ant-tooltip-placement-topRight .ant-tooltip-arrow {
- border-width: 5px 5px 0;
- border-top-color: rgba(0, 0, 0, 0.75);
- }
- .ant-tooltip-placement-right .ant-tooltip-arrow,
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow,
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
- border-width: 5px 5px 5px 0;
- border-right-color: rgba(0, 0, 0, 0.75);
- }
- .ant-tooltip-placement-left .ant-tooltip-arrow,
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow,
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
- border-width: 5px 0 5px 5px;
- border-left-color: rgba(0, 0, 0, 0.75);
- }
- .ant-tooltip-placement-bottom .ant-tooltip-arrow,
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
- border-width: 0 5px 5px;
- border-bottom-color: rgba(0, 0, 0, 0.75);
- }
- .ant-transfer {
- color: #000000;
- }
- .ant-transfer-disabled .ant-transfer-list {
- background: #f5f5f5;
- }
- .ant-transfer-list {
- border: 1px solid #d9d9d9;
- border-radius: 2px;
- }
- .ant-transfer-list-search-action {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-transfer-list-search-action .anticon {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-transfer-list-search-action .anticon:hover {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-transfer-list-header {
- border-radius: 2px 2px 0 0;
- background: #fff;
- color: #000000;
- border-bottom: 1px solid #e8e8e8;
- }
- .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
- background-color: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-transfer-list-content-item-disabled {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-transfer-list-body-not-found {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-transfer-list-footer {
- border-top: 1px solid #e8e8e8;
- border-radius: 0 0 2px 2px;
- }
- .ant-select-tree-checkbox {
- color: #000000;
- }
- .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
- .ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
- .ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
- border-color: @primary-color;
- }
- .ant-select-tree-checkbox-checked:after {
- border-radius: 2px;
- border: 1px solid @primary-color;
- }
- .ant-select-tree-checkbox-inner {
- border: 1px solid #d9d9d9;
- border-radius: 2px;
- background-color: #fff;
- }
- .ant-select-tree-checkbox-inner:after {
- border: 2px solid #fff;
- border-top: 0;
- border-left: 0;
- }
- .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner:after {
- border: 0;
- background-color: @primary-color;
- }
- .ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after {
- border-color: rgba(0, 0, 0, 0.25);
- }
- .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
- border: 2px solid #fff;
- border-top: 0;
- border-left: 0;
- }
- .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
- background-color: @primary-color;
- border-color: @primary-color;
- }
- .ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
- border-color: rgba(0, 0, 0, 0.25);
- }
- .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
- border-color: #d9d9d9 !important;
- background-color: #f5f5f5;
- }
- .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after {
- border-color: #f5f5f5;
- border-collapse: separate;
- }
- .ant-select-tree-checkbox-disabled + span {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-select-tree-checkbox-wrapper {
- color: #000000;
- }
- .ant-select-tree-checkbox-group {
- color: #000000;
- }
- .ant-select-tree {
- color: #000000;
- }
- .ant-select-tree li .ant-select-tree-node-content-wrapper {
- border-radius: 2px;
- color: #000000;
- }
- .ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
- background-color: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
- background-color: rgba(58, 64, 99, 0.15);
- }
- .ant-select-tree li span.ant-select-tree-switcher,
- .ant-select-tree li span.ant-select-tree-iconEle {
- border: 0 none;
- }
- .ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon {
- color: @primary-color;
- }
- .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon,
- .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon {
- color: @primary-color;
- }
- li.ant-select-tree-treenode-disabled > span:not(.ant-select-tree-switcher),
- li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper,
- li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper span {
- color: rgba(0, 0, 0, 0.25);
- }
- li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hover {
- background: transparent;
- }
- .ant-select-tree-dropdown {
- color: #000000;
- }
- .ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
- border: 1px solid #d9d9d9;
- border-radius: 4px;
- }
- .ant-select-tree-dropdown .ant-select-not-found {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper,
- .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {
- border-radius: 0;
- }
- .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover,
- .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover {
- background: transparent;
- }
- .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover:before,
- .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover:before {
- background: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
- .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
- color: #fff;
- background: transparent;
- }
- .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher,
- .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-switcher {
- color: #fff;
- }
- .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner,
- .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner {
- border-color: @primary-color;
- }
- .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked:after,
- .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked:after {
- border-color: #fff;
- }
- .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
- .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 {
- background: #fff;
- }
- .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after,
- .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 {
- border-color: @primary-color;
- }
- .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper:before,
- .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper:before {
- background: @primary-color;
- }
- .ant-tree-checkbox {
- color: #000000;
- }
- .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
- .ant-tree-checkbox:hover .ant-tree-checkbox-inner,
- .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
- border-color: @primary-color;
- }
- .ant-tree-checkbox-checked:after {
- border-radius: 2px;
- border: 1px solid @primary-color;
- }
- .ant-tree-checkbox-inner {
- border: 1px solid #d9d9d9;
- border-radius: 2px;
- background-color: #fff;
- }
- .ant-tree-checkbox-inner:after {
- border: 2px solid #fff;
- border-top: 0;
- border-left: 0;
- }
- .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner:after {
- border: 0;
- background-color: @primary-color;
- }
- .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after {
- border-color: rgba(0, 0, 0, 0.25);
- }
- .ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
- border: 2px solid #fff;
- border-top: 0;
- border-left: 0;
- }
- .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
- background-color: @primary-color;
- border-color: @primary-color;
- }
- .ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
- border-color: rgba(0, 0, 0, 0.25);
- }
- .ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
- border-color: #d9d9d9 !important;
- background-color: #f5f5f5;
- }
- .ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after {
- border-color: #f5f5f5;
- border-collapse: separate;
- }
- .ant-tree-checkbox-disabled + span {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-tree-checkbox-wrapper {
- color: #000000;
- }
- .ant-tree-checkbox-group {
- color: #000000;
- }
- .ant-tree {
- color: #000000;
- }
- .ant-tree li span[draggable],
- .ant-tree li span[draggable="true"] {
- border-top: 2px transparent solid;
- border-bottom: 2px transparent solid;
- }
- .ant-tree li.drag-over > span[draggable] {
- background-color: @primary-color;
- color: white;
- }
- .ant-tree li.drag-over-gap-top > span[draggable] {
- border-top-color: @primary-color;
- }
- .ant-tree li.drag-over-gap-bottom > span[draggable] {
- border-bottom-color: @primary-color;
- }
- .ant-tree li.filter-node > span {
- color: #f5222d !important;
- }
- .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon,
- .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon {
- color: @primary-color;
- }
- .ant-tree li .ant-tree-node-content-wrapper {
- border-radius: 2px;
- color: #000000;
- }
- .ant-tree li .ant-tree-node-content-wrapper:hover {
- background-color: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
- background-color: rgba(58, 64, 99, 0.15);
- }
- .ant-tree li span.ant-tree-switcher,
- .ant-tree li span.ant-tree-iconEle {
- border: 0 none;
- }
- li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher),
- li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,
- li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span {
- color: rgba(0, 0, 0, 0.25);
- }
- li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
- background: transparent;
- }
- .ant-tree.ant-tree-show-line li span.ant-tree-switcher {
- background: #fff;
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-tree.ant-tree-show-line li:not(:last-child):before {
- border-left: 1px solid #d9d9d9;
- }
- .ant-upload {
- color: #000000;
- }
- .ant-upload.ant-upload-select-picture-card {
- border: 1px dashed #d9d9d9;
- border-radius: 2px;
- background-color: #fafafa;
- }
- .ant-upload.ant-upload-select-picture-card:hover {
- border-color: @primary-color;
- }
- .ant-upload.ant-upload-drag {
- border: 1px dashed #d9d9d9;
- border-radius: 2px;
- background: #fafafa;
- }
- .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
- border: 2px dashed color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
- border-color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
- color: color(~`colorPalette("@{primary-color}", 5)`);
- }
- .ant-upload.ant-upload-drag p.ant-upload-text {
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-upload.ant-upload-drag p.ant-upload-hint {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-upload.ant-upload-drag .anticon-plus {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-upload.ant-upload-drag .anticon-plus:hover {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-upload.ant-upload-drag:hover .anticon-plus {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-upload-list {
- color: #000000;
- }
- .ant-upload-list-item-info .anticon-loading,
- .ant-upload-list-item-info .anticon-paper-clip {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-upload-list-item .anticon-close {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-upload-list-item .anticon-close:hover {
- color: #000000;
- }
- .ant-upload-list-item:hover .ant-upload-list-item-info {
- background-color: color(~`colorPalette("@{primary-color}", 1)`);
- }
- .ant-upload-list-item-error,
- .ant-upload-list-item-error .anticon-paper-clip,
- .ant-upload-list-item-error .ant-upload-list-item-name {
- color: #f5222d;
- }
- .ant-upload-list-item-error .anticon-close {
- color: #f5222d !important;
- }
- .ant-upload-list-picture .ant-upload-list-item,
- .ant-upload-list-picture-card .ant-upload-list-item {
- border-radius: 2px;
- border: 1px solid #d9d9d9;
- }
- .ant-upload-list-picture .ant-upload-list-item:hover,
- .ant-upload-list-picture-card .ant-upload-list-item:hover {
- background: transparent;
- }
- .ant-upload-list-picture .ant-upload-list-item-error,
- .ant-upload-list-picture-card .ant-upload-list-item-error {
- border-color: #f5222d;
- }
- .ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
- .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
- background: transparent;
- }
- .ant-upload-list-picture .ant-upload-list-item-uploading,
- .ant-upload-list-picture-card .ant-upload-list-item-uploading {
- border-style: dashed;
- }
- .ant-upload-list-picture .ant-upload-list-item-icon,
- .ant-upload-list-picture-card .ant-upload-list-item-icon {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-upload-list-picture .ant-upload-list-item-thumbnail.anticon:before,
- .ant-upload-list-picture-card .ant-upload-list-item-thumbnail.anticon:before {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-upload-list-picture-card .ant-upload-list-item-info:before {
- background-color: rgba(0, 0, 0, 0.5);
- }
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
- color: rgba(255, 255, 255, 0.85);
- }
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover,
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
- color: #fff;
- }
- .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
- background-color: #fafafa;
- }
- .ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
- color: rgba(0, 0, 0, 0.45);
- }
- .ant-upload-list .ant-upload-success-icon {
- color: #52c41a;
- }
- .ant-menu-root.ant-menu-inline,
- .ant-menu-root.ant-menu-vertical {
- background: @primary-color;
- border-right: 1px solid @primary-color;
- color: #ffffff;
- }
- .ant-menu-root.ant-menu-inline a,
- .ant-menu-root.ant-menu-vertical a {
- color: #ffffff;
- }
- .ant-menu-root.ant-menu-inline .ant-menu-submenu-selected,
- .ant-menu-root.ant-menu-vertical .ant-menu-submenu-selected {
- color: #ffffff;
- }
- .ant-menu-root.ant-menu-inline .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
- .ant-menu-root.ant-menu-vertical .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
- .ant-menu-root.ant-menu-inline .ant-menu-submenu-active,
- .ant-menu-root.ant-menu-vertical .ant-menu-submenu-active {
- color: #ffffff;
- }
- .ant-menu-root.ant-menu-inline .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
- .ant-menu-root.ant-menu-vertical .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
- .ant-menu-root.ant-menu-inline .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
- .ant-menu-root.ant-menu-vertical .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
- background: #ffffff;
- }
- .ant-menu-root.ant-menu-inline .ant-menu-submenu-title:hover,
- .ant-menu-root.ant-menu-vertical .ant-menu-submenu-title:hover {
- color: #ffffff;
- }
- .ant-menu-root.ant-menu-inline .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
- .ant-menu-root.ant-menu-vertical .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
- .ant-menu-root.ant-menu-inline .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
- .ant-menu-root.ant-menu-vertical .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after {
- background: #ffffff;
- }
- .ant-menu-root.ant-menu-inline .ant-menu-submenu > .ant-menu,
- .ant-menu-root.ant-menu-vertical .ant-menu-submenu > .ant-menu {
- background-color: rgba(58, 64, 99, 0.15);
- }
- .ant-menu-root.ant-menu-inline .ant-menu-item > a:hover,
- .ant-menu-root.ant-menu-vertical .ant-menu-item > a:hover {
- color: #ffffff;
- }
- .ant-menu-horizontal > .ant-menu-item-selected {
- color: #ffffff;
- }
- .bg--primary {
- background: @primary-color;
- }
- .header .ant-menu {
- background: transparent;
- color: #ffffff;
- }
- .header .ant-menu .ant-menu-item:hover {
- color: #ffffff;
- }
- .header__trigger {
- color: #ffffff;
- }
|