sergiotarxz/burguillos.info
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Adding a new sidebar trial.

Browse Source
This commit is contained in:
sergiotarxz 2023-09-28 20:30:16 +02:00
parent f2e0b06909
commit feaebee109
2 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
public/css/styles.css
View File

@ -9,7 +9,7 @@ body {
width: 100%; width: 100%;
height: 100%; } height: 100%; }
body span.round-center { body span.round-center {
background: black; background: blueviolet;
color: white; color: white;
line-height: 100%; line-height: 100%;
aspect-ratio: 1 / 1; aspect-ratio: 1 / 1;
@ -207,7 +207,7 @@ body {
height: calc(100% - 60px); height: calc(100% - 60px);
z-index: 500; z-index: 500;
transition: left 0.5s ease-in; transition: left 0.5s ease-in;
background: #F5F5DC; } background: white; }
body nav.mobile-foldable > a:first-child { body nav.mobile-foldable > a:first-child {
margin-top: 30px; } margin-top: 30px; }
body nav.mobile-foldable a { body nav.mobile-foldable a {
@ -216,17 +216,18 @@ body {
height: auto; height: auto;
padding-left: auto; padding-left: auto;
padding-right: auto; padding-right: auto;
color: black; color: blueviolet;
border: 1px solid black; background: white;
background: #dcdcf5;
margin-top: 10px; margin-top: 10px;
padding: 10px; padding: 10px;
margin-left: 10px; margin-left: 10px;
border-radius: 20px; border-radius: 20px;
width: calc(100% - 20px - 20px - 2px); } width: calc(100% - 20px - 20px - 2px); }
body nav.mobile-foldable div.child-categories-mobile {
margin-left: 80px;
width: calc(100% - 90px - 20px); }
body nav.mobile-foldable div.child-categories-mobile a { body nav.mobile-foldable div.child-categories-mobile a {
width: calc(100% - 50px - 20px); display: list-item;
margin-left: 40px;
font-size: 1em; } font-size: 1em; }
body nav.mobile-foldable.show { body nav.mobile-foldable.show {
left: 30%; } left: 30%; }
@ -235,7 +236,7 @@ body {
align-items: center; align-items: center;
justify-content: center; } justify-content: center; }
body nav.mobile-shortcuts > a.active { body nav.mobile-shortcuts > a.active {
background: #F5F5DC; background: white;
color: #dcdcf5; } color: #dcdcf5; }
body a.menu-expand { body a.menu-expand {
padding-bottom: 9px; } padding-bottom: 9px; }

17
public/css/styles.scss
View File

@ -8,7 +8,7 @@ $background-secondary: #635283;
$color-secondary: #8eea6d; $color-secondary: #8eea6d;
$accent-secondary: #fde68f; $accent-secondary: #fde68f;
$primary-secondary: #590e11; $primary-secondary: #590e11;
$background_sidebar: #F5F5DC; $background_sidebar: white; //#F5F5DC;
$color_sidebar: #dcdcf5; $color_sidebar: #dcdcf5;
html { html {
@ -17,8 +17,8 @@ html {
body { body {
span.round-center { span.round-center {
background: black; background: $background_div;
color: white; color: $background_sidebar;
line-height: 100%; line-height: 100%;
aspect-ratio: 1 / 1; aspect-ratio: 1 / 1;
display: inline-flex; display: inline-flex;
@ -317,9 +317,9 @@ body {
height: auto; height: auto;
padding-left: auto; padding-left: auto;
padding-right: auto; padding-right: auto;
color: black; color: $background_div;
border: 1px solid black; // border: 1px solid black;
background: $color_sidebar; background: $background_sidebar;
margin-top: 10px; margin-top: 10px;
padding: 10px; padding: 10px;
margin-left: 10px; margin-left: 10px;
@ -328,9 +328,10 @@ body {
} }
div.child-categories-mobile { div.child-categories-mobile {
margin-left: 80px;
width: calc(100% - 90px - 20px);
a { a {
width: calc(100% - 50px - 20px); display: list-item;
margin-left: 40px;
font-size: 1em; font-size: 1em;
} }
} }