PHP Classes

File: vendors/select2/docs/_sass/_hamburger.scss

Recommend this page to a friend!
  Classes of Jorge Castro   Gentelella BladeOne   vendors/select2/docs/_sass/_hamburger.scss   Download  
File: vendors/select2/docs/_sass/_hamburger.scss
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Gentelella BladeOne
Render templates using Bootstrap for presentation
Author: By
Last change:
Date: 3 years ago
Size: 826 bytes
 

Contents

Class file image Download
// Animated hamburger icon // // Add an animation to Bootstrap's `.navbar-toggle` hamburger icon, // courtesy of Julien Melissas. // // @see http://codepen.io/JulienMelissas/pen/LEBGLj // @see http://julienmelissas.com/animated-x-icon-for-the-bootstrap-navbar-toggle/ .navbar-toggle { border: none; background: transparent !important; &:hover { background: transparent !important; } .icon-bar { width: 22px; transition: all 0.2s; } .top-bar { transform: rotate(45deg); transform-origin: 10% 10%; } .middle-bar { opacity: 0; } .bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; } &.collapsed { .top-bar { transform: rotate(0); } .middle-bar { opacity: 1; } .bottom-bar { transform: rotate(0); } } }