Box
| Last update: | () |
| Message | doc(search): new tags and hidden components --skip-ci |
| Committer: | Tamás Bíró |
| Version history | |
Default
<div class="e-box">
Culpa dolor dolore in velit in ea deserunt duis proident sint cupidatat veniam in commodo aute exercitation eu officia in in velit laboris laboris ut velit enim et sed commodo in ullamco labore deserunt ipsum laboris et ut elit incididunt cupidatat ex excepteur est nulla enim do dolor mollit non
</div>
<div class="e-box">Esse ut eu id amet culpa enim ut irure ad ad ut ad ut fugiat occaecat laborum officia labore ut laboris incididunt officia deserunt id velit magna velit et ad eiusmod ut amet veniam eu sunt anim adipiscing laborum sint ullamco exercitation eiusmod eiusmod tempor aute pariatur sed amet anim
</div>Ad do dolor cupidatat proident est veniam sed magna adipiscing consectetur labore in reprehenderit reprehenderit veniam eiusmod dolor sit in elit reprehenderit ullamco ea sit est dolor ad fugiat officia commodo dolor eiusmod eiusmod eu cupidatat consectetur amet laboris elit commodo anim officia sint enim et voluptate ea aliqua anim
Variations
Inner
<div class="e-box e-box-inner">
Laboris deserunt laboris eu eiusmod lorem esse do sint labore in ea excepteur lorem amet sed ex duis eu laboris sit consequat veniam sed do id esse eiusmod ex non dolore culpa sed eiusmod quis reprehenderit exercitation voluptate pariatur excepteur magna aute laborum ut elit ullamco laboris eu ut esse
</div>
<div class="e-box e-box-inner">Aute laborum pariatur in velit incididunt do anim in id commodo do duis consectetur cillum eiusmod ipsum dolore deserunt dolore aute ex nulla sint id aute in cillum nulla adipiscing cupidatat est occaecat in dolor ex anim proident proident deserunt pariatur occaecat mollit enim tempor mollit commodo dolore reprehenderit nulla
</div>Ullamco excepteur veniam do labore sunt sed id adipiscing eu duis in pariatur aliqua ipsum sunt occaecat quis cupidatat commodo ut in velit eu id incididunt lorem ullamco dolor lorem sit cupidatat officia laborum in ipsum in ea sed commodo in culpa eiusmod culpa nisi elit in dolore culpa id
Charts
<div class="e-box e-box-charts">
Laboris id laborum consequat sunt cupidatat ullamco deserunt eu do tempor ut lorem et ut officia consectetur exercitation cillum id ullamco anim nulla in eiusmod eiusmod ut culpa culpa dolor enim ipsum reprehenderit elit irure exercitation excepteur consequat commodo in non proident mollit elit mollit aliqua ut exercitation id laborum
</div>
<div class="e-box e-box-charts">Ad aliquip labore in labore excepteur reprehenderit ullamco pariatur in occaecat minim incididunt ut do veniam mollit minim commodo incididunt minim ut cillum officia tempor exercitation lorem aliqua duis lorem laborum proident elit anim dolore minim sint sed ad lorem et ut laborum ea eu veniam minim nostrud incididunt sunt
</div>Duis cupidatat ut sed exercitation exercitation id amet occaecat in in velit dolore consectetur sunt dolor do ea do mollit in est excepteur sit veniam in nostrud fugiat in ut proident ex duis sunt voluptate fugiat quis officia aliqua pariatur pariatur officia culpa nisi id deserunt excepteur ad dolor incididunt
Chart item
<div class="e-box e-box-chart">
Laboris sed velit magna dolore nisi officia laborum minim deserunt commodo sunt eu labore sunt sed amet dolor eu velit dolor ex consequat est officia mollit ad eu aliqua do tempor non do culpa id veniam exercitation dolor dolore nulla est excepteur incididunt cupidatat esse minim anim cillum ipsum commodo
</div>
<div class="e-box e-box-chart">Laborum et veniam incididunt sit occaecat irure reprehenderit excepteur nisi do est labore incididunt aute anim laborum voluptate excepteur veniam quis ipsum fugiat sint reprehenderit in ea officia deserunt occaecat in nisi fugiat laborum sit occaecat esse sunt et duis mollit irure magna adipiscing excepteur elit elit in non irure
</div>In occaecat ullamco tempor duis ut ipsum laboris culpa ut pariatur enim et est velit occaecat non amet ea fugiat incididunt enim qui officia minim occaecat lorem nulla deserunt sed amet ut eu qui non excepteur elit magna excepteur ullamco ad et laborum enim ad laboris ex aute adipiscing sit
No padding
<div class="e-box e-box-nopadding">
In est aute cupidatat do fugiat aliqua officia laboris sunt aliqua sunt magna sint fugiat ad dolor ex incididunt do aute sint sunt amet dolor est eiusmod voluptate ipsum tempor enim commodo consectetur elit exercitation tempor deserunt dolor duis fugiat elit pariatur aute voluptate in dolor occaecat cillum commodo in
</div>
<div class="e-box e-box-nopadding">Velit dolore ut nisi fugiat ut adipiscing in mollit velit in non lorem minim nostrud sed dolor nulla magna laborum pariatur non id aliqua non nostrud veniam eu magna aute in sunt ea minim ut sed ut ut anim duis non ad nulla velit nulla quis elit dolore ipsum commodo
</div>Aliqua fugiat ea nostrud anim adipiscing id cillum ex id elit aliquip consequat mollit exercitation culpa minim sint nostrud aliqua et cupidatat et ea eu commodo occaecat eu ut non mollit laborum commodo minim exercitation proident in ut ut ad labore commodo id duis sunt fugiat ullamco in aliqua qui
Small margin
<div class="e-box e-box-smallmargin">
Eiusmod mollit commodo eiusmod minim ullamco do culpa ad adipiscing do dolor minim minim ut laborum est qui commodo dolor dolore consectetur incididunt adipiscing esse velit aliquip occaecat sed cillum occaecat dolore ex aliqua sit elit labore in duis sint laboris nisi adipiscing cillum exercitation consectetur excepteur fugiat esse sint
</div>
<div class="e-box e-box-smallmargin">Eu ut do et aliquip exercitation excepteur ea laborum exercitation do ut sed laboris fugiat consectetur consequat elit esse nulla ea ex in aliqua fugiat duis et est pariatur pariatur nisi lorem adipiscing tempor anim irure ipsum in anim dolore ut ut commodo pariatur laboris ex dolore fugiat magna proident
</div>Velit est in reprehenderit exercitation est reprehenderit eiusmod et ut quis commodo aliquip deserunt qui sed tempor non sed cupidatat in non ullamco in do veniam voluptate sed sunt dolore dolor non lorem officia lorem veniam laboris fugiat qui nostrud dolore veniam velit dolore in ea esse tempor exercitation cillum
Login
<div class="e-box e-box-login">
Velit reprehenderit do magna eiusmod culpa laboris mollit eiusmod aute
<br>
Veniam fugiat fugiat elit eu do irure nostrud id anim
</div>
<div class="e-box e-box-login">Sit qui eu nisi ex aliquip minim laboris ut ullamco <br>Occaecat laborum velit excepteur consectetur sunt amet elit et magna
</div>Incididunt aliqua est fugiat anim est in consectetur pariatur incididunt
Minim in consequat nulla proident sit proident sed ea in
Minim in consequat nulla proident sit proident sed ea in
Login dark
<div class="e-box e-box-login e-box-login-dark">
Enim occaecat in adipiscing proident cupidatat lorem et ullamco laboris
<br>
Veniam magna exercitation cupidatat nulla minim velit minim voluptate deserunt
</div>
<div class="e-box e-box-login e-box-login-dark">Qui cupidatat et in amet adipiscing cupidatat ut labore occaecat <br>Irure ipsum sed voluptate nulla velit mollit labore ullamco commodo
</div>Sed occaecat dolore non et nostrud consequat velit sint ut
Laborum consequat amet ut irure deserunt velit occaecat sint nulla
Laborum consequat amet ut irure deserunt velit occaecat sint nulla
Login wide (max width)
<div class="e-box e-box-login e-box-login-wide">
Nulla pariatur eu nisi cillum aliqua incididunt quis dolor nulla occaecat consectetur laborum in eiusmod excepteur occaecat eu tempor labore velit consequat quis labore ut laboris nostrud sint enim fugiat eu anim ullamco sint officia laborum laboris laboris esse ullamco amet aliqua aliquip ex aliqua dolor dolor proident culpa nulla ullamco ea officia voluptate cillum deserunt esse esse anim fugiat eiusmod in consequat dolore et ut fugiat aliquip non minim excepteur fugiat dolor ipsum aute quis adipiscing aliquip nostrud non voluptate in officia labore officia irure nulla ut ut cillum non est incididunt et do fugiat tempor dolore commodo irure
</div>
<div class="e-box e-box-login e-box-login-wide">Do excepteur sint adipiscing culpa adipiscing enim minim velit laborum id aliquip velit dolor fugiat deserunt enim enim anim consectetur ullamco consequat ullamco exercitation esse irure incididunt ea ut sit labore in aliqua reprehenderit dolor exercitation aute dolor ea fugiat non cillum consequat aliqua laboris velit non commodo duis nisi ex quis excepteur commodo velit ullamco consectetur non veniam esse cillum ad amet elit in ea nisi et commodo consectetur veniam laborum lorem minim anim irure officia non nisi aliqua qui adipiscing fugiat labore laborum nulla id tempor amet proident irure eiusmod labore exercitation sed cupidatat nostrud in aliqua ut
</div>Exercitation adipiscing commodo labore ipsum excepteur consectetur ad excepteur in dolor ut mollit ea cupidatat non cillum lorem in consectetur in labore sint tempor officia sit voluptate officia labore aliqua qui esse eu consectetur est magna ea dolore cillum consectetur adipiscing ex dolor voluptate sit excepteur eiusmod aliquip dolor non eiusmod in adipiscing ex ipsum proident aliqua laboris proident proident mollit incididunt amet laboris lorem et eu tempor lorem veniam in consequat amet eiusmod culpa fugiat eiusmod magna sunt ut velit laborum et in ex quis ut laborum velit commodo ea nulla exercitation dolor minim cillum anim dolore commodo voluptate