geoff
/
stylelite
mirror of https://github.com/n2geoff/stylelite.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

remove excess styles

This commit is contained in:
Geoff Doty 2024-05-17 13:29:48 -04:00
parent b9520487dc
commit e6b0db6e82
4 changed files with 11 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/stylelite.map vendored
View File

File diff suppressed because one or more lines are too long

4
dist/stylelite.min.css vendored
View File

File diff suppressed because one or more lines are too long

13
examples/overview.html
View File

@ -189,7 +189,6 @@
</div> </div>
</form> </form>
</section> </section>
<br>
<section> <section>
<a name="buttons"></a> <a name="buttons"></a>
<h2>Buttons</h2> <h2>Buttons</h2>
@ -244,7 +243,7 @@
<div class="grid"> <div class="grid">
<div> <div>
<section class="border"> <div class="border">
<header style="background: var(--theme); padding: 0 1rem; color: #FFF"> <header style="background: var(--theme); padding: 0 1rem; color: #FFF">
<strong>Dialogs</strong> <strong>Dialogs</strong>
</header> </header>
@ -255,18 +254,18 @@
<footer class="grid"> <footer class="grid">
<button class="" id="dialog">Open Modal</button> <button class="" id="dialog">Open Modal</button>
</footer> </footer>
</section>
</div> </div>
<article class="grid"> </div>
<div class="grid border">
<div class="grid-center"> <div class="grid-center">
More... More...
</div> </div>
</article> </div>
<article class="grid"> <div class="grid border">
<div class="grid-center"> <div class="grid-center">
More... More...
</div> </div>
</article> </div>
</div> </div>
<dialog> <dialog>
<p>Default Dialog Modal</p> <p>Default Dialog Modal</p>

8
src/stylelite.css
View File

@ -1,4 +1,4 @@
/*! Stylelite v:0.7.0 | MIT LICENSE | https://github.com/n2geoff/stylelite */ /*! Stylelite v:0.7.1 | MIT LICENSE | https://github.com/n2geoff/stylelite */
:root { :root {
--size: 1rem; --size: 1rem;
--radius: 0rem; --radius: 0rem;
@ -26,7 +26,7 @@
--fg: #EAECEE; --fg: #EAECEE;
} }
* {padding:0;margin:0} * {margin:0}
*,*::before,*::after { *,*::before,*::after {
box-sizing: border-box; box-sizing: border-box;
@ -36,14 +36,10 @@ html,body {
background: var(--bg); background: var(--bg);
color: var(--fg); color: var(--fg);
accent-color: var(--theme); accent-color: var(--theme);
margin: 0;
padding: 0;
font-family: system-ui, sans-serif; font-family: system-ui, sans-serif;
font-size: 16px; font-size: 16px;
letter-spacing: 0.0125em; letter-spacing: 0.0125em;
line-height: 1.5rem; line-height: 1.5rem;
box-sizing: border-box;
padding: 0;
} }
div, label, input, button, textarea, select {margin-bottom: .25rem;} div, label, input, button, textarea, select {margin-bottom: .25rem;}