mirror of
https://github.com/rottenwheel/revuo-weekly.git
synced 2024-11-22 19:13:29 +01:00
code optimization
This commit is contained in:
parent
accd2d3474
commit
e8a6d5624f
144
css/main.scss
144
css/main.scss
@ -5,8 +5,6 @@
|
|||||||
//Import
|
//Import
|
||||||
@import "base", "mixin", "typography", "layout", "syntax.scss", "custom.scss", "responsive.scss";
|
@import "base", "mixin", "typography", "layout", "syntax.scss", "custom.scss", "responsive.scss";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/////////////////////////////////////////
|
/////////////////////////////////////////
|
||||||
/////////////////////////////////////////
|
/////////////////////////////////////////
|
||||||
/////////////////////////////////////////
|
/////////////////////////////////////////
|
||||||
@ -16,147 +14,146 @@
|
|||||||
/////////////////////////////////////////
|
/////////////////////////////////////////
|
||||||
|
|
||||||
//html {
|
//html {
|
||||||
//background-color: #0f0f0f;
|
//background-color: #0f0f0f;
|
||||||
////background-color: #f0f0f0;
|
////background-color: #f0f0f0;
|
||||||
|
|
||||||
//html {
|
//html {
|
||||||
//[>background-color: #0f0f0f;<]
|
//[>background-color: #0f0f0f;<]
|
||||||
////background-color: #f0f0f0;
|
////background-color: #f0f0f0;
|
||||||
//background-color: lightblue;
|
//background-color: lightblue;
|
||||||
//}
|
//}
|
||||||
|
|
||||||
|
|
||||||
////body {
|
////body {
|
||||||
//////background-color: #f0f0f0;
|
//////background-color: #f0f0f0;
|
||||||
////background-color: #0f0f0f;
|
////background-color: #0f0f0f;
|
||||||
|
|
||||||
//body {
|
//body {
|
||||||
//[>background-color: #0f0f0f;<]
|
//[>background-color: #0f0f0f;<]
|
||||||
////background-color: #f0f0f0;
|
////background-color: #f0f0f0;
|
||||||
//background-color: lightblue;
|
//background-color: lightblue;
|
||||||
//}
|
//}
|
||||||
|
|
||||||
// Default Style (Dark)
|
// Default Style (Dark)
|
||||||
:root {
|
:root {
|
||||||
--primary-color: #888888;
|
--primary-color: #888888;
|
||||||
--secondary-color: #666666;
|
--secondary-color: #666666;
|
||||||
--font-color: #cecece;
|
--font-color: #cecece;
|
||||||
--link-color: #e6e6e6;
|
--link-color: #e6e6e6;
|
||||||
--bg-color: #0f0f0f;
|
--bg-color: #0f0f0f;
|
||||||
--heading-color: #454545;
|
--heading-color: #454545;
|
||||||
--block-bg-color: #2f3234;
|
--block-bg-color: #2f3234;
|
||||||
--block-bg-color-secondary: #444444;
|
--block-bg-color-secondary: #444444;
|
||||||
--block-bg-color-heading: #333333;
|
--block-bg-color-heading: #333333;
|
||||||
--table-color: #cecece;
|
--table-color: #cecece;
|
||||||
--head-nav-bg-color: transparent;
|
--head-nav-bg-color: transparent;
|
||||||
--head-nav-text-color: #d56f2a;
|
--head-nav-text-color: #d56f2a;
|
||||||
--menu-color: #e1e1e1;
|
--menu-color: #e1e1e1;
|
||||||
--license-color: #666666;
|
--license-color: #666666;
|
||||||
}
|
}
|
||||||
// Was entered incorrectly.. Dark = Light
|
// Was entered incorrectly.. Dark = Light
|
||||||
[data-theme="dark"] {
|
[data-theme="dark"] {
|
||||||
--primary-color: #666666;
|
--primary-color: #666666;
|
||||||
--secondary-color: #555555;
|
--secondary-color: #555555;
|
||||||
--font-color: #555555;
|
--font-color: #555555;
|
||||||
--link-color: #444444;
|
--link-color: #444444;
|
||||||
--bg-color: #2f3136;
|
--bg-color: #2f3136;
|
||||||
--heading-color: #666666;
|
--heading-color: #666666;
|
||||||
--block-bg-color: #d7d7d7;
|
--block-bg-color: #d7d7d7;
|
||||||
--block-bg-color-secondary: #c0c0c0;
|
--block-bg-color-secondary: #c0c0c0;
|
||||||
--block-bg-color-heading: #a5a5a5;
|
--block-bg-color-heading: #a5a5a5;
|
||||||
--table-color: #000000;
|
--table-color: #000000;
|
||||||
--nav-bg-color: #353637;
|
--nav-bg-color: #353637;
|
||||||
--nav-bg-hover-color: #d56f2a;
|
--nav-bg-hover-color: #d56f2a;
|
||||||
--nav-text-color: #d9dcde;
|
--nav-text-color: #d9dcde;
|
||||||
--head-nav-bg-color: transparent;
|
--head-nav-bg-color: transparent;
|
||||||
--head-nav-text-color: #d56f2a;
|
--head-nav-text-color: #d56f2a;
|
||||||
--menu-color: #d56f2a;
|
--menu-color: #d56f2a;
|
||||||
--license-color: #666666;
|
--license-color: #666666;
|
||||||
--footer-bg-color: #202225;
|
--footer-bg-color: #202225;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: var(--bg-color);
|
background-color: var(--bg-color);
|
||||||
color: var(--font-color);
|
color: var(--font-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
background-color: var(--bg-color);
|
background-color: var(--bg-color);
|
||||||
color: var(--font-color);
|
color: var(--font-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
color: var(--secondary-color);
|
color: var(--secondary-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: var(--link-color);
|
color: var(--link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.moneroversary-table,
|
.moneroversary-table,
|
||||||
.price-table {
|
.price-table {
|
||||||
color: var(--table-color);
|
color: var(--table-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
#weekly .revuo-classes a.wk,
|
#weekly .revuo-classes a.wk,
|
||||||
#periodical .revuo-classes a.pd,
|
#periodical .revuo-classes a.pd,
|
||||||
#wrap.periodical .revuo-classes a.pd:active,
|
#wrap.periodical .revuo-classes a.pd:active,
|
||||||
#wrap.periodical .revuo-classes a.pd:focus {
|
#wrap.periodical .revuo-classes a.pd:focus {
|
||||||
background-color: var(--head-nav-bg-color);
|
background-color: var(--head-nav-bg-color);
|
||||||
color: var(--head-nav-text-color);
|
color: var(--head-nav-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
time.by-line,
|
time.by-line,
|
||||||
p.by-line-post {
|
p.by-line-post {
|
||||||
color: var(--table-color);
|
color: var(--table-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
#nav-menu {
|
#nav-menu {
|
||||||
background-color: var(--head-nav-bg-color);
|
background-color: var(--head-nav-bg-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu,
|
#menu,
|
||||||
#menu::after,
|
#menu::after,
|
||||||
#menu::before {
|
#menu::before {
|
||||||
background-color: var(--menu-color);
|
background-color: var(--menu-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
#nav {
|
#nav {
|
||||||
background-color: var(--nav-bg-color);
|
background-color: var(--nav-bg-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
#nav a, #nav-left a {
|
#nav a,
|
||||||
color: var(--nav-text-color);
|
#nav-left a {
|
||||||
|
color: var(--nav-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
#nav a:hover, #nav-left a:hover {
|
#nav a:hover,
|
||||||
background-color: var(--nav-bg-hover-color);
|
#nav-left a:hover {
|
||||||
color: var(--nav-bg-color);
|
background-color: var(--nav-bg-hover-color);
|
||||||
|
color: var(--nav-bg-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
#nav-list::after {
|
#nav-list::after {
|
||||||
background-color: var(--nav-bg-hover-color);
|
background-color: var(--nav-bg-hover-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu.btn-close::before,
|
#menu.btn-close::before,
|
||||||
#menu.btn-close::after {
|
#menu.btn-close::after {
|
||||||
background-color: var(--nav-bg-hover-color);
|
background-color: var(--nav-bg-hover-color);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-item {
|
.page-item {
|
||||||
background-color: var(--license-color);
|
background-color: var(--license-color);
|
||||||
color: var(--footer-bg-color);
|
color: var(--footer-bg-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pagination a:hover {
|
.pagination a:hover {
|
||||||
background-color: var(--nav-bg-color);;
|
background-color: var(--nav-bg-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
background-color: var(--footer-bg-color);
|
background-color: var(--footer-bg-color);
|
||||||
color: var(--nav-text-color);
|
color: var(--nav-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
#header .action-container {
|
#header .action-container {
|
||||||
@ -179,7 +176,8 @@ p.by-line-post {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#header {
|
#header {
|
||||||
a.rss, a.donate {
|
a.rss,
|
||||||
|
a.donate {
|
||||||
display: block;
|
display: block;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user