[UI] Responsive base design polish
This commit is contained in:
parent
ccd6667e2c
commit
ea61109932
|
@ -91,6 +91,7 @@ b {
|
|||
#top {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
}
|
||||
|
|
|
@ -16,16 +16,15 @@
|
|||
--accent: #81a1c1;
|
||||
--bg1: #2e3440;
|
||||
--bg2: #3b4252;
|
||||
--bg3: #4c566a;
|
||||
--bg4: #2e344075;
|
||||
--bg5: #2e344090;
|
||||
--shadow: 0px 0px 90px 0px rgba(46,52,64,0.95);
|
||||
--bg3: #434c5e;
|
||||
--bg4: #4c566a;
|
||||
--shadow: 0px 0px 40px 0px rgba(46,52,64,0.95);
|
||||
}
|
||||
|
||||
/* DEFAULTS */
|
||||
body,
|
||||
html {
|
||||
background: var(--bg3);
|
||||
background: var(--bg4);
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
color: var(--fg);
|
||||
|
@ -35,6 +34,11 @@ html {
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 0;
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
ul {
|
||||
text-decoration: none;
|
||||
margin: 0;
|
||||
|
@ -193,7 +197,7 @@ b {
|
|||
width: var(--nav-size);
|
||||
height: calc(100vh - (3 * var(--unit-size)));
|
||||
position: fixed;
|
||||
background-color: var(--bg3);
|
||||
background-color: var(--bg1);
|
||||
margin-top: calc(3 * var(--main-size));
|
||||
}
|
||||
|
||||
|
|
|
@ -16,16 +16,15 @@
|
|||
--accent: #81a1c1;
|
||||
--bg1: #2e3440;
|
||||
--bg2: #3b4252;
|
||||
--bg3: #4c566a;
|
||||
--bg4: #2e344075;
|
||||
--bg5: #2e344090;
|
||||
--shadow: 0px 0px 90px 0px rgba(46,52,64,0.95);
|
||||
--bg3: #434c5e;
|
||||
--bg4: #4c566a;
|
||||
--shadow: 0px 0px 40px 0px rgba(46,52,64,0.95);
|
||||
}
|
||||
|
||||
/* DEFAULTS */
|
||||
body,
|
||||
html {
|
||||
background: var(--bg3);
|
||||
background: var(--bg4);
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
color: var(--fg);
|
||||
|
@ -35,6 +34,11 @@ html {
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 0;
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
ul {
|
||||
text-decoration: none;
|
||||
margin: 0;
|
||||
|
|
Loading…
Reference in New Issue
Block a user