Skip to content

Commit 6d8a9f5

Browse files
lbliiilbliii
committed
updates
1 parent 2aacbde commit 6d8a9f5

File tree

4 files changed

+24
-72
lines changed

4 files changed

+24
-72
lines changed

‎archetypes/default.md

Lines changed: 0 additions & 6 deletions
This file was deleted.

‎archive/examples.md

Lines changed: 0 additions & 54 deletions
This file was deleted.

‎themes/elby/assets/css/traits.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -198,6 +198,18 @@
198198
.rounded-7, .c-rounded-7 > * {
199199
border-radius: var(--rounded-7) !important;
200200
}
201+
.rounded-8, .c-rounded-8 > * {
202+
border-radius: var(--rounded-8) !important;
203+
}
204+
.rounded-9, .c-rounded-9 > * {
205+
border-radius: var(--rounded-9) !important;
206+
}
207+
.rounded-10, .c-rounded-10 > * {
208+
border-radius: var(--rounded-10) !important;
209+
}
210+
.rounded-11, .c-rounded-11 > * {
211+
border-radius: var(--rounded-11) !important;
212+
}
201213

202214

203215
/* Outline the Object */

‎themes/elby/layouts/index.html

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -37,61 +37,61 @@ <h2>Use <b class="shadow-u-1">Slides</b> <br> for added depth</h2>
3737
</div>
3838
</div>
3939
</div>
40-
<section class="stack-center text-center mb-10">
40+
<section class="stack-center text-center mb-5">
4141
<h2>It's called <br> <b class="shadow-u-1">Emdash</b></h2>
4242
<p class="subtitle-1 m"> It's simple and responsive. </p>
4343
</section>
4444
</div>
4545

46-
<section class="spread text-center c-pinned-bottom c-fullsize-mobile c-sp-1 c-rounded-2 c-move-l c-display-pattern">
46+
<section class="spread text-center c-pinned-bottom c-fullsize-mobile c-sp-1 c-rounded-11 c-move-l c-display-pattern">
4747
<div class="">
48-
<div class="white m-1 p-1 rounded-3">
48+
<div class="white m-1 p-1 rounded-7">
4949
<h3 class="m">C is for <code> > * {<b>cascading</b>} </code></h3>
5050
<p class="text-left"> Use <code>c-</code> helpers to cascade margin, padding, outlines, shadows, and other traits. I mean, why keep repeating yourself?</p>
5151
</div>
5252
</div>
5353
<div class="grayscale">
54-
<div class="white m-1 p-1 rounded-3">
54+
<div class="white m-1 p-1 rounded-7">
5555
<h3 class="m">Flexbox who?</h3>
5656
<p class="text-left"> Flexbox is powerful, but confusing. If you're tired of looking up the various ways a flexbox container orients its items, this framework was made for you. </p>
5757
</div>
5858
</div>
5959
<div class="grayscale">
60-
<div class="white m-1 p-1 rounded-3">
60+
<div class="white m-1 p-1 rounded-7">
6161
<h3 class="m">Built-in legibility</h3>
6262
<p class="text-left">Color classes consider legibility by default -- meaning you'll rarely need to define text-colors. Even for darkmode.
6363
</div>
6464
</div>
6565
</section>
66-
<section class="spread-center text-center c-pinned-top c-fullsize-mobile c-sp-1 c-rounded-2 c-move-r c-display-pattern c-stretched">
66+
<section class="spread-center text-center c-pinned-top c-fullsize-mobile c-sp-1 c-rounded-11 c-move-r c-display-pattern c-stretched">
6767
<div class="is-two-fifths is-fullsize-tablet grayscale">
68-
<div class="white m-1 p-1 rounded-3">
68+
<div class="white m-1 p-1 rounded-7">
6969
<h3 class="m">Style-less</h3>
7070
<p class="text-left"> There's no opinionated set style for labels, links, buttons, breadcrumbs -- or anything else. Instead, layer on global traits to get the look you want. All padding and margins are defaulted to 0. </p>
7171
</div>
7272
</div>
7373
<div class="is-two-fifths is-fullsize-tablet">
74-
<div class="white m-1 p-1 rounded-3">
74+
<div class="white m-1 p-1 rounded-7">
7575
<h3 class="m">Customizable at its <b>:root</b></h3>
7676
<p class="text-left"> Don't like the spacing values? Have an opinion on <code>em</code>, <code>rem</code>,<code>vh</code>,<code>vw</code>, or <code>px</code>? Want to define your own color pallete? Cool. Just change the root variables -- the rest takes care of itself.
7777
</div>
7878
</div>
7979
</section>
80-
<section class="spread text-center c-pinned-top c-fullsize-mobile c-sp-1 c-rounded-2 c-move-l c-display-pattern">
80+
<section class="spread text-center c-pinned-top c-fullsize-mobile c-sp-1 c-rounded-11 c-move-l c-display-pattern">
8181
<div class="grayscale">
82-
<div class="white m-1 p-1 rounded-3">
82+
<div class="white m-1 p-1 rounded-7">
8383
<h3 class="m">40kb, <br> Soaking Wet</h3>
8484
<p class="text-left"> Today, Emdash CSS is <strong>31kb minified</strong> and <strong>40kb uncompressed</strong>. That's almost 6x smaller than alternatives hovering around 235kb</strong>. </p>
8585
</div>
8686
</div>
8787
<div class="">
88-
<div class="white m-1 p-1 rounded-3">
88+
<div class="white m-1 p-1 rounded-7">
8989
<h3 class="m"><b>Bold</b> redefined</h3>
9090
<p class="text-left"> If <strong>strong</strong> is the new Bold, where does that leave Bold? Our answer: Bold is the fun and easy way to apply gradients to your text. You can even pass in other gradient classes to override the default. </p>
9191
</div>
9292
</div>
9393
<div class="grayscale">
94-
<div class="white m-1 p-1 rounded-3">
94+
<div class="white m-1 p-1 rounded-7">
9595
<h3 class="m">Free</h3>
9696
<p class="text-left"> Emdash is open source. Like and follow us on <strong><a href="https://github.com/lbliii/emdashCSS">GitHub</a></strong>. </p>
9797
</div>

0 commit comments

Comments
 (0)