aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles
diff options
context:
space:
mode:
Diffstat (limited to 'src/styles')
-rw-r--r--src/styles/global.css28
-rw-r--r--src/styles/skeleton-light.css261
2 files changed, 277 insertions, 12 deletions
diff --git a/src/styles/global.css b/src/styles/global.css
index 999782f..55d38cb 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -7,13 +7,13 @@ body {
font-family: Verdana, sans-serif;
margin: auto;
padding: 20px;
- max-width: 65ch;
+ max-width: 90ch;
text-align: left;
- background-color: #fff;
+ background-color: #1A1A1A;
word-wrap: break-word;
overflow-wrap: break-word;
- line-height: 1.5;
- color: #444;
+ line-height: 1.65;
+ color: #f0f0f0;
}
h1,
h2,
@@ -23,10 +23,10 @@ h5,
h6,
strong,
b {
- color: #222;
+ color: #ffffff;
}
a {
- color: #3273dc;
+ color: #4ca6ff;
}
nav a {
margin-right: 10px;
@@ -50,8 +50,12 @@ img {
}
code {
padding: 2px 5px;
- background-color: #f2f2f2;
+ background-color: #646464;
}
+td,th {
+ border: 1px solid white;
+ padding: 8px;
+ }
pre {
padding: 1rem;
}
@@ -59,9 +63,9 @@ pre > code {
all: unset;
}
blockquote {
- border: 1px solid #999;
- color: #222;
- padding: 2px 0px 2px 20px;
- margin: 0px;
+ border: 1px solid #666;
+ color: #ccc;
+ padding: 10px 20px;
+ margin: 0;
font-style: italic;
-}
+ } \ No newline at end of file
diff --git a/src/styles/skeleton-light.css b/src/styles/skeleton-light.css
new file mode 100644
index 0000000..d33a65d
--- /dev/null
+++ b/src/styles/skeleton-light.css
@@ -0,0 +1,261 @@
+/*
+* littlelink V1
+* https://littlelink.com
+* Free to use under the MIT license.
+* http://www.opensource.org/licenses/mit-license.php
+* 12/21/2019
+*
+* Built using:
+*
+* Skeleton V2.0.4
+* Copyright 2014, Dave Gamache
+* www.getskeleton.com
+* Free to use under the MIT license.
+* http://www.opensource.org/licenses/mit-license.php
+* 12/29/2014
+*/
+
+/* Table of contents
+––––––––––––––––––––––––––––––––––––––––––––––––––
+- Grid
+- Base Styles
+- Typography
+- Links
+- Code
+- Spacing
+- Utilities
+*
+* You'll find the button css in css/brands.css.
+*
+*/
+
+/* Grid
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+.container {
+ position: relative;
+ width: 100%;
+ max-width: 600px;
+ text-align: center;
+ margin: 0 auto;
+ padding: 0 20px;
+ box-sizing: border-box;
+}
+.container-left {
+ position: relative;
+ width: 100%;
+ max-width: 600px;
+ text-align: left;
+ margin: 0 auto;
+ padding: 0 20px;
+ box-sizing: border-box;
+}
+.column {
+ position: center;
+ width: 100%;
+ float: center;
+ box-sizing: border-box;
+}
+
+/* For devices larger than 400px */
+@media (min-width: 400px) {
+ .container {
+ width: 85%;
+ padding: 0;
+ }
+}
+
+/* For devices larger than 550px */
+@media (min-width: 550px) {
+ .container {
+ width: 80%;
+ }
+ .column,
+ .columns {
+ margin-left: 0;
+ }
+ .column:first-child,
+ .columns:first-child {
+ margin-left: 0;
+ }
+}
+
+/* Base Styles
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+/* NOTE
+html is set to 62.5% so that all the REM measurements throughout Skeleton
+are based on 10px sizing. So basically 1.5rem = 15px :) */
+
+html {
+ font-size: 100%;
+ color-scheme: light;
+}
+body {
+ font-size: 18px;
+ line-height: 24px;
+ font-weight: 400;
+ font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
+ sans-serif;
+}
+
+/* Typography
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+h1 {
+ margin-top: 0;
+ margin-bottom: 16px;
+ font-weight: 800;
+}
+h1 {
+ font-size: 24px;
+ line-height: 64px;
+ letter-spacing: 0;
+}
+
+/* Larger than phablet */
+@media (min-width: 550px) {
+ h1 {
+ font-size: 48px;
+ line-height: 96px;
+ }
+}
+
+p {
+ margin-top: 0;
+}
+
+/* Links
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+a {
+ color: #2457F5;
+}
+a:hover {
+ color: #083BDA;
+}
+
+/* Code
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+code {
+ padding: 0.2rem 0.5rem;
+ margin: 0 0.2rem;
+ font-size: 90%;
+ white-space: nowrap;
+ background: #f1f1f1;
+ border: 1px solid #e1e1e1;
+ border-radius: 4px;
+}
+pre > code {
+ display: block;
+ padding: 1rem 1.5rem;
+ white-space: pre;
+}
+
+/* Spacing
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+button,
+.button {
+ margin-bottom: 1rem;
+}
+input,
+textarea,
+select,
+fieldset {
+ margin-bottom: 1.5rem;
+}
+pre,
+blockquote,
+dl,
+figure,
+p,
+ol {
+ margin-bottom: 2.5rem;
+}
+
+/* Utilities
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+.u-full-width {
+ width: 100%;
+ box-sizing: border-box;
+}
+.u-max-full-width {
+ max-width: 100%;
+ box-sizing: border-box;
+}
+.u-pull-right {
+ float: right;
+}
+.u-pull-left {
+ float: left;
+}
+
+/* Misc
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+hr {
+ margin-top: 3rem;
+ margin-bottom: 3.5rem;
+ border-width: 0;
+ border-top: 1px solid #e1e1e1;
+}
+/* Radius values:
+
+10%-40%: Squircles
+50% (default): True circle
+*/
+.avatar {
+ width: 128px;
+ height: 128px;
+ object-fit: cover;
+ background-position: center;
+ border-radius: 50%;
+}
+
+/* open-sans-regular - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
+ src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
+ url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
+ url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
+}
+/* open-sans-600 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.eot'); /* IE9 Compat Modes */
+ src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2') format('woff2'), /* Super Modern Browsers */
+ url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff') format('woff'), /* Modern Browsers */
+ url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.svg#OpenSans') format('svg'); /* Legacy iOS */
+}
+/* open-sans-700 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
+ src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
+ url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */
+ url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#OpenSans') format('svg'); /* Legacy iOS */
+}
+/* open-sans-800 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 800;
+ src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot'); /* IE9 Compat Modes */
+ src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff2') format('woff2'), /* Super Modern Browsers */
+ url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff') format('woff'), /* Modern Browsers */
+ url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.svg#OpenSans') format('svg'); /* Legacy iOS */
+} \ No newline at end of file
send patches to the email below
yukais@pinapelz.com
include the subject [PATCH repo_name]
pinapelz.com
homepage