snipe-it/public/css/dist/skins/skin-red-dark.css.map

{"version":3,"sources":["webpack:///./resources/assets/less/skins/skin-red-dark.less","webpack:///./resources/assets/less/mixins.less","webpack:///./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"names":[],"mappings":"AASA,oCCHE,yBDGF,8CCAI,WAiBA,yaAPA,0BACA,cDXJ,oDAMQ,WACA,0DACE,yBAGJ,yBAGM,8DACE,oCACA,WALR,wDAQQ,WACA,8DACE,mBACA,YAtBhB,2CAgCM,yBAhCN,+BAsCI,uBAtCJ,+ECsGI,yBDtGJ,oEC2GM,WAMF,uCACE,cACA,mBDnHN,kCCuHM,kCAGF,iFACE,WACA,mBACA,0BD7HN,+CCiIM,aACA,mBDlIN,0BCuII,cACA,gCACE,qBDzIN,mCCgJQ,cAEF,mFACE,WDnJR,6BCgEE,kBA0FE,yBACA,YD3JJ,gFC6JM,wCACA,yBACA,6BACA,YCqBJ,uCACK,8BACG,CFvLV,8CCoKM,WAhGJ,2BACA,0BACA,6BACA,8BA+FI,8HACE,sBACA,WAEF,0EACE,uBD3KR,kCC+KM,WA3GJ,yBACA,4BACA,+BACA,4BD1BF,+DAEI,sBAMJ,gBACE,WAEA,4FACE,yBACA,qBACA,WAIF,sDACE,yBACA,qBACA,WAGF,8CACE,yBACA,WAGF,gDACE,yBACA,WAcJ,gCACE,WAMF,MACE,kBACA,iBACA,gBACA,iBACA,iBACA,gBACA,YACA,gBACA,kBAGF,wCACE,+BACA,uGACA,iEACA,0BAAc,CAGhB,sBACE,qBAAO,CAGT,eACE,kCACA,sBAAO,CAGT,sCACE,mBAAO,CAKT,sFACE,sBAAO,CAET,yCACE,iCAAkB,CAEpB,KACE,sBAAO,CAET,sBACE,mCACA,8BAAkB,CAEpB,kCACE,iCACA,sBAAO,CAET,aACE,kCACA,mBAAO,CAET,8EACE,iCACA,mBAAO,CAET,+DACE,iCAEF,mBACE,kCACA,8BAKF,mFACE,sBAAO,CAET,iBACE,kCAAkB,CAEpB,mCACE,iCACA,mBAAO,CAET,yLACE,8BAAkB,CAEpB,0BACE,kCACA,sBAAO,CAET,2BACE,6BAEF,mCACE,iCACA,sBAAO,CAMT,wCAHE,kCACA,sBAAO,CAMT,oBACE,sBAAO,CAET,YACE,qBAAO,CAET,oCACE,iCACA,sBAAO,CAET,gCACE,2CACA,sBAAO,CAKT,oDAFE,sBAAO,CAMT,aAHE,iCACA,CAEF,uEACE,sBAAO,CAET,qCACE,8BAAkB,CAEpB,uCACE,iCAAkB,CAEpB,6CACE,iCACA,sBAAO,CAET,+CACE,iCAAkB,CAEpB,iDACE,kCACA,mBAAO,CAET,mCACE,iCACA,mBAAO,CAET,OACE,iCACA,sBAAO,CAET,8BACE,kCACA,mBAAO,CAET,wJACE,iCACA,mBAAO,CAET,iFACE,+BACA,sBAAO,CAET,oFACE,sBAAO,CAET,2BACE,2CACA,iCAEF,kBACE,kCACA,sBAAO,CAET,wDACE,mBAAO,CAET,uIACE,yCAEF,uBACE,kCACA,sBAAO,CAET,yCACE,gCAAkB,CAEpB,oDACE,sBAAO,CAKP,SACE,iBAAO,CAET,QACE,uBAAO,CAET,UACE,iBAAO,CAIX,aACE,mBACA,gBACA,UACA,iBACA,oDAGA,cAYF,6EACE,iCACA,uBACA,0BACA","file":"css/dist/skins/skin-red-dark.css","sourcesContent":["/*\n * Skin: red dark\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-dark {\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              color: #fff;\n            }\n            a {\n              color: #fff;\n              &:hover {\n                background: darken(@red, 5%);\n                color: #fff;\n              }\n            }\n          }\n        }\n      }\n    }\n    //Logo\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-dark-sidebar(@red);\n}\n\n.skin-red-dark.layout-top-nav .main-header > .logo {\n  .logo-variant {\n    background-color: none;\n  }\n}\n\n\n\n.btn, .btn:hover {\n  color: #fff;\n\n  &.btn-primary, .btn-primary:link {\n    background-color: darken(@red, 10%);\n    border-color: darken(@red, 20%);\n    color: #fff;\n  }\n\n\n  &a.btn-primary:hover {\n    background-color: darken(@red, 20%);\n    border-color: darken(@red, 20%);\n    color: #fff;\n  }\n\n  &.btn-white:link {\n    background-color: darken(@red, 10%);\n    color: #fff;\n  }\n\n  &.btn-white:hover {\n    background-color: darken(@red, 30%);\n    color: #fff;\n  }\n}\n\n\na {\n  &:hover {\n    color: #fff;\n  }\n  &:visited {\n    color: #fff;\n  }\n}\n\n.text-primary {\n  color: #fff;\n}\n\n\n\n\n:root {\n  --background: #222;\n  --back-main: #333;\n  --back-sub: #444;\n  --header: @red; /* Use same as Header picker */\n  --text-main: #FFF;\n  --text-sub: #BBB;\n  --link: lighten(@red, 50%); /* Use same as Header picker */\n  --nav-link: #FFF; /* Use same as Header picker */\n  --light-link: #fff; /* Use same as Header picker */\n}\n\n.main-header .navbar, .main-header .logo {\n  background-color: var(--header);\n  background: -webkit-linear-gradient(top,  var(--header) 0%,var(--header) 100%);\n  background: linear-gradient(to bottom, var(--header) 0%,var(--header) 100%);\n  border-color: var(--header);\n}\n\n.navbar-nav>li>a:link {\n  color: var(--nav-link);\n}\n\n.modal-content {\n  background-color: var(--back-main);\n  color: var(--text-main);\n}\n\na, a:link, a:visited, .btn-primary.hover {\n  color: var(--header);\n}\n#accessoriesTable>tbody>tr>td>nobr>a>i.fa {\n  color: var(--text-main);\n}\n#assetsListingTable>tbody>tr>td>nobr>a>i.fa {\n  color: var(--text-main);\n}\n#assetsListingTable>tbody>tr.selected>td {\n  background-color: var(--back-main);\n}\nbody {\n  color: var(--text-main);\n}\n.box, .box.box-default {\n  border-top: 3px solid var(--header);\n  border-top-color: var(--header);\n}\n.box-body, .box-footer, .box-header {\n  background-color: var(--back-sub);\n  color: var(--text-main);\n}\n.btn-default{\n  background-color: var(--back-main);\n  color: var(--header);\n}\n.btn-default:active, .btn-default:focus, .btn-default:hover, .btn-default.active {\n  background-color: var(--back-sub);\n  color: var(--header);\n}\n.btn-primary, .btn-primary.hover, .btn-primary:active, .text-blue {\n  color: var(--text-main)!important;\n}\n.btn-primary:hover {\n  background-color: var(--back-main);\n  color: var(--header)!important;\n}\n#componentsTable>tbody>tr>td>nobr>a>i.fa {\n  color: var(--text-main);\n}\n#consumablesTable>tbody>tr>td>nobr>a>i.fa {\n  color: var(--text-main);\n}\n.content-wrapper {\n  background-color: var(--background);\n}\n#create-form>div>div>div>span>i.fa {\n  background-color: var(--back-sub);\n  color: var(--header);\n}\n.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover {\n  background-color: var(--header);\n}\n.datepicker.dropdown-menu {\n  background-color: var(--back-main);\n  color: var(--text-main);\n}\n#details>div>div>div>table {\n  background-color: transparent;\n}\n.dropdown-menu, .dropdown-menu>li>a {\n  background-color: var(--back-sub);\n  color: var(--text-main);\n}\n.dropdown-menu>li>a:hover {\n  background-color: var(--back-main);\n  color: var(--text-main);\n}\n.form-control {\n  background-color: var(--back-main);\n  color: var(--text-main);\n}\nh1, h2, h3, h4, h5, h6, p {\n  color: var(--text-main);\n}\n.help-block {\n  color: var(--text-sub);\n}\ninput[type=text], input[type=search] {\n  background-color: var(--back-sub);\n  color: var(--text-main);\n}\n.input-group, .input-group-addon {\n  background-color: var(--back-sub)!important;\n  color: var(--text-main);\n}\n#licensesTable>tbody>tr>td>nobr>a>i.fa {\n  color: var(--text-main);\n}\n.main-footer {\n  background-color: var(--back-main);\n  color: var(--text-main);\n}\n.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li.active>a {\n  color: var(--text-main);\n}\n.nav-tabs-custom>.nav-tabs>li.active {\n  border-top-color: var(--header);\n}\n.nav-tabs-custom>.nav-tabs>li.active>a {\n  background-color: var(--back-main);\n}\n.nav-tabs-custom>.nav-tabs>li.active>a:hover {\n  background-color: var(--back-sub);\n  color: var(--text-main);\n}\n.nav-tabs-custom, .nav-tabs-custom>.tab-content {\n  background-color: var(--back-main);\n}\n.navbar-nav>.tasks-menu>.dropdown-menu>li.header {\n  background-color: var(--back-main);\n  color: var(--header);\n}\n.open>.dropdown-toggle.btn-default {\n  background-color: var(--back-sub);\n  color: var(--header);\n}\n.panel {\n  background-color: var(--back-sub);\n  color: var(--text-main);\n}\n.panel-default>.panel-heading {\n  background-color: var(--back-main);\n  color: var(--header);\n}\n.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover {\n  background-color: var(--back-sub);\n  color: var(--header);\n}\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\n  background-color: var(--header);\n  color: var(--back-main);\n}\n.select2-container--default .select2-selection--single .select2-selection__rendered {\n  color: var(--text-main);\n}\n.select2-selection--single {\n  background-color: var(--back-sub)!important;\n  color: var(--text-main)!important;\n}\n.select2-dropdown {\n  background-color: var(--back-main);\n  color: var(--text-main);\n}\n.skin-red-dark .main-header .navbar .dropdown-menu li a {\n  color: var(--header);\n}\n.fixed-table-body thead th .th-inner, .skin-red-dark .sidebar-menu>li.active>a, .skin-red .sidebar-menu>li:hover>a, .sidebar-toggle:hover {\n  background-color: var(--header)!important;\n}\n.tab-content, .tab-pane {\n  background-color: var(--back-main);\n  color: var(--text-main);\n}\n.table-striped>tbody>tr:nth-of-type(odd) {\n  background-color: var(--back-sub);\n}\n#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa {\n  color: var(--text-main);\n}\n\na {\n  color: var(--link);\n  &:link {\n    color: var(--link);\n  }\n  &:hover {\n    color: var(--light-link);\n  }\n  &:visited {\n    color: var(--link);\n  }\n}\n\n.row-striped {\n  vertical-align: top;\n  line-height: 2.6;\n  padding: 0px;\n  margin-left: 20px;\n  box-sizing: border-box;\n  //border-left: 1px solid #dddddd;\n  //border-right: 1px solid #dddddd;\n  display: table;\n\n}\n\n.row-striped .row:nth-of-type(odd) div {\n  background-color: var(--back-sub);\n  color: var(--text-main);\n  border-top: 1px solid #dddddd;\n  display: table-cell;\n\n}\n\n.row-striped .row:nth-of-type(even) div {\n  background-color: var(--back-sub);\n  color: var(--text-main);\n  border-top: 1px solid #dddddd;\n  display: table-cell;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/skins/skin-red-dark.less","//AdminLTE mixins\n//===============\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//Different radius each side\n.border-radius(@top-left; @top-right; @bottom-left; @bottom-right) {\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, &.active > a {\n      color: @sidebar-dark-hover-color;\n      background: @sidebar-dark-hover-bg;\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  .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, &: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}\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;\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  .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;//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;\n      }\n    }\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/mixins.less","// 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 will be 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  word-wrap: break-word;\n  -webkit-hyphens: @mode;\n     -moz-hyphens: @mode;\n      -ms-hyphens: @mode; // IE10+\n       -o-hyphens: @mode;\n          hyphens: @mode;\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\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"sourceRoot":""}