ershisan99/home-works
1
0
Fork 0
mirror of https://github.com/IgnatZakalinsky/home-works.git synced 2026-01-30 12:32:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

hw5

Browse Source
This commit is contained in:
Andres
2022-06-26 19:08:48 +02:00
parent 3d2935896f
commit 494682354c
16 changed files with 237 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
src/s2-homeworks/hw05/sidebar/Sidebar.module.css Normal file
View File

@@ -0,0 +1,71 @@
.sidebar {
background: #fff;
height: 100vh;
left: -317px;
max-width: 317px;
min-width: 317px;
position: fixed;
top: 0;
transition: 0.2s ease-in;
z-index: 2;
}
.sidebar.open {
box-shadow: 0 10px 40px rgba(29, 33, 38, 0.13), 0 1px 2px rgba(29, 33, 38, 0.1);
left: 0;
position: fixed;
transition: 0.2s ease-out;
}
.background {
backdrop-filter: blur(2px);
background: rgba(0, 0, 0, 0.3);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1;
}
.nav {
display: flex;
flex-direction: column;
font-family: 'Montserrat', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 600;
gap: 45px;
line-height: 27px;
margin-top: 63px;
padding-left: 70px;
}
.nav a {
color: black;
text-decoration: none;
}
.nav a:hover {
color: #0080ff;
}
.nav a.active {
color: #0059b2;
}
.close {
background-color: transparent;
border: none;
cursor: pointer;
height: 24px;
position: absolute;
right: 24px;
top: 16px;
width: 24px;
}
.close img {
height: 24px;
width: 24px;
}