Git-Mirrors/revuo-weekly
1
0
Fork 0
mirror of https://github.com/rottenwheel/revuo-weekly.git synced 2025-09-19 11:54:37 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

formatting

Browse source
This commit is contained in:
recanman 2024-01-21 13:19:22 -08:00
parent 6025946ad0
commit 38301f8715
7 changed files with 548 additions and 431 deletions
Download patch file Download diff file Expand all files Collapse all files

107
css/main.scss
View file

@ -5,53 +5,22 @@
//Import
@import "base", "mixin", "typography", "layout", "syntax.scss", "custom.scss", "responsive.scss";
/////////////////////////////////////////
/////////////////////////////////////////
/////////////////////////////////////////
//////////// LIGHT THEME ////////////////
/////////////////////////////////////////
/////////////////////////////////////////
/////////////////////////////////////////
//html {
//background-color: #0f0f0f;
////background-color: #f0f0f0;
//html {
//[>background-color: #0f0f0f;<]
////background-color: #f0f0f0;
//background-color: lightblue;
//}
////body {
//////background-color: #f0f0f0;
////background-color: #0f0f0f;
//body {
//[>background-color: #0f0f0f;<]
////background-color: #f0f0f0;
//background-color: lightblue;
//}
// Default Style (Dark)
:root {
--primary-color: #888888;
--secondary-color: #666666;
--font-color: #cecece;
--link-color: #e6e6e6;
--bg-color: #0f0f0f;
--heading-color: #454545;
--block-bg-color: #2f3234;
--block-bg-color-secondary: #444444;
--block-bg-color-heading: #333333;
--table-color: #cecece;
--head-nav-bg-color: transparent;
--head-nav-text-color: #d56f2a;
--menu-color: #e1e1e1;
--license-color: #666666;
--primary-color: #888888;
--secondary-color: #666666;
--font-color: #cecece;
--link-color: #e6e6e6;
--bg-color: #0f0f0f;
--heading-color: #454545;
--block-bg-color: #2f3234;
--block-bg-color-secondary: #444444;
--block-bg-color-heading: #333333;
--table-color: #cecece;
--head-nav-bg-color: transparent;
--head-nav-text-color: #d56f2a;
--menu-color: #e1e1e1;
--license-color: #666666;
}
.nojs-toggle {
@ -68,7 +37,7 @@
transition: all .3s ease;
}
#theme-switcher:checked ~ * {
#theme-switcher:checked~* {
--primary-color: #666666;
--secondary-color: #555555;
--font-color: #555555;
@ -78,18 +47,18 @@
--block-bg-color: #d7d7d7;
--block-bg-color-secondary: #c0c0c0;
--block-bg-color-heading: #a5a5a5;
--table-color: #000000;
--head-nav-bg-color: transparent;
--head-nav-text-color: #d56f2a;
--menu-color: #202225;
--license-color: #666666;
--table-color: #000000;
--head-nav-bg-color: transparent;
--head-nav-text-color: #d56f2a;
--menu-color: #202225;
--license-color: #666666;
}
#theme-switcher:checked ~ .switch .slider {
#theme-switcher:checked~.switch .slider {
background-color: #d56f2a;
}
#theme-switcher:checked ~ .switch .slider::before {
#theme-switcher:checked~.switch .slider::before {
-webkit-transform: translateX(26px);
-moz-transform: translateX(26px);
-ms-transform: translateX(26px);
@ -102,10 +71,11 @@
right: 10px;
}
}
// END theme switcher
// BEGIN menu toggle
#menu-toggle:checked ~ #nav {
#menu-toggle:checked~#nav {
-webkit-transform: translateX(-14rem);
-moz-transform: translateX(-14rem);
-ms-transform: translateX(-14rem);
@ -113,12 +83,12 @@
width: 100%;
}
#menu-toggle:checked ~ .menu-toggle #menu {
#menu-toggle:checked~.menu-toggle #menu {
background: none;
transition: all 0.1s ease-in;
}
#menu-toggle:checked ~ .menu-toggle #menu::before {
#menu-toggle:checked~.menu-toggle #menu::before {
top: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
@ -127,7 +97,7 @@
background-color: #0F0F0F;
}
#menu-toggle:checked ~ .menu-toggle #menu::after {
#menu-toggle:checked~.menu-toggle #menu::after {
top: -4px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
@ -137,10 +107,11 @@
}
@media (min-width: 940px) {
#menu-toggle:checked ~ #nav {
#menu-toggle:checked~#nav {
width: 30%;
}
}
// END menu toggle
#wrap {
@ -149,35 +120,35 @@
}
h1 {
color: var(--secondary-color);
color: var(--secondary-color);
}
a {
color: var(--link-color);
color: var(--link-color);
}
.moneroversary-table,
.price-table {
color: var(--table-color);
color: var(--table-color);
}
#weekly .revuo-classes a.wk,
#periodical .revuo-classes a.pd,
#wrap.periodical .revuo-classes a.pd:active,
#wrap.periodical .revuo-classes a.pd:focus {
background-color: var(--head-nav-bg-color);
color: var(--head-nav-text-color);
background-color: var(--head-nav-bg-color);
color: var(--head-nav-text-color);
}
time.by-line,
p.by-line-post {
color: var(--table-color);
color: var(--table-color);
}
#menu,
#menu::after,
#menu::before {
background-color: var(--menu-color);
background-color: var(--menu-color);
}
#header .action-container {
@ -200,8 +171,10 @@ p.by-line-post {
}
#header {
a.rss, a.donate {
a.rss,
a.donate {
display: block;
padding-bottom: 0;
}
}
}