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

21
public/css/styles.css
View File

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

17
public/css/styles.scss
View File

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