{"version":3,"sources":["webpack://skin-red-light/packages/admin-lte/src/skins/skin-red-light.less","webpack://skin-red-light/packages/admin-lte/src/mixins.less","webpack://skin-red-light/skin-red-light.less","webpack://skin-red-light/node_modules/bootstrap/less/mixins/vendor-prefixes.less"],"names":[],"mappings":"AASA,qCCJE,wBCCF,CFGA,+CCDI,UCCJ,CDgBI,ibAPA,yBAAA,CACA,aCOJ,CFjBA,qDAMQ,UEcR,CFbQ,2DACE,wBEeV,CFZM,yBAGM,+DACE,mCEYZ,CFhBI,yDAOQ,UEYZ,CFXY,+DACE,kBEad,CACF,CFlCA,mCCyBE,wBAAA,CACA,UAAA,CACA,iCCYF,CDVE,yCACE,wBCYJ,CF1CA,4CAiCM,wBEYN,CF7CA,gCAuCI,sBESJ,CFhDA,kFCkMI,wBC7IJ,CFrDA,8BCyMI,8BCjJJ,CFxDA,sEC8MM,UClJN,CF5DA,iCGuLE,6CAAA,CACK,wCAAA,CACG,qCDxHV,CDqJI,wCACE,aAAA,CACA,kBCnJN,CFrEA,mCC4NM,iCAAA,CACA,eCpJN,CDuJI,mFAEE,UAAA,CACA,kBCrJN,CD0JI,wCACE,yBCxJN,CDuJI,0CAGI,eCvJR,CFpFA,gDCgPM,kBCzJN,CFvFA,2BCqPI,UC3JJ,CD4JI,iCACE,oBC1JN,CF7FA,kDC8PQ,UC9JR,CDgKM,iHAEE,UC9JR,CDgKM,yDACE,eC9JR,CFvGA,8BC+DE,iBAAA,CA6ME,wBAAA,CACA,gBCjKJ,CF5GA,kFCgRM,eAAA,CACA,qBAAA,CACA,4BAAA,CACA,WChKN,CFnHA,+CCuRM,UAAA,CAlNJ,0BAAA,CACA,yBAAA,CACA,4BAAA,CACA,6BCkDF,CD+JM,gIAEE,qBAAA,CACA,UC7JR,CD+JM,2EACE,sBC7JR,CFlIA,mCCmSM,UAAA,CA9NJ,wBAAA,CACA,2BAAA,CACA,8BAAA,CACA,2BCiEF,CD8JE,yBACE,8EAEI,6BC7JN,CACF","file":"skin-red-light.css","sourcesContent":["/*\n * Skin: Red\n * ---------\n */\n@import \"~bootstrap/less/mixins.less\";\n@import \"~bootstrap/less/variables.less\";\n@import \"../variables.less\";\n@import \"../mixins.less\";\n\n.skin-red-light {\n  //Navbar\n  .main-header {\n    .navbar {\n      .navbar-variant(@red; #fff);\n      .sidebar-toggle {\n        color: #fff;\n        &:hover {\n          background-color: darken(@red, 5%);\n        }\n      }\n      @media (max-width: @screen-header-collapse) {\n        .dropdown-menu {\n          li {\n            &.divider {\n              background-color: rgba(255, 255, 255, 0.1);\n            }\n            a {\n              color: #fff;\n              &:hover {\n                background: darken(@red, 5%);\n              }\n            }\n          }\n        }\n      }\n    }\n    //Logo\n    .logo {\n      .logo-variant(@red);\n    }\n\n    li.user-header {\n      background-color: @red;\n    }\n  }\n\n  //Content Header\n  .content-header {\n    background: transparent;\n  }\n\n  //Create the sidebar skin\n  .skin-light-sidebar(@red);\n}\n","//AdminLTE mixins\n//===============\n\n//Changes the color and the hovering properties of the navbar\n.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {\n  background-color: @color;\n  //Navbar links\n  .nav > li > a {\n    color: @font-color;\n  }\n\n  .nav > li > a:hover,\n  .nav > li > a:active,\n  .nav > li > a:focus,\n  .nav .open > a,\n  .nav .open > a:hover,\n  .nav .open > a:focus,\n  .nav > .active > a {\n    background: @hover-bg;\n    color: @hover-color;\n  }\n\n  //Add color to the sidebar toggle button\n  .sidebar-toggle {\n    color: @font-color;\n    &:hover {\n      color: @hover-color;\n      background: @hover-bg;\n    }\n  }\n}\n\n//Logo color variation\n.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {\n  background-color: @bg-color;\n  color: @color;\n  border-bottom: @border-bottom-width solid @border-bottom-color;\n\n  &:hover {\n    background-color: darken(@bg-color, 1%);\n  }\n}\n\n//Box solid color variantion creator\n.box-solid-variant(@color; @text-color: #fff) {\n  border: 1px solid @color;\n  > .box-header {\n    color: @text-color;\n    background: @color;\n    background-color: @color;\n    a,\n    .btn {\n      color: @text-color;\n    }\n  }\n}\n\n//Direct Chat Variant\n.direct-chat-variant(@bg-color; @color: #fff) {\n  .right > .direct-chat-text {\n    background: @bg-color;\n    border-color: @bg-color;\n    color: @color;\n    &:after,\n    &:before {\n      border-left-color: @bg-color;\n    }\n  }\n}\n\n//border radius creator\n.border-radius(@radius) {\n  border-radius: @radius;\n}\n\n//Different radius each side\n.border-radius(@top-left,  @top-right,  @bottom-left,  @bottom-right)\n{\n  border-top-left-radius: @top-left;\n  border-top-right-radius: @top-right;\n  border-bottom-right-radius: @bottom-right;\n  border-bottom-left-radius: @bottom-left;\n}\n\n//Gradient background\n.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {\n  background: @color;\n  background: -webkit-gradient(linear,\n  left bottom,\n  left top,\n  color-stop(0, @start),\n  color-stop(1, @stop));\n  background: -ms-linear-gradient(bottom,\n  @start,\n  @stop);\n  background: -moz-linear-gradient(center bottom,\n  @start 0%,\n  @stop 100%);\n  background: -o-linear-gradient(@stop,\n  @start);\n  filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",@stop,@start));\n}\n\n//Added 2.1.0\n//Skins Mixins\n\n//Dark Sidebar Mixin\n.skin-dark-sidebar(@link-hover-border-color) {\n  // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n  .wrapper,\n  .main-sidebar,\n  .left-side {\n    background-color: @sidebar-dark-bg;\n  }\n  //User Panel (resides in the sidebar)\n  .user-panel {\n    > .info, > .info > a {\n      color: #fff;\n    }\n  }\n  //Sidebar Menu. First level links\n  .sidebar-menu > li {\n    //Section Headning\n    &.header {\n      color: lighten(@sidebar-dark-bg, 20%);\n      background: darken(@sidebar-dark-bg, 4%);\n    }\n    //links\n    > a {\n      border-left: 3px solid transparent;\n    }\n    //Hover and active states\n    &:hover > a,\n    &.active > a,\n    &.menu-open > a {\n      color: @sidebar-dark-hover-color;\n      background: @sidebar-dark-hover-bg;\n    }\n    &.active > a {\n      border-left-color: @link-hover-border-color;\n    }\n    //First Level Submenu\n    > .treeview-menu {\n      margin: 0 1px;\n      background: @sidebar-dark-submenu-bg;\n    }\n  }\n  //All links within the sidebar menu\n  .sidebar a {\n    color: @sidebar-dark-color;\n    &:hover {\n      text-decoration: none;\n    }\n  }\n  //All submenus\n  .sidebar-menu .treeview-menu {\n    > li {\n      > a {\n        color: @sidebar-dark-submenu-color;\n      }\n      &.active > a, > a:hover {\n        color: @sidebar-dark-submenu-hover-color;\n      }\n    }\n  }\n  //The sidebar search form\n  .sidebar-form {\n    .border-radius(3px);\n    border: 1px solid lighten(@sidebar-dark-bg, 10%);\n    margin: 10px 10px;\n    input[type=\"text\"], .btn {\n      box-shadow: none;\n      background-color: lighten(@sidebar-dark-bg, 10%);\n      border: 1px solid transparent;\n      height: 35px;\n      //.transition(all @transition-speed @transition-fn);\n    }\n    input[type=\"text\"] {\n      color: #666;\n      .border-radius(2px, 0, 2px, 0);\n      &:focus,\n      &:focus + .input-group-btn .btn {\n        background-color: #fff;\n        color: #666;\n      }\n      &:focus + .input-group-btn .btn {\n        border-left-color: #fff;\n\n      }\n    }\n    .btn {\n      color: #999;\n      .border-radius(0, 2px, 0, 2px);\n    }\n  }\n}\n\n//Light Sidebar Mixin\n.skin-light-sidebar(@icon-active-color) {\n  // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n  .wrapper,\n  .main-sidebar,\n  .left-side {\n    background-color: @sidebar-light-bg;\n  }\n  .content-wrapper,\n  .main-footer {\n    //border-left: 1px solid @gray-lte;\n  }\n  .main-sidebar {\n    border-right: 1px solid @gray-lte;\n  }\n  //User Panel (resides in the sidebar)\n  .user-panel {\n    > .info, > .info > a {\n      color: @sidebar-light-color;\n    }\n  }\n  //Sidebar Menu. First level links\n  .sidebar-menu > li {\n    .transition(border-left-color .3s ease);\n    //border-left: 3px solid transparent;\n    //Section Headning\n    &.header {\n      color: lighten(@sidebar-light-color, 25%);\n      background: @sidebar-light-bg;\n    }\n    //links\n    > a {\n      border-left: 3px solid transparent;\n      font-weight: 600;\n    }\n    //Hover and active states\n    &:hover > a,\n    &.active > a {\n      color: @sidebar-light-hover-color;\n      background: @sidebar-light-hover-bg;\n    }\n    &:hover > a {\n\n    }\n    &.active {\n      border-left-color: @icon-active-color;\n      > a {\n        font-weight: 600;\n      }\n    }\n    //First Level Submenu\n    > .treeview-menu {\n      background: @sidebar-light-submenu-bg;\n    }\n  }\n  //All links within the sidebar menu\n  .sidebar a {\n    color: @sidebar-light-color;\n    &:hover {\n      text-decoration: none;\n    }\n  }\n  //All submenus\n  .sidebar-menu .treeview-menu {\n    > li {\n      > a {\n        color: @sidebar-light-submenu-color;\n      }\n      &.active > a,\n      > a:hover {\n        color: @sidebar-light-submenu-hover-color;\n      }\n      &.active > a {\n        font-weight: 600;\n      }\n    }\n  }\n  //The sidebar search form\n  .sidebar-form {\n    .border-radius(3px);\n    border: 1px solid @gray-lte;  //darken(@sidebar-light-bg, 5%);\n    margin: 10px 10px;\n    input[type=\"text\"],\n    .btn {\n      box-shadow: none;\n      background-color: #fff; //darken(@sidebar-light-bg, 3%);\n      border: 1px solid transparent;\n      height: 35px;\n      //.transition(all @transition-speed @transition-fn);\n    }\n    input[type=\"text\"] {\n      color: #666;\n      .border-radius(2px, 0, 2px, 0);\n      &:focus,\n      &:focus + .input-group-btn .btn {\n        background-color: #fff;\n        color: #666;\n      }\n      &:focus + .input-group-btn .btn {\n        border-left-color: #fff;\n      }\n    }\n    .btn {\n      color: #999;\n      .border-radius(0, 2px, 0, 2px);\n    }\n  }\n  @media (min-width: @screen-sm-min) {\n    &.sidebar-mini.sidebar-collapse {\n      .sidebar-menu > li > .treeview-menu {\n        border-left: 1px solid @gray-lte;\n      }\n    }\n  }\n}\n","/*\n * Skin: Red\n * ---------\n */\n.skin-red-light .main-header .navbar {\n  background-color: #dd4b39;\n}\n.skin-red-light .main-header .navbar .nav > li > a {\n  color: #fff;\n}\n.skin-red-light .main-header .navbar .nav > li > a:hover,\n.skin-red-light .main-header .navbar .nav > li > a:active,\n.skin-red-light .main-header .navbar .nav > li > a:focus,\n.skin-red-light .main-header .navbar .nav .open > a,\n.skin-red-light .main-header .navbar .nav .open > a:hover,\n.skin-red-light .main-header .navbar .nav .open > a:focus,\n.skin-red-light .main-header .navbar .nav > .active > a {\n  background: rgba(0, 0, 0, 0.1);\n  color: #f6f6f6;\n}\n.skin-red-light .main-header .navbar .sidebar-toggle {\n  color: #fff;\n}\n.skin-red-light .main-header .navbar .sidebar-toggle:hover {\n  color: #f6f6f6;\n  background: rgba(0, 0, 0, 0.1);\n}\n.skin-red-light .main-header .navbar .sidebar-toggle {\n  color: #fff;\n}\n.skin-red-light .main-header .navbar .sidebar-toggle:hover {\n  background-color: #d73925;\n}\n@media (max-width: 767px) {\n  .skin-red-light .main-header .navbar .dropdown-menu li.divider {\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n  .skin-red-light .main-header .navbar .dropdown-menu li a {\n    color: #fff;\n  }\n  .skin-red-light .main-header .navbar .dropdown-menu li a:hover {\n    background: #d73925;\n  }\n}\n.skin-red-light .main-header .logo {\n  background-color: #dd4b39;\n  color: #fff;\n  border-bottom: 0 solid transparent;\n}\n.skin-red-light .main-header .logo:hover {\n  background-color: #dc4735;\n}\n.skin-red-light .main-header li.user-header {\n  background-color: #dd4b39;\n}\n.skin-red-light .content-header {\n  background: transparent;\n}\n.skin-red-light .wrapper,\n.skin-red-light .main-sidebar,\n.skin-red-light .left-side {\n  background-color: #f9fafc;\n}\n.skin-red-light .main-sidebar {\n  border-right: 1px solid #d2d6de;\n}\n.skin-red-light .user-panel > .info,\n.skin-red-light .user-panel > .info > a {\n  color: #444;\n}\n.skin-red-light .sidebar-menu > li {\n  -webkit-transition: border-left-color 0.3s ease;\n  -o-transition: border-left-color 0.3s ease;\n  transition: border-left-color 0.3s ease;\n}\n.skin-red-light .sidebar-menu > li.header {\n  color: #848484;\n  background: #f9fafc;\n}\n.skin-red-light .sidebar-menu > li > a {\n  border-left: 3px solid transparent;\n  font-weight: 600;\n}\n.skin-red-light .sidebar-menu > li:hover > a,\n.skin-red-light .sidebar-menu > li.active > a {\n  color: #000;\n  background: #f4f4f5;\n}\n.skin-red-light .sidebar-menu > li.active {\n  border-left-color: #dd4b39;\n}\n.skin-red-light .sidebar-menu > li.active > a {\n  font-weight: 600;\n}\n.skin-red-light .sidebar-menu > li > .treeview-menu {\n  background: #f4f4f5;\n}\n.skin-red-light .sidebar a {\n  color: #444;\n}\n.skin-red-light .sidebar a:hover {\n  text-decoration: none;\n}\n.skin-red-light .sidebar-menu .treeview-menu > li > a {\n  color: #777;\n}\n.skin-red-light .sidebar-menu .treeview-menu > li.active > a,\n.skin-red-light .sidebar-menu .treeview-menu > li > a:hover {\n  color: #000;\n}\n.skin-red-light .sidebar-menu .treeview-menu > li.active > a {\n  font-weight: 600;\n}\n.skin-red-light .sidebar-form {\n  border-radius: 3px;\n  border: 1px solid #d2d6de;\n  margin: 10px 10px;\n}\n.skin-red-light .sidebar-form input[type=\"text\"],\n.skin-red-light .sidebar-form .btn {\n  box-shadow: none;\n  background-color: #fff;\n  border: 1px solid transparent;\n  height: 35px;\n}\n.skin-red-light .sidebar-form input[type=\"text\"] {\n  color: #666;\n  border-top-left-radius: 2px;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 2px;\n}\n.skin-red-light .sidebar-form input[type=\"text\"]:focus,\n.skin-red-light .sidebar-form input[type=\"text\"]:focus + .input-group-btn .btn {\n  background-color: #fff;\n  color: #666;\n}\n.skin-red-light .sidebar-form input[type=\"text\"]:focus + .input-group-btn .btn {\n  border-left-color: #fff;\n}\n.skin-red-light .sidebar-form .btn {\n  color: #999;\n  border-top-left-radius: 0;\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 0;\n}\n@media (min-width: 768px) {\n  .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {\n    border-left: 1px solid #d2d6de;\n  }\n}\n","// stylelint-disable indentation, property-no-vendor-prefix, selector-no-vendor-prefix\n\n// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They have been removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n.animation(@animation) {\n  -webkit-animation: @animation;\n       -o-animation: @animation;\n          animation: @animation;\n}\n.animation-name(@name) {\n  -webkit-animation-name: @name;\n          animation-name: @name;\n}\n.animation-duration(@duration) {\n  -webkit-animation-duration: @duration;\n          animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n  -webkit-animation-timing-function: @timing-function;\n          animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n  -webkit-animation-delay: @delay;\n          animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n  -webkit-animation-iteration-count: @iteration-count;\n          animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n  -webkit-animation-direction: @direction;\n          animation-direction: @direction;\n}\n.animation-fill-mode(@fill-mode) {\n  -webkit-animation-fill-mode: @fill-mode;\n          animation-fill-mode: @fill-mode;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n.backface-visibility(@visibility) {\n  -webkit-backface-visibility: @visibility;\n     -moz-backface-visibility: @visibility;\n          backface-visibility: @visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n.box-shadow(@shadow) {\n  -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n          box-shadow: @shadow;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n  -webkit-box-sizing: @boxmodel;\n     -moz-box-sizing: @boxmodel;\n          box-sizing: @boxmodel;\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n  -webkit-column-count: @column-count;\n     -moz-column-count: @column-count;\n          column-count: @column-count;\n  -webkit-column-gap: @column-gap;\n     -moz-column-gap: @column-gap;\n          column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n  -webkit-hyphens: @mode;\n     -moz-hyphens: @mode;\n      -ms-hyphens: @mode; // IE10+\n       -o-hyphens: @mode;\n          hyphens: @mode;\n  word-wrap: break-word;\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n  // Firefox\n  &::-moz-placeholder {\n    color: @color;\n    opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n  }\n  &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+\n  &::-webkit-input-placeholder  { color: @color; } // Safari and Chrome\n}\n\n// Transformations\n.scale(@ratio) {\n  -webkit-transform: scale(@ratio);\n      -ms-transform: scale(@ratio); // IE9 only\n       -o-transform: scale(@ratio);\n          transform: scale(@ratio);\n}\n.scale(@ratioX; @ratioY) {\n  -webkit-transform: scale(@ratioX, @ratioY);\n      -ms-transform: scale(@ratioX, @ratioY); // IE9 only\n       -o-transform: scale(@ratioX, @ratioY);\n          transform: scale(@ratioX, @ratioY);\n}\n.scaleX(@ratio) {\n  -webkit-transform: scaleX(@ratio);\n      -ms-transform: scaleX(@ratio); // IE9 only\n       -o-transform: scaleX(@ratio);\n          transform: scaleX(@ratio);\n}\n.scaleY(@ratio) {\n  -webkit-transform: scaleY(@ratio);\n      -ms-transform: scaleY(@ratio); // IE9 only\n       -o-transform: scaleY(@ratio);\n          transform: scaleY(@ratio);\n}\n.skew(@x; @y) {\n  -webkit-transform: skewX(@x) skewY(@y);\n      -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n       -o-transform: skewX(@x) skewY(@y);\n          transform: skewX(@x) skewY(@y);\n}\n.translate(@x; @y) {\n  -webkit-transform: translate(@x, @y);\n      -ms-transform: translate(@x, @y); // IE9 only\n       -o-transform: translate(@x, @y);\n          transform: translate(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n  -webkit-transform: translate3d(@x, @y, @z);\n          transform: translate3d(@x, @y, @z);\n}\n.rotate(@degrees) {\n  -webkit-transform: rotate(@degrees);\n      -ms-transform: rotate(@degrees); // IE9 only\n       -o-transform: rotate(@degrees);\n          transform: rotate(@degrees);\n}\n.rotateX(@degrees) {\n  -webkit-transform: rotateX(@degrees);\n      -ms-transform: rotateX(@degrees); // IE9 only\n       -o-transform: rotateX(@degrees);\n          transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n  -webkit-transform: rotateY(@degrees);\n      -ms-transform: rotateY(@degrees); // IE9 only\n       -o-transform: rotateY(@degrees);\n          transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n  -webkit-perspective: @perspective;\n     -moz-perspective: @perspective;\n          perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n  -webkit-perspective-origin: @perspective;\n     -moz-perspective-origin: @perspective;\n          perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n  -webkit-transform-origin: @origin;\n     -moz-transform-origin: @origin;\n      -ms-transform-origin: @origin; // IE9 only\n          transform-origin: @origin;\n}\n\n\n// Transitions\n\n.transition(@transition) {\n  -webkit-transition: @transition;\n       -o-transition: @transition;\n          transition: @transition;\n}\n.transition-property(@transition-property) {\n  -webkit-transition-property: @transition-property;\n          transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n  -webkit-transition-delay: @transition-delay;\n          transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n  -webkit-transition-duration: @transition-duration;\n          transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n  -webkit-transition-timing-function: @timing-function;\n          transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n  -webkit-transition: -webkit-transform @transition;\n     -moz-transition: -moz-transform @transition;\n       -o-transition: -o-transform @transition;\n          transition: transform @transition;\n}\n\n\n// User select\n// For selecting text on the page\n\n.user-select(@select) {\n  -webkit-user-select: @select;\n     -moz-user-select: @select;\n      -ms-user-select: @select; // IE10+\n          user-select: @select;\n}\n"]}