{"version":3,"sources":["webpack:///./client/src/styles/fluent.scss?e6e7","webpack:///./fluent.scss?e433"],"names":[],"mappings":"AAiBE,mCACE,WChBH,+CDoBG,aChBH,iDDoBG,WChBH,6DDmBK,aCfL,8DDmBK,cCfL,2CDqBC,cCjBD,qBDsBC,cACA,YACA,gBACA,iBACA,YACA,kBClBD,4BDqBG,WACA,kBACA,QACA,cACA,WACA,QACA,oBCjBH,wDDoBK,WChBL,kDDqBG,yBACA,+CACA,wBACA,uBACA,uDACA,kBACA,cACA,WACA,0BACA,WCjBH,8EDqBK,kBACA,YCjBL,qFDmBO,WCfP,cDuBC,WACA,gBCnBD,uBDsBG,yBClBH,yBDsBG,yBClBH,yBDsBG,yBClBH,iDDuBC,cACA,QACA,kBACA,iBCnBD,wDDwBC,gBCpBD,kGDuBG,cACA,cCnBH,yGDsBK,iBACA,iBClBL,qUDyBO,uBCnBP,kEDyBG,cCrBH,sFDwBK,eACA,gBACA,wBACA,SACA,mBACA,6BACA,WCpBL,iGDuBO,qBCnBP,sGD2BC,8BACA,gBACA,cCtBD,oDD4BC,8BCxBD,kDD8BC,4BC1BD","file":"styles/fluent.css","sourcesContent":["// See includePaths in webpack-config module\n@import \"variables\";\n\n// $fluent-color-base: #008a00;\n$fluent-color-base: rgb(0, 138, 0);\n\n// $fluent-color-invisible: #566b8d\n$fluent-color-invisible: rgb(86, 107, 141);\n\n// $fluent-color-invisible-text\n$fluent-color-invisible-text: $text-muted;\n\n// $fluent-color-localised: #660ff2\n$fluent-color-localised: rgb(102, 15, 242);\n\n// Fix cms-menu collapsed for dropdown\n.cms-menu.collapsed {\n  .cms-menu-list {\n    float: left;\n  }\n\n  .cms-fluent-selector .text {\n    display: none;\n  }\n\n  .cms-fluent-selector-locales {\n    width: 100%;\n\n    .full-title {\n      display: none;\n    }\n\n    .short-title {\n      display: block;\n    }\n  }\n}\n\n.cms-tree.jstree .status-fluentinvisible a {\n  color: $fluent-color-invisible-text;\n}\n\n// Style of selector dropdown\n.cms-fluent-selector {\n  display: block;\n  height: auto;\n  line-height: $line-height-sm;\n  overflow: visible;\n  padding: 5px;\n  position: relative;\n\n  &:before {\n    color: white;\n    position: absolute;\n    top: 50%;\n    line-height: 0;\n    right: 24px;\n    width: 0;\n    pointer-events: none;\n\n    .cms-panel-layout.collapsed & {\n      right: 36px;\n    }\n  }\n\n  .cms-fluent-selector-locales {\n    background-color: #368b39;\n    background-image: url(\"../images/menu-icon-24-white.png\");\n    background-position: 6px center;;\n    background-repeat: none;\n    background-size: 12px;\n    border-radius: 5px;\n    border: 0 none;\n    color: white;\n    padding: 5px 21px 5px 24px;\n    width: 100%;\n\n    .cms-panel-layout.collapsed & {\n      // hide text on main dropdown when collapsed, show icon only\n      color: transparent;\n      padding: 2px;\n      > option {\n        color: white;\n      }\n    }\n  }\n}\n\n// Styles for the custom badges that are pushed into the CMS breadcrumbs\n.fluent-badge {\n  color: $white;\n  margin-left: 5px;\n\n  &--default {\n    background-color: $fluent-color-base;\n  }\n\n  &--invisible {\n    background-color: $fluent-color-invisible;\n  }\n\n  &--localised {\n    background-color: $fluent-color-localised;\n  }\n}\n\n.fluent__localised-field .font-icon-translatable {\n  color: $fluent-color-localised;\n  top: 2px;\n  position: relative;\n  margin-right: 3px;\n}\n\n// Styles for extra actions menu\n.cms .ss-ui-action-tabset.ss-tabset.fluent-actions-menu {\n  margin-left: 5px;\n\n  .popover-actions-simulate .ui-tabs-anchor {\n    font-size: 1.0em;\n    color: #303b4d;\n\n    &:before {\n      margin-right: 6px;\n      font-size: 1.5rem;\n    }\n\n    &,\n    &:hover,\n    &:active {\n      &:after {\n        display: none !important;\n      }\n    }\n  }\n\n  .tab-pane {\n    padding-top: 0;\n\n    .action-description {\n      font-size: 0.9em;\n      line-height: 1em;\n      display: block !important;\n      margin: 0;\n      padding: 0 11px 8px 11px;\n      border-bottom: 1px solid #ccc;\n      color: #999;\n\n      &:last-child {\n        border-bottom: 0 none;\n      }\n    }\n  }\n}\n\n.action-group-COPY_FROM .action-menu__toggle:before,\n.action-group-COPY_TO .action-menu__toggle:before {\n  font-family: inherit !important;\n  line-height: 1em;\n  font-size: 1.0em;\n}\n\n// Gridfield menu items\n.action-group-COPY_FROM .action-menu__toggle:before {\n  // force ... to turn into actual title\n  content: \"copy from\" !important;\n}\n\n\n.action-group-COPY_TO .action-menu__toggle:before {\n  // force ... to turn into actual title\n  content: \"copy to\" !important;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./client/src/styles/fluent.scss",".cms-menu.collapsed .cms-menu-list {\n  float: left;\n}\n\n.cms-menu.collapsed .cms-fluent-selector .text {\n  display: none;\n}\n\n.cms-menu.collapsed .cms-fluent-selector-locales {\n  width: 100%;\n}\n\n.cms-menu.collapsed .cms-fluent-selector-locales .full-title {\n  display: none;\n}\n\n.cms-menu.collapsed .cms-fluent-selector-locales .short-title {\n  display: block;\n}\n\n.cms-tree.jstree .status-fluentinvisible a {\n  color: #566b8d;\n}\n\n.cms-fluent-selector {\n  display: block;\n  height: auto;\n  line-height: 1.5;\n  overflow: visible;\n  padding: 5px;\n  position: relative;\n}\n\n.cms-fluent-selector:before {\n  color: white;\n  position: absolute;\n  top: 50%;\n  line-height: 0;\n  right: 24px;\n  width: 0;\n  pointer-events: none;\n}\n\n.cms-panel-layout.collapsed .cms-fluent-selector:before {\n  right: 36px;\n}\n\n.cms-fluent-selector .cms-fluent-selector-locales {\n  background-color: #368b39;\n  background-image: url(\"../images/menu-icon-24-white.png\");\n  background-position: 6px center;\n  background-repeat: none;\n  background-size: 12px;\n  border-radius: 5px;\n  border: 0 none;\n  color: white;\n  padding: 5px 21px 5px 24px;\n  width: 100%;\n}\n\n.cms-panel-layout.collapsed .cms-fluent-selector .cms-fluent-selector-locales {\n  color: transparent;\n  padding: 2px;\n}\n\n.cms-panel-layout.collapsed .cms-fluent-selector .cms-fluent-selector-locales > option {\n  color: white;\n}\n\n.fluent-badge {\n  color: #fff;\n  margin-left: 5px;\n}\n\n.fluent-badge--default {\n  background-color: #008a00;\n}\n\n.fluent-badge--invisible {\n  background-color: #566b8d;\n}\n\n.fluent-badge--localised {\n  background-color: #660ff2;\n}\n\n.fluent__localised-field .font-icon-translatable {\n  color: #660ff2;\n  top: 2px;\n  position: relative;\n  margin-right: 3px;\n}\n\n.cms .ss-ui-action-tabset.ss-tabset.fluent-actions-menu {\n  margin-left: 5px;\n}\n\n.cms .ss-ui-action-tabset.ss-tabset.fluent-actions-menu .popover-actions-simulate .ui-tabs-anchor {\n  font-size: 1.0em;\n  color: #303b4d;\n}\n\n.cms .ss-ui-action-tabset.ss-tabset.fluent-actions-menu .popover-actions-simulate .ui-tabs-anchor:before {\n  margin-right: 6px;\n  font-size: 1.5rem;\n}\n\n.cms .ss-ui-action-tabset.ss-tabset.fluent-actions-menu .popover-actions-simulate .ui-tabs-anchor:after,\n.cms .ss-ui-action-tabset.ss-tabset.fluent-actions-menu .popover-actions-simulate .ui-tabs-anchor:hover:after,\n.cms .ss-ui-action-tabset.ss-tabset.fluent-actions-menu .popover-actions-simulate .ui-tabs-anchor:active:after {\n  display: none !important;\n}\n\n.cms .ss-ui-action-tabset.ss-tabset.fluent-actions-menu .tab-pane {\n  padding-top: 0;\n}\n\n.cms .ss-ui-action-tabset.ss-tabset.fluent-actions-menu .tab-pane .action-description {\n  font-size: 0.9em;\n  line-height: 1em;\n  display: block !important;\n  margin: 0;\n  padding: 0 11px 8px 11px;\n  border-bottom: 1px solid #ccc;\n  color: #999;\n}\n\n.cms .ss-ui-action-tabset.ss-tabset.fluent-actions-menu .tab-pane .action-description:last-child {\n  border-bottom: 0 none;\n}\n\n.action-group-COPY_FROM .action-menu__toggle:before,\n.action-group-COPY_TO .action-menu__toggle:before {\n  font-family: inherit !important;\n  line-height: 1em;\n  font-size: 1.0em;\n}\n\n.action-group-COPY_FROM .action-menu__toggle:before {\n  content: \"copy from\" !important;\n}\n\n.action-group-COPY_TO .action-menu__toggle:before {\n  content: \"copy to\" !important;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./fluent.scss"],"sourceRoot":""}