Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Changed default font to sans-serif and some tweaks #27

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Changed default font to sans-serif and some tweaks #27

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
5384e9d
Changed nunito to sans-serif as default font (and some tweaks)
Sep 7, 2020
e0e4e7f
I forgot to push this
Sep 7, 2020
137272d
Changed 395 to 443 bytes gzipped
Sep 7, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
2 changes: 1 addition & 1 deletion dist/lit.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Binary file modified dist/lit.css.gz
View file
Open in desktop
Binary file not shown.
7 changes: 3 additions & 4 deletions docs/lit.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>lit 🔥</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Nunito:300,400,700" rel="stylesheet">
<!-- Link to your stylesheet here -->
<link rel="stylesheet" href="../dist/lit.css">
<!-- Place this tag in your head or just before your close body tag. -->
Expand All @@ -29,7 +28,7 @@

<body class="c">
<h1>lit 🔥</h1>
<h5>world's smallest responsive css framework* (<a href="https://github.com/Ajusa/lit/blob/master/dist/lit.css.gz">395 bytes</a> gzipped and minified)</h5>
<h5>world's smallest responsive css framework* (<a href="https://github.com/Ajusa/lit/blob/master/dist/lit.css.gz">434 bytes</a> gzipped and minified)</h5>
<p>This is the result of me playing css "code golf" with <a href="http://www.getskeleton.com">Skeleton</a>. As such, this framework strives to maintain all of the features that Skeleton and other similar frameworks offer, while working on older browsers as well.</p>
<p>If you want a little more, try using <a href="./util.html">util</a>, an addon for lit</p>
<p>Any other thoughts? Head to the <a href="https://github.com/ajusa/lit">Github</a> repository and make an issue! If you like this idea, don't forget to </p>
Expand Down Expand Up @@ -112,7 +111,7 @@ <h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<p>This is a paragraph. The font family is <a href="https://fonts.google.com/specimen/Nunito">Nunito</a>.
<p>This is a paragraph.
<b>Some bold text.</b> <i>Italics also looks nice.</i> You can <u>underline</u> things you feel are important. Lit has styles that override the default heading styles, including margin.</p>
<pre><code>
&lt;h1&gt;Heading&lt;/h1&gt;
Expand Down Expand Up @@ -252,7 +251,7 @@ <h4 id="tables">Tables</h4>
<tr>
<td>lit</td>
<td>Full</td>
<td>395</td>
<td>434</td>
</tr>
<tr>
<td>Skeleton</td>
Expand Down
3 changes: 1 addition & 2 deletions docs/util.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>util</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Nunito:300,400,700" rel="stylesheet">
<!-- Link to your stylesheet here -->
<link rel="stylesheet" href="../dist/lit.css">
<link rel="stylesheet" href="../dist/util.css">
Expand Down Expand Up @@ -183,4 +182,4 @@ <h1 class="mega mb0">Name</h1>
</div>
</body>

</html>
</html>
3 changes: 1 addition & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>lit</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Nunito:300,400,700" rel="stylesheet">
<!-- Link to your stylesheet here -->
<link rel="stylesheet" href="dist/lit.css">
<link rel="stylesheet" href="dist/util.css">
Expand Down Expand Up @@ -42,4 +41,4 @@ <h4 class="mb1 normal info">util</h4>
</div>
</div>
</div>
</body>
</body>
25 changes: 16 additions & 9 deletions src/lit.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,10 @@
/*
* Lit v0.1
* Primary Color set to: #FA0
* Font set to: Nunito
*/

:root {
--font: nunito;
--font: sans-serif;
--primary-color: #fa0;
--light: #eee;
}
Expand Down Expand Up @@ -87,27 +86,27 @@ a:hover,
}

h6 {
font: 100 1em var(--font);
font: 400 1em var(--font);
}

h5 {
font: 100 1.2em var(--font);
font: 400 1.2em var(--font);
}

h3 {
font: 100 2em var(--font);
font: 400 2em var(--font);
}

h4 {
font: 100 1.5em var(--font);
font: 400 1.5em var(--font);
}

h2 {
font: 100 2.2em var(--font);
font: 400 2.2em var(--font);
}

h1 {
font: 100 2.5em var(--font);
font: 400 2.5em var(--font);
}

a {
Expand All @@ -134,4 +133,12 @@ th {
background: white;
border: solid;
font: .7em var(--font);
}
}

a.btn {
display: inline-block;
}

select, input {
font-family: var(--font);
}