peterkrzyzek/ghost_leaders_theme
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity

Many things

Browse source
This commit is contained in:
John O'Nolan 2019-11-06 15:52:09 +07:00
parent 166c34c95c
commit ca6fdac0f0
3 changed files with 63 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

51
assets/css/screen.css
View file

@ -120,7 +120,56 @@ production stylesheet in assets/built/screen.css using: gulp dev
padding: 5px 0;
}
/* Footer */
/* Menu
/* ---------------------------------------------------------- */
.burger {
position: relative;
display: inline-block;
cursor: pointer;
}
.burger-box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 33px;
height: 33px;
}
.burger-inner {
width: 100%;
height: 100%;
}
.burger-inner::before,
.burger-inner::after {
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
margin: auto;
content: '';
width: 100%;
height: 1px;
background: #fff;
transition: transform 250ms cubic-bezier(.2,.6,.3,1), width 250ms cubic-bezier(.2,.6,.3,1);
will-change: transform, width;
}
.burger-inner::before {
transform: translatey(-5px);
}
.burger-inner::after {
transform: translatey(5px);
}
/* Footer
/* ---------------------------------------------------------- */
.gh-foot {
display: flex;
align-items: center;