diff options
author | Indrajith K L | 2022-08-28 00:41:33 +0530 |
---|---|---|
committer | Indrajith K L | 2022-08-28 00:41:33 +0530 |
commit | 191fb0c0aa31a5142f81ea6f7fcf253b10f0297c (patch) | |
tree | 019ad6000e0be1e01779a962b42ce437e84aaed9 /src/css | |
parent | 7524f9aa94368d28250813a4e3bad965d178aa7c (diff) | |
download | indrajith-dev-191fb0c0aa31a5142f81ea6f7fcf253b10f0297c.tar.gz indrajith-dev-191fb0c0aa31a5142f81ea6f7fcf253b10f0297c.tar.bz2 indrajith-dev-191fb0c0aa31a5142f81ea6f7fcf253b10f0297c.zip |
* Project Restructred
* Adds Tailwind
* Completed Intro Page, About, Posts Listing
* Changes build and development scripts
Diffstat (limited to 'src/css')
-rw-r--r-- | src/css/styles.css | 141 |
1 files changed, 91 insertions, 50 deletions
diff --git a/src/css/styles.css b/src/css/styles.css index b8f38d1..de570b1 100644 --- a/src/css/styles.css +++ b/src/css/styles.css @@ -1,3 +1,7 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + @import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap'); @font-face { @@ -22,86 +26,123 @@ body { min-height: 100vh; } -main { - flex: 1; - font-family: 'Oswald', sans-serif; - margin: 20px; -} +code[class*="language-"], +pre[class*="language-"] { + color: #657b83; /* base00 */ + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + font-size: 1em; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; -nav { - background: #1c1626; - color: #fefffb; -} + line-height: 1.5; -.navs { - list-style-type: none; - padding-left: 0; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; } -.nav { - display: inline-block; +pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, +code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { + background: #073642; /* base02 */ } -.nav a { - display: inline-block; - color: #fefffb; - text-decoration: none; - padding: 10px; +pre[class*="language-"]::selection, pre[class*="language-"] ::selection, +code[class*="language-"]::selection, code[class*="language-"] ::selection { + background: #073642; /* base02 */ } -.logo { - font-family: "supplyRegular"; - font-size: 20px; +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; + border-radius: 0.3em; } -.nav a.links{ +:not(pre) > code[class*="language-"], +pre[class*="language-"] { + background-color: #fdf6e3; /* base3 */ +} - font-family: "supplyLight"; +/* Inline code */ +:not(pre) > code[class*="language-"] { + padding: .1em; + border-radius: .3em; } -footer { - background: #1c1626; - color: #fefffb; - font-family: "supplyLight"; - padding: 10px; - font-size: 15px; - text-align: center; +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #93a1a1; /* base1 */ } -.color-white { - color: #fefffb; +.token.punctuation { + color: #586e75; /* base01 */ } -.color-black { - color: #1c1626; +.token.namespace { + opacity: .7; } -.color-red { - color: #ff2961; +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.constant, +.token.symbol, +.token.deleted { + color: #268bd2; /* blue */ } -.post-lists { - margin-top: 10px; +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.builtin, +.token.url, +.token.inserted { + color: #2aa198; /* cyan */ } -.post-data { - margin-bottom: 10px; +.token.entity { + color: #657b83; /* base00 */ + background: #eee8d5; /* base2 */ } -.post-date { - font-size: 15px; +.token.atrule, +.token.attr-value, +.token.keyword { + color: #859900; /* green */ } -.post-title { - font-size: 20px; +.token.function, +.token.class-name { + color: #b58900; /* yellow */ } -a { - color: #ff2961; - font-family: 'Oswald', sans-serif; +.token.regex, +.token.important, +.token.variable { + color: #cb4b16; /* orange */ } -.text-center{ - text-align: center; +.token.important, +.token.bold { + font-weight: bold; +} +.token.italic { + font-style: italic; } +.token.entity { + cursor: help; +}
\ No newline at end of file |