2021-07-20 03:19:02 +09:00
|
|
|
.icon-avatar {
|
|
|
|
border-radius: 50%;
|
|
|
|
width: var(--main-size);
|
|
|
|
}
|
|
|
|
|
|
|
|
/* left panel z-index fix */
|
|
|
|
.form {
|
|
|
|
position: relative;
|
|
|
|
z-index: 0;
|
|
|
|
}
|
|
|
|
#header {
|
|
|
|
z-index: 1;
|
|
|
|
}
|
|
|
|
|
2021-07-19 21:06:07 +09:00
|
|
|
/* CHECKBOX TRICK */
|
|
|
|
.icon-menu label {
|
|
|
|
opacity: 0;
|
|
|
|
cursor: pointer
|
2021-07-24 03:28:11 +09:00
|
|
|
}
|
2021-07-19 21:06:07 +09:00
|
|
|
#toggle {
|
|
|
|
position: absolute;
|
|
|
|
z-index: 2;
|
|
|
|
cursor: pointer;
|
|
|
|
opacity: 0;
|
2021-07-25 08:14:18 +09:00
|
|
|
}
|
2021-07-19 21:06:07 +09:00
|
|
|
#toggle:checked+.navbar {
|
|
|
|
display: block;
|
|
|
|
left: 0;
|
|
|
|
top: 0;
|
|
|
|
transition: 0.3s ease;
|
2021-07-24 03:28:11 +09:00
|
|
|
}
|
|
|
|
|
2021-07-19 21:06:07 +09:00
|
|
|
#left-panel {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
left: 0;
|
2021-07-20 03:19:02 +09:00
|
|
|
|
|
|
|
width: calc(2 * var(--unit-size-w));
|
|
|
|
padding: var(--small-size);
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
font-size: var(--medium-size);
|
|
|
|
background-image: linear-gradient(var(--bg1), transparent);
|
2021-07-19 21:06:07 +09:00
|
|
|
}
|