1
0
mirror of https://github.com/jenil/chota.git synced 2023-08-10 21:13:07 +03:00

corrections

This commit is contained in:
Gaurav Panchal 2020-05-16 23:42:51 +05:30
parent 24497e764e
commit 982c33dafa
7 changed files with 17 additions and 17 deletions

10
dist/chota.css vendored
View File

@ -1,7 +1,7 @@
/*! chota.css v0.7.2 | MIT License | github.com/jenil/chota */ /*! chota.css v0.7.2 | MIT License | github.com/jenil/chota */
:root { :root {
--bg-color: #ffffff; --bg-color: #ffffff;
--bg-alt-color: #f3f3f6; --bg-secondary-color: #f3f3f6;
--color-primary: #14854F; --color-primary: #14854F;
--color-lightGrey: #d2d6dd; --color-lightGrey: #d2d6dd;
--color-grey: #747681; --color-grey: #747681;
@ -80,7 +80,7 @@ p {
margin-top: 0; margin-top: 0;
} }
blockquote { blockquote {
background-color: var(--bg-alt-color); background-color: var(--bg-secondary-color);
padding: 1.5rem 2rem; padding: 1.5rem 2rem;
border-left: 3px solid var(--color-lightGrey); border-left: 3px solid var(--color-lightGrey);
} }
@ -101,7 +101,7 @@ table {
text-align: left; text-align: left;
} }
table.striped tr:nth-of-type(2n) { table.striped tr:nth-of-type(2n) {
background-color: var(--bg-alt-color); background-color: var(--bg-secondary-color);
} }
td, td,
th { th {
@ -128,10 +128,10 @@ kbd {
white-space: pre-wrap; white-space: pre-wrap;
border-radius: 4px; border-radius: 4px;
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
background-color: var(--bg-alt-color); background-color: var(--bg-secondary-color);
} }
pre { pre {
background-color: var(--bg-alt-color); background-color: var(--bg-secondary-color);
font-size: 1em; font-size: 1em;
padding: 1rem; padding: 1rem;
overflow-x: auto; overflow-x: auto;

2
dist/chota.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
body.dark { body.dark {
--bg-color: #000; --bg-color: #000;
--bg-alt-color: #131316; --bg-secondary-color: #131316;
--font-color: #f5f5f5; --font-color: #f5f5f5;
--color-grey: #ccc; --color-grey: #ccc;
--color-darkGrey: #777; --color-darkGrey: #777;
@ -81,7 +81,7 @@ hr {
margin-left: .5rem; margin-left: .5rem;
} }
.highlight, code { background-color: var(--bg-alt-color); } .highlight, code { background-color: var(--bg-secondary-color); }
.highlight .c { color: #93a1a1 } /* Comment */ .highlight .c { color: #93a1a1 } /* Comment */
.highlight .err { color: #586e75 } /* Error */ .highlight .err { color: #586e75 } /* Error */
.highlight .g { color: #586e75 } /* Generic */ .highlight .g { color: #586e75 } /* Generic */

View File

@ -41,7 +41,7 @@
<li>🌈&nbsp; Easy to <a href="#customizing">extend</a> with CSS variables</li> <li>🌈&nbsp; Easy to <a href="#customizing">extend</a> with CSS variables</li>
<li>🎲&nbsp; Comes with a handful of <a href="#components">components</a> &amp; <a href="#utilities">utilities</a></li> <li>🎲&nbsp; Comes with a handful of <a href="#components">components</a> &amp; <a href="#utilities">utilities</a></li>
<li>&nbsp; Good Semantics</li> <li>&nbsp; Good Semantics</li>
<li>🌙&nbsp; Easy Dark Mode switch</li> <li>🌙&nbsp; Easy dark mode switch</li>
<li>🤡&nbsp; Supports <a href="#icons">icons</a> out-of-the-box</li> <li>🤡&nbsp; Supports <a href="#icons">icons</a> out-of-the-box</li>
</ul> </ul>
</section> </section>
@ -118,7 +118,7 @@
<style> <style>
body.dark { body.dark {
--bg-color: #000; --bg-color: #000;
--bg-alt-color: #131316; --bg-secondary-color: #131316;
--font-color: #f5f5f5; --font-color: #f5f5f5;
--color-grey: #ccc; --color-grey: #ccc;
--color-darkGrey: #777; --color-darkGrey: #777;

View File

@ -1,6 +1,6 @@
:root { :root {
--bg-color: #ffffff; --bg-color: #ffffff;
--bg-alt-color: #f3f3f6; --bg-secondary-color: #f3f3f6;
--color-primary: #14854F; --color-primary: #14854F;
--color-lightGrey: #d2d6dd; --color-lightGrey: #d2d6dd;
--color-grey: #747681; --color-grey: #747681;
@ -92,7 +92,7 @@ p {
} }
blockquote { blockquote {
background-color: var(--bg-alt-color); background-color: var(--bg-secondary-color);
padding: 1.5rem 2rem; padding: 1.5rem 2rem;
border-left: 3px solid var(--color-lightGrey); border-left: 3px solid var(--color-lightGrey);
} }
@ -117,7 +117,7 @@ table {
} }
table.striped tr:nth-of-type(2n) { table.striped tr:nth-of-type(2n) {
background-color: var(--bg-alt-color); background-color: var(--bg-secondary-color);
} }
td, td,
@ -149,11 +149,11 @@ kbd {
white-space: pre-wrap; white-space: pre-wrap;
border-radius: 4px; border-radius: 4px;
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
background-color: var(--bg-alt-color); background-color: var(--bg-secondary-color);
} }
pre { pre {
background-color: var(--bg-alt-color); background-color: var(--bg-secondary-color);
font-size: 1em; font-size: 1em;
padding: 1rem; padding: 1rem;
overflow-x: auto; overflow-x: auto;

View File

@ -13,7 +13,7 @@
body.dark { body.dark {
--bg-color: #000; --bg-color: #000;
--bg-alt-color: #131316; --bg-secondary-color: #131316;
--font-color: #f5f5f5; --font-color: #f5f5f5;
--color-grey: #ccc; --color-grey: #ccc;
--color-darkGrey: #777; --color-darkGrey: #777;

View File

@ -9,7 +9,7 @@
<style> <style>
body.dark { body.dark {
--bg-color: #000; --bg-color: #000;
--bg-alt-color: #131316; --bg-secondary-color: #131316;
--font-color: #f5f5f5; --font-color: #f5f5f5;
--color-grey: #ccc; --color-grey: #ccc;
--color-darkGrey: #777; --color-darkGrey: #777;