aboutsummaryrefslogtreecommitdiffhomepage
path: root/public/bower_components/admin-lte/build/less/mixins.less
diff options
context:
space:
mode:
authorMarvin Borner2018-07-13 19:06:45 +0200
committerMarvin Borner2018-07-13 19:06:45 +0200
commit6fcfb7c04d32e1c8b26a312295bf7ac3ec2d2ad7 (patch)
treedbc87ef16fa01d5d99116de283592b8fe5e02944 /public/bower_components/admin-lte/build/less/mixins.less
parentdfd839f27146df0ad0494e11734fc7d310c70ebf (diff)
Fixed many permissions and began admin interface
Diffstat (limited to 'public/bower_components/admin-lte/build/less/mixins.less')
-rw-r--r--public/bower_components/admin-lte/build/less/mixins.less312
1 files changed, 312 insertions, 0 deletions
diff --git a/public/bower_components/admin-lte/build/less/mixins.less b/public/bower_components/admin-lte/build/less/mixins.less
new file mode 100644
index 0000000..749bc55
--- /dev/null
+++ b/public/bower_components/admin-lte/build/less/mixins.less
@@ -0,0 +1,312 @@
+//AdminLTE mixins
+//===============
+
+//Changes the color and the hovering properties of the navbar
+.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {
+ background-color: @color;
+ //Navbar links
+ .nav > li > a {
+ color: @font-color;
+ }
+
+ .nav > li > a:hover,
+ .nav > li > a:active,
+ .nav > li > a:focus,
+ .nav .open > a,
+ .nav .open > a:hover,
+ .nav .open > a:focus,
+ .nav > .active > a {
+ background: @hover-bg;
+ color: @hover-color;
+ }
+
+ //Add color to the sidebar toggle button
+ .sidebar-toggle {
+ color: @font-color;
+ &:hover {
+ color: @hover-color;
+ background: @hover-bg;
+ }
+ }
+}
+
+//Logo color variation
+.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {
+ background-color: @bg-color;
+ color: @color;
+ border-bottom: @border-bottom-width solid @border-bottom-color;
+
+ &:hover {
+ background-color: darken(@bg-color, 1%);
+ }
+}
+
+//Box solid color variantion creator
+.box-solid-variant(@color; @text-color: #fff) {
+ border: 1px solid @color;
+ > .box-header {
+ color: @text-color;
+ background: @color;
+ background-color: @color;
+ a,
+ .btn {
+ color: @text-color;
+ }
+ }
+}
+
+//Direct Chat Variant
+.direct-chat-variant(@bg-color; @color: #fff) {
+ .right > .direct-chat-text {
+ background: @bg-color;
+ border-color: @bg-color;
+ color: @color;
+ &:after,
+ &:before {
+ border-left-color: @bg-color;
+ }
+ }
+}
+
+//border radius creator
+.border-radius(@radius) {
+ border-radius: @radius;
+}
+
+//Different radius each side
+.border-radius(@top-left, @top-right, @bottom-left, @bottom-right)
+{
+ border-top-left-radius: @top-left;
+ border-top-right-radius: @top-right;
+ border-bottom-right-radius: @bottom-right;
+ border-bottom-left-radius: @bottom-left;
+}
+
+//Gradient background
+.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
+ background: @color;
+ background: -webkit-gradient(linear,
+ left bottom,
+ left top,
+ color-stop(0, @start),
+ color-stop(1, @stop));
+ background: -ms-linear-gradient(bottom,
+ @start,
+ @stop);
+ background: -moz-linear-gradient(center bottom,
+ @start 0%,
+ @stop 100%);
+ background: -o-linear-gradient(@stop,
+ @start);
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
+}
+
+//Added 2.1.0
+//Skins Mixins
+
+//Dark Sidebar Mixin
+.skin-dark-sidebar(@link-hover-border-color) {
+ // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)
+ .wrapper,
+ .main-sidebar,
+ .left-side {
+ background-color: @sidebar-dark-bg;
+ }
+ //User Panel (resides in the sidebar)
+ .user-panel {
+ > .info, > .info > a {
+ color: #fff;
+ }
+ }
+ //Sidebar Menu. First level links
+ .sidebar-menu > li {
+ //Section Headning
+ &.header {
+ color: lighten(@sidebar-dark-bg, 20%);
+ background: darken(@sidebar-dark-bg, 4%);
+ }
+ //links
+ > a {
+ border-left: 3px solid transparent;
+ }
+ //Hover and active states
+ &:hover > a,
+ &.active > a,
+ &.menu-open > a {
+ color: @sidebar-dark-hover-color;
+ background: @sidebar-dark-hover-bg;
+ }
+ &.active > a {
+ border-left-color: @link-hover-border-color;
+ }
+ //First Level Submenu
+ > .treeview-menu {
+ margin: 0 1px;
+ background: @sidebar-dark-submenu-bg;
+ }
+ }
+ //All links within the sidebar menu
+ .sidebar a {
+ color: @sidebar-dark-color;
+ &:hover {
+ text-decoration: none;
+ }
+ }
+ //All submenus
+ .sidebar-menu .treeview-menu {
+ > li {
+ > a {
+ color: @sidebar-dark-submenu-color;
+ }
+ &.active > a, > a:hover {
+ color: @sidebar-dark-submenu-hover-color;
+ }
+ }
+ }
+ //The sidebar search form
+ .sidebar-form {
+ .border-radius(3px);
+ border: 1px solid lighten(@sidebar-dark-bg, 10%);
+ margin: 10px 10px;
+ input[type="text"], .btn {
+ box-shadow: none;
+ background-color: lighten(@sidebar-dark-bg, 10%);
+ border: 1px solid transparent;
+ height: 35px;
+ //.transition(all @transition-speed @transition-fn);
+ }
+ input[type="text"] {
+ color: #666;
+ .border-radius(2px, 0, 2px, 0);
+ &:focus,
+ &:focus + .input-group-btn .btn {
+ background-color: #fff;
+ color: #666;
+ }
+ &:focus + .input-group-btn .btn {
+ border-left-color: #fff;
+
+ }
+ }
+ .btn {
+ color: #999;
+ .border-radius(0, 2px, 0, 2px);
+ }
+ }
+}
+
+//Light Sidebar Mixin
+.skin-light-sidebar(@icon-active-color) {
+ // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)
+ .wrapper,
+ .main-sidebar,
+ .left-side {
+ background-color: @sidebar-light-bg;
+ }
+ .content-wrapper,
+ .main-footer {
+ //border-left: 1px solid @gray-lte;
+ }
+ .main-sidebar {
+ border-right: 1px solid @gray-lte;
+ }
+ //User Panel (resides in the sidebar)
+ .user-panel {
+ > .info, > .info > a {
+ color: @sidebar-light-color;
+ }
+ }
+ //Sidebar Menu. First level links
+ .sidebar-menu > li {
+ .transition(border-left-color .3s ease);
+ //border-left: 3px solid transparent;
+ //Section Headning
+ &.header {
+ color: lighten(@sidebar-light-color, 25%);
+ background: @sidebar-light-bg;
+ }
+ //links
+ > a {
+ border-left: 3px solid transparent;
+ font-weight: 600;
+ }
+ //Hover and active states
+ &:hover > a,
+ &.active > a {
+ color: @sidebar-light-hover-color;
+ background: @sidebar-light-hover-bg;
+ }
+ &:hover > a {
+
+ }
+ &.active {
+ border-left-color: @icon-active-color;
+ > a {
+ font-weight: 600;
+ }
+ }
+ //First Level Submenu
+ > .treeview-menu {
+ background: @sidebar-light-submenu-bg;
+ }
+ }
+ //All links within the sidebar menu
+ .sidebar a {
+ color: @sidebar-light-color;
+ &:hover {
+ text-decoration: none;
+ }
+ }
+ //All submenus
+ .sidebar-menu .treeview-menu {
+ > li {
+ > a {
+ color: @sidebar-light-submenu-color;
+ }
+ &.active > a,
+ > a:hover {
+ color: @sidebar-light-submenu-hover-color;
+ }
+ &.active > a {
+ font-weight: 600;
+ }
+ }
+ }
+ //The sidebar search form
+ .sidebar-form {
+ .border-radius(3px);
+ border: 1px solid @gray-lte; //darken(@sidebar-light-bg, 5%);
+ margin: 10px 10px;
+ input[type="text"],
+ .btn {
+ box-shadow: none;
+ background-color: #fff; //darken(@sidebar-light-bg, 3%);
+ border: 1px solid transparent;
+ height: 35px;
+ //.transition(all @transition-speed @transition-fn);
+ }
+ input[type="text"] {
+ color: #666;
+ .border-radius(2px, 0, 2px, 0);
+ &:focus,
+ &:focus + .input-group-btn .btn {
+ background-color: #fff;
+ color: #666;
+ }
+ &:focus + .input-group-btn .btn {
+ border-left-color: #fff;
+ }
+ }
+ .btn {
+ color: #999;
+ .border-radius(0, 2px, 0, 2px);
+ }
+ }
+ @media (min-width: @screen-sm-min) {
+ &.sidebar-mini.sidebar-collapse {
+ .sidebar-menu > li > .treeview-menu {
+ border-left: 1px solid @gray-lte;
+ }
+ }
+ }
+}