diff options
Diffstat (limited to 'public/bower_components/admin-lte/build/less/sidebar.less')
-rw-r--r-- | public/bower_components/admin-lte/build/less/sidebar.less | 141 |
1 files changed, 141 insertions, 0 deletions
diff --git a/public/bower_components/admin-lte/build/less/sidebar.less b/public/bower_components/admin-lte/build/less/sidebar.less new file mode 100644 index 0000000..076cf76 --- /dev/null +++ b/public/bower_components/admin-lte/build/less/sidebar.less @@ -0,0 +1,141 @@ +/* + * Component: Sidebar + * ------------------ + */ +// Main Sidebar +.main-sidebar { + position: absolute; + top: 0; + left: 0; + padding-top: 50px; + min-height: 100%; + width: @sidebar-width; + z-index: 810; + + // Using disposable variable to join statements with a comma + @transition-rule: @transition-speed @transition-fn, width @transition-speed @transition-fn; + .transition-transform(@transition-rule); + + @media (max-width: @screen-header-collapse) { + padding-top: 100px; + } + + @media (max-width: @screen-xs-max) { + .translate(-@sidebar-width, 0); + } + + .sidebar-collapse & { + @media (min-width: @screen-sm) { + .translate(-@sidebar-width, 0); + } + } + + .sidebar-open & { + @media (max-width: @screen-xs-max) { + .translate(0, 0); + } + } +} + +.sidebar { + padding-bottom: 10px; +} + +// Remove border from form +.sidebar-form { + input:focus { + border-color: transparent; + } +} + +// Sidebar user panel +.user-panel { + position: relative; + width: 100%; + padding: 10px; + overflow: hidden; + .clearfix(); + > .image > img { + width: 100%; + max-width: 45px; + height: auto; + } + > .info { + padding: 5px 5px 5px 15px; + line-height: 1; + position: absolute; + left: 55px; + > p { + font-weight: 600; + margin-bottom: 9px; + } + > a { + text-decoration: none; + padding-right: 5px; + margin-top: 3px; + font-size: 11px; + > .fa, + > .ion, + > .glyphicon { + margin-right: 3px; + } + } + } +} + +// Sidebar menu +.sidebar-menu { + list-style: none; + margin: 0; + padding: 0; + //First Level + > li { + position: relative; + margin: 0; + padding: 0; + > a { + padding: 12px 5px 12px 15px; + display: block; + > .fa, + > .glyphicon, + > .ion { + width: 20px; + } + } + .label, + .badge { + margin-right: 5px; + } + .badge { + margin-top: 3px; + } + } + li.header { + padding: 10px 25px 10px 15px; + font-size: 12px; + } + li > a > .fa-angle-left, + li > a > .pull-right-container > .fa-angle-left { + width: auto; + height: auto; + padding: 0; + margin-right: 10px; + .transition(transform .5s ease); + } + li > a > .fa-angle-left { + position: absolute; + top: 50%; + right: 10px; + margin-top: -8px; + } + + .menu-open { + > a > .fa-angle-left, + > a > .pull-right-container > .fa-angle-left { + .rotate(-90deg); + } + } + .active > .treeview-menu { + display: block; + } +} |