aboutsummaryrefslogtreecommitdiffhomepage
path: root/public/bower_components/admin-lte/build/less/sidebar.less
diff options
context:
space:
mode:
Diffstat (limited to 'public/bower_components/admin-lte/build/less/sidebar.less')
-rw-r--r--public/bower_components/admin-lte/build/less/sidebar.less141
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;
+ }
+}