Fixed
| Last update: | () |
| Message | refactor(styleguide): remove hbs |
| Committer: | davidbarkoczi |
| Version history | |
Default
<div class="e-fixed">
<div class="e-fixed__small">
<h2>
Small
</h2>
<p>
Eiusmod, aute dolore, incididunt, tempor officia, lorem cupidatat ea. Dolor, qui, quis nisi proident deserunt, adipiscing elit, ipsum, dolore exercitation in ea deserunt. Excepteur cupidatat, labore elit id, ut laborum magna, dolore velit pariatur. Dolor ipsum eu sit veniam.
</p>
</div>
<div class="e-fixed__full">
<h2>
Stretched
</h2>
<p>
Magna sit dolore et ut ex laboris aliquip minim occaecat proident, consectetur. Fugiat cillum, occaecat, proident in laborum occaecat mollit cillum sunt reprehenderit, duis, est nostrud, ut. Aliqua aliquip dolor in et non veniam mollit ut, in. Do tempor dolor, mollit duis velit id esse nulla, sint ullamco dolore? Id cupidatat magna non reprehenderit, cillum ad, ea est, fugiat? Duis, cupidatat mollit, laboris exercitation culpa laboris, occaecat in ex. Aute proident, labore ex, reprehenderit excepteur occaecat commodo?
</p>
<p>
Qui, deserunt adipiscing cillum sit lorem dolore velit officia nostrud labore, minim, consequat pariatur. Ut in ex aute irure lorem. Incididunt incididunt ut veniam dolor aute sed enim proident sed. Commodo, eu minim nostrud ex cupidatat laboris, eu? Laborum ea, deserunt, deserunt amet deserunt? Ex laborum, officia, quis do deserunt, sit, irure laboris ad.
</p>
</div>
<div class="e-fixed__medium">
<h2>
Medium
</h2>
<p>
Dolor eiusmod lorem ullamco mollit excepteur ut nostrud id aliquip, ut. Consectetur, nulla nulla consectetur, veniam, aute. Enim in exercitation mollit incididunt quis occaecat ut eu ut. Consectetur commodo est quis incididunt cupidatat dolor, nisi, commodo.
</p>
</div>
</div>
<div class="e-fixed">
<div class="e-fixed__small">
<h2>Small</h2>
<p>Id ut magna eu, ut, cillum, adipiscing pariatur nisi et velit. Mollit deserunt consequat eu, ad in. Officia adipiscing pariatur, ex sit sint, eiusmod aliqua. In consectetur, aliquip ut, occaecat veniam incididunt exercitation. In cillum nostrud sint anim dolore ea, ut veniam. Eiusmod sit dolor proident aute sit tempor occaecat labore in laboris, duis ut. Ut anim aliquip labore non est.
</p>
</div>
<div class="e-fixed__full">
<h2>Stretched</h2>
<p>Nostrud sed aliqua quis exercitation, labore, incididunt, voluptate proident cillum culpa excepteur pariatur nostrud in. Duis ut ut nulla, eu in, minim cillum quis. Ad, consequat enim sit magna nulla, mollit, elit. Incididunt velit magna proident officia enim eiusmod magna, labore officia nostrud. Adipiscing, dolor aute pariatur non voluptate sed dolore nulla nulla consectetur ut mollit aliquip labore.
</p>
<p>Proident ea ipsum exercitation excepteur duis in commodo, eu, exercitation? Ut qui, ut exercitation dolor, sint elit nostrud. Do, elit in nostrud fugiat magna deserunt. Ut proident id quis qui irure. Aliquip nisi velit cillum est. In excepteur sunt in lorem cillum, voluptate dolor, pariatur tempor.
</p>
</div>
<div class="e-fixed__medium">
<h2>Medium</h2>
<p>Velit adipiscing ex reprehenderit. Aute exercitation ex, ex non, reprehenderit lorem sunt officia eu. Fugiat duis aliquip consequat, amet, consequat et ea.
</p>
</div>
</div>Small
Irure, anim proident excepteur culpa ea occaecat non, ad, velit, quis enim id. Consequat tempor dolor in in ut, adipiscing, consectetur elit ex labore, nostrud ullamco ullamco? Pariatur, voluptate nostrud in eu in minim culpa, aute pariatur, aliqua. Nostrud sit nulla ipsum adipiscing magna sit nisi officia mollit do, voluptate.
Stretched
Est quis sint, incididunt proident. Excepteur minim, duis anim magna excepteur, non, tempor elit nisi. Cupidatat dolor enim sed, mollit amet. In labore, quis exercitation et, labore id voluptate minim, ut ex, do, magna.
Mollit laboris consequat reprehenderit elit et anim voluptate. Non, nulla, nostrud, et ullamco, irure proident, ea. Fugiat, cillum eu nulla aliqua sed, quis. Commodo sit labore nostrud enim ad magna, dolore veniam esse, ullamco, cupidatat.
Medium
Enim laboris eiusmod ut voluptate culpa esse, irure deserunt sit ut minim ut, occaecat. Minim adipiscing cillum aliquip ipsum duis, labore. Ullamco ut dolore fugiat, ad ut laboris eu, ut deserunt, elit, do. Nulla aliquip voluptate ipsum culpa pariatur aliqua, do, velit ullamco incididunt.
Variations
Large
<div class="e-fixed">
<div class="e-fixed__large">
<h2>
large
</h2>
<p>
Ut in nisi ullamco labore in ullamco magna, sint, elit ad? Incididunt, aliquip fugiat, eiusmod et incididunt sunt, in culpa id. Officia sit est, aute cupidatat, culpa veniam eu incididunt ipsum ut ut non eiusmod quis. In duis et, commodo cillum in fugiat, do dolor ullamco sit et exercitation voluptate.
</p>
</div>
<div class="e-fixed__full">
<h2>
Stretched
</h2>
<p>
Dolore eu nisi consequat tempor ut proident velit labore quis veniam, eiusmod exercitation. Et et, voluptate, ea, exercitation, qui reprehenderit non cupidatat, voluptate anim eu lorem. Labore fugiat occaecat deserunt laborum in. Minim proident non ea, in incididunt laboris duis est ea. Sit, in et nulla amet, consequat, quis, qui esse elit, quis occaecat reprehenderit.
</p>
<p>
Esse sit consequat laborum tempor et in ut aliquip? Non, deserunt ut dolor, in, tempor ex exercitation et, eu cillum labore fugiat cillum. Commodo ullamco quis dolor, et ipsum, ad. Exercitation ut ut, deserunt id, ut esse reprehenderit pariatur ad aliquip duis?
</p>
</div>
</div>
<div class="e-fixed">
<div class="e-fixed__large">
<h2>large</h2>
<p>Officia culpa non, ad sint, nulla mollit in labore id aliquip, in. Ut non, nostrud ad laboris culpa irure ipsum proident lorem irure. Laboris quis sint irure voluptate, nostrud consequat sed cillum. Minim reprehenderit, reprehenderit dolor, ullamco deserunt irure, quis officia.
</p>
</div>
<div class="e-fixed__full">
<h2>Stretched</h2>
<p>Dolore labore, in in esse deserunt incididunt consectetur, cupidatat id exercitation. Elit in irure aliquip. Aute consequat minim nulla eu exercitation anim amet fugiat exercitation est ut. Do aliquip ut eiusmod magna.
</p>
<p>Dolore non in fugiat eu commodo, voluptate cillum sed ex duis? Enim veniam, labore duis et amet. Eu ullamco fugiat consectetur aliqua proident in enim in ea.
</p>
</div>
</div>large
Sed ut dolor sunt ex labore irure, deserunt id. Lorem laborum minim, pariatur ex in dolor id sit culpa. Ut do sed, minim fugiat veniam quis, exercitation sint occaecat.
Stretched
In magna est, eu, ut laboris, consectetur commodo reprehenderit in, in. Proident anim sit nostrud dolor enim eiusmod consectetur amet, velit ut. Eu, dolor adipiscing occaecat. Aliquip velit enim culpa eiusmod, minim, excepteur voluptate, est aliqua labore.
Velit culpa enim non dolore, ipsum in dolore laboris laborum labore? Dolor ut, ullamco, sunt, laboris nisi. Eu labore officia in dolore? Veniam qui incididunt sed eiusmod non quis, culpa. Enim sit nulla ut, ullamco deserunt, officia in aute enim, proident? Non dolor culpa et, fugiat amet ea dolor pariatur ad dolor.
Bordered
<div class="e-fixed">
<div class="e-fixed__small e-fixed__small-bordered">
<h2>
Bordered
</h2>
<p>
Ex dolore lorem nulla proident incididunt. Consequat cupidatat, mollit cupidatat laborum, sunt ut ad? Aliquip mollit cupidatat et consectetur eiusmod. Sed pariatur mollit elit labore eiusmod. Irure ut culpa incididunt proident mollit adipiscing sed. Ex nisi non eu sint exercitation nulla.
</p>
</div>
<div class="e-fixed__full">
<h2>
Stretched
</h2>
<p>
Incididunt ullamco, reprehenderit cupidatat officia. Pariatur nostrud exercitation, veniam in nulla ut incididunt ullamco ut. Occaecat, ut eiusmod sunt in excepteur dolor. Magna ut in sint aliquip ullamco, in magna sint, minim. In minim, id dolor esse, non exercitation ipsum. Voluptate excepteur, non voluptate, cillum amet dolor.
</p>
<p>
Commodo reprehenderit dolore laborum pariatur qui. Sit, proident nisi anim consequat nisi aute, consectetur nulla mollit. Dolor, cupidatat proident cillum ad nostrud, ut, veniam do, sed excepteur. Excepteur sit ut ullamco, ut ea.
</p>
</div>
</div>
<div class="e-fixed">
<div class="e-fixed__small e-fixed__small-bordered">
<h2>Bordered</h2>
<p>Dolore, ut sed, qui eu eiusmod aute amet, excepteur, consequat non, ad. In proident tempor, adipiscing elit ut, non anim in esse, enim. Pariatur, exercitation, officia et commodo elit quis, ut, ex. Enim non, commodo deserunt esse ex laboris in aliqua. Consequat qui dolore dolor aute eiusmod laborum commodo aute occaecat. In sunt dolor qui.
</p>
</div>
<div class="e-fixed__full">
<h2>Stretched</h2>
<p>Est sint qui et duis reprehenderit sed occaecat velit ullamco. Dolore excepteur, eu voluptate nulla ut amet. Cupidatat exercitation voluptate adipiscing culpa, dolore fugiat. Ut in voluptate in irure nostrud ipsum ad irure irure. Exercitation deserunt ut dolore incididunt duis mollit cupidatat consectetur ea consectetur voluptate?
</p>
<p>Eu nostrud, lorem aliquip aliqua dolor, duis. Aute laboris, nostrud id eu. Consectetur aliquip proident cupidatat qui duis, nulla deserunt proident nisi ut, nostrud dolore nostrud. Sunt nostrud veniam commodo? Aliquip, incididunt dolor pariatur amet mollit lorem reprehenderit qui nostrud.
</p>
</div>
</div>Bordered
Voluptate aute nisi magna duis in voluptate tempor velit elit nulla cillum. Proident non culpa, id qui sint officia ut. Nulla esse pariatur labore pariatur, officia qui elit id irure. Duis cupidatat, ipsum voluptate elit irure adipiscing adipiscing in, ea labore cupidatat in. Non ex ad.
Stretched
Amet pariatur pariatur non do quis eu nisi aliqua occaecat. In et nulla voluptate excepteur excepteur tempor excepteur? Excepteur ut tempor enim, ea in, sed esse elit anim. Lorem do ea esse, duis ad commodo et eiusmod. Pariatur dolor deserunt excepteur exercitation id in exercitation.
Pariatur id ut ut do do minim nostrud. Mollit ut consequat proident fugiat non, aliquip? Qui ea, sunt laboris dolore elit voluptate in voluptate. Consectetur, dolore ullamco consequat ipsum ad irure lorem ad in in in amet. Culpa commodo consequat do duis ipsum ea in cupidatat? Sint, aliqua in aute, reprehenderit ipsum, fugiat, ut do non qui exercitation anim nostrud.
Centered content
<div class="e-fixed">
<div class="e-fixed__small">
<h2>
Small
</h2>
<p>
Aute velit eu labore deserunt ut consectetur in consequat deserunt adipiscing? Cupidatat sit, ut, laborum ea dolore deserunt et eu anim. Exercitation, culpa ea mollit exercitation, dolor. Mollit, sint nisi deserunt esse consequat irure, adipiscing exercitation do in, consequat ex in? Sit ipsum fugiat duis, reprehenderit. Reprehenderit, incididunt reprehenderit, nostrud voluptate, culpa et, in.
</p>
<p>
Consectetur commodo laboris amet veniam dolore, voluptate, aliqua mollit. Dolor enim, voluptate consectetur veniam, ut, eiusmod dolor anim consequat, ipsum. Nisi cillum ipsum occaecat fugiat commodo reprehenderit ullamco adipiscing? Laboris, commodo dolore qui ad ullamco ea magna eiusmod in in? Id velit mollit incididunt, nostrud? Dolore ut eiusmod et ex est, cillum incididunt aliquip, reprehenderit dolore. Amet proident proident laborum deserunt reprehenderit dolore, dolore id?
</p>
<p>
Consequat sit id aliqua, ullamco do sint non occaecat ut? Do, sit fugiat, culpa nulla pariatur quis cupidatat incididunt aliquip, do velit esse. Adipiscing enim officia laboris cupidatat ut irure qui, velit duis. Aliqua dolore proident, deserunt exercitation fugiat, eiusmod consectetur, officia et ullamco. Irure sit in est, quis.
</p>
</div>
<div class="e-fixed__full e-fixed__full-centered">
<div class="e-fixed__center e-fixed__center-fullwidth">
<h2>
Centered
</h2>
<p>
Nostrud et est amet, tempor dolor. Veniam, deserunt proident dolor id, eiusmod ut officia in. Cupidatat culpa ut enim dolor nulla laboris ut ut consequat exercitation, duis in irure? In fugiat reprehenderit, quis, do eu? Adipiscing, lorem ipsum velit, nisi in ad, proident ut exercitation labore, esse velit elit. Ut, et consectetur aute duis eu proident dolor, culpa labore.
</p>
</div>
</div>
</div>
<div class="e-fixed">
<div class="e-fixed__small">
<h2>Small</h2>
<p>Enim anim reprehenderit dolore, qui id duis. Ullamco anim quis, ex, dolor ut dolore pariatur et, enim ut voluptate eu ut incididunt non qui. Commodo in cillum commodo consequat fugiat, et. Tempor aliquip ut, qui dolor cillum adipiscing id.
</p>
<p>Anim deserunt, sunt, adipiscing nisi in lorem qui velit cupidatat ut, in? Irure velit, veniam amet nisi exercitation id consectetur id anim, nisi, enim proident mollit dolore consequat irure.
</p>
<p>Voluptate dolore laboris officia est nulla ut? Occaecat duis cupidatat reprehenderit, sunt, dolore, adipiscing non anim, in est irure, do reprehenderit. Labore ad voluptate cupidatat pariatur ut incididunt, dolor, sint dolore qui, officia in quis do. Reprehenderit consequat, est, eiusmod adipiscing, occaecat sit, aliqua, cillum, labore aliqua sint, in?
</p>
</div>
<div class="e-fixed__full e-fixed__full-centered">
<div class="e-fixed__center e-fixed__center-fullwidth">
<h2>Centered</h2>
<p>In, ex nostrud ex, eiusmod, laboris proident sunt, voluptate. Irure consectetur et enim, sint? Incididunt dolore officia dolore consequat irure in dolor, ad pariatur magna veniam. Do, nulla in mollit, ut nisi cupidatat. Ullamco ea qui sed, est sunt duis in.
</p>
</div>
</div>
</div>Small
Voluptate in, fugiat ad aute laborum elit eiusmod ut, sunt dolor. Eiusmod reprehenderit laborum deserunt fugiat nostrud, et magna, in pariatur exercitation dolor, amet? Dolor, sint est deserunt, dolor cillum labore? Minim ipsum, id, nulla sint cupidatat, magna velit dolore, ipsum deserunt. Ullamco, adipiscing, deserunt, fugiat ex do esse, dolore culpa pariatur cupidatat id incididunt.
Ut in irure magna in irure officia enim. Anim dolore, laboris nulla culpa dolor velit do. Pariatur adipiscing, et adipiscing incididunt in magna quis aliquip do, duis ut, ea, est magna ipsum. Anim cupidatat ea deserunt ut lorem in excepteur esse fugiat duis. Exercitation laboris elit, occaecat consectetur aute aute. Eu, consectetur labore cillum proident minim, occaecat elit, in incididunt.
Labore enim culpa mollit mollit irure occaecat in, aliqua labore adipiscing dolore. Laboris aute, qui quis exercitation? Fugiat dolor ipsum eiusmod ipsum eu culpa. Sunt velit est nisi do commodo, dolore cillum ullamco officia.
Centered
Consectetur eiusmod commodo deserunt dolor consectetur consequat, qui. Velit, mollit occaecat sed laborum non incididunt tempor fugiat. Incididunt ipsum aliqua commodo labore, deserunt aliquip consequat dolor.