burger taille
This commit is contained in:
File diff suppressed because one or more lines are too long
+1
-1
File diff suppressed because one or more lines are too long
@@ -6,7 +6,7 @@
|
||||
* @link https://github.com/jonsuh/hamburgers
|
||||
*/
|
||||
.hamburger {
|
||||
padding: 15px 15px;
|
||||
/* padding: 15px 15px; */
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
transition-property: opacity, filter;
|
||||
|
||||
+791
-5887
File diff suppressed because it is too large
Load Diff
@@ -1,56 +1,21 @@
|
||||
{
|
||||
"name": "spectre.css",
|
||||
"version": "0.5.1",
|
||||
"homepage": "http://picturepan2.github.io/spectre",
|
||||
"author": "Yan Zhu <picturepan2@hotmail.com>",
|
||||
"description": "Spectre.css: a lightweight, responsive and modern CSS framework",
|
||||
"main": "docs/dist/spectre.css",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/picturepan2/spectre.git"
|
||||
},
|
||||
"license": "MIT",
|
||||
"keywords": [
|
||||
"css",
|
||||
"framework",
|
||||
"flexbox",
|
||||
"responsive",
|
||||
"mobile-friendly",
|
||||
"front-end",
|
||||
"sass",
|
||||
"modern"
|
||||
],
|
||||
"bugs": {
|
||||
"url": "https://github.com/picturepan2/spectre/issues"
|
||||
},
|
||||
"devDependencies": {
|
||||
"gulp": "^4.0.2",
|
||||
"gulp-autoprefixer": "^6.1.0",
|
||||
"gulp-clean-css": "^3.9.4",
|
||||
"gulp-csscomb": "^3.0.8",
|
||||
"gulp-rename": "^1.2.2",
|
||||
"gulp-sass": "^4.0.2"
|
||||
},
|
||||
"browserslist": [
|
||||
"last 4 Chrome versions",
|
||||
"Edge >= 12",
|
||||
"Firefox ESR",
|
||||
"last 4 Safari versions",
|
||||
"last 4 Opera versions",
|
||||
"Explorer >= 10"
|
||||
],
|
||||
"name": "figureslibres",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "gulpfile.js",
|
||||
"dependencies": {
|
||||
"caniuse-lite": "^1.0.30000984",
|
||||
"gulp-sourcemaps": "^2.6.5",
|
||||
"gutil": "^1.6.4",
|
||||
"immutable": "^4.0.0-rc.12",
|
||||
"merge": "^1.2.1",
|
||||
"minimatch": "^3.0.4",
|
||||
"normalize.css": "^8.0.1",
|
||||
"npm": "^6.11.3",
|
||||
"path": "^0.12.7",
|
||||
"util": "^0.12.1",
|
||||
"utils": "^0.3.1",
|
||||
"vue": "^2.6.10"
|
||||
}
|
||||
"gulp": "^4.0.2",
|
||||
"gulp-autoprefixer": "^7.0.1",
|
||||
"gulp-clean-css": "^4.3.0",
|
||||
"gulp-csscomb": "^3.1.0",
|
||||
"gulp-rename": "^2.0.0",
|
||||
"gulp-sass": "^4.1.0",
|
||||
"gulp-sourcemaps": "^2.6.5"
|
||||
},
|
||||
"devDependencies": {},
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC"
|
||||
}
|
||||
|
||||
@@ -16,8 +16,8 @@
|
||||
#icone_list{
|
||||
z-index: 1000;
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
top: 27px;
|
||||
right: 20px;
|
||||
}
|
||||
.list-projets{
|
||||
height: 100%;
|
||||
|
||||
@@ -269,20 +269,20 @@ body{
|
||||
|
||||
#icone_list{
|
||||
.hamburger{
|
||||
padding: 0.8rem;
|
||||
// padding: 0.8rem;
|
||||
.hamburger-box{
|
||||
width: 25px;
|
||||
height: 12px;
|
||||
width: 35px;
|
||||
// height: 12px;
|
||||
.hamburger-inner{
|
||||
height: 2px;
|
||||
width: 25px;
|
||||
width: 35px;
|
||||
&::before{
|
||||
width: 25px;
|
||||
width: 35px;
|
||||
height: inherit;
|
||||
top: 5px;
|
||||
top: 10px;
|
||||
}
|
||||
&::after{
|
||||
top: 10px;
|
||||
top: 20px;
|
||||
height: inherit;
|
||||
width: inherit;
|
||||
}
|
||||
@@ -290,9 +290,9 @@ body{
|
||||
}
|
||||
&.hamburger--slider.is-active{
|
||||
.hamburger-inner{
|
||||
transform: translate3d(0, 5px, 0) rotate(45deg);
|
||||
transform: translate3d(0, 10px, 0) rotate(45deg);
|
||||
&::after {
|
||||
transform: translate3d(0, -10px, 0) rotate(-90deg);
|
||||
transform: translate3d(0, -20px, 0) rotate(-90deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user