@orfeas126/box-ui-elements
Version:
Box UI Elements
1 lines • 5.59 kB
Source Map (JSON)
{"version":3,"file":"content-open-with.css","mappings":"AAGI,2GAKI,UCLA,CDMA,yBAaR,CARI,iLAKI,WACA,yBAWR,CE/BA,sCACI,SACJ,CACI,sGAEI,UACR,CCJA,SACI,0DAaJ,CAXI,cACI,yBAaR,CAVI,sBAEI,kBAAmB,CADnB,YAaR,CATI,gCACI,WAWR,CANI,iCAGI,UFJG,CEKH,eAAiB,CAHjB,QAAS,CACT,eAAgB,CAGhB,sBASR,CANI,uCAGI,aFVM,CEWN,cAAe,CACf,gBAAiB,CAHjB,QAAS,CADT,eAAgB,CAKhB,kBAAmB,CACnB,oBAQR,CAJA,uBAEI,kBAAmB,CADnB,YAAa,CAGb,YAAa,CADb,WAQJ,CAJQ,0DAEI,qBAKZ,CADI,mCAGI,cAAe,CADf,aAAc,CADd,eAKR","sources":["webpack://@orfeas126/box-ui-elements/./src/elements/content-open-with/BoxToolsInstallMessage.scss","webpack://@orfeas126/box-ui-elements/./src/styles/constants/_colors.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-open-with/OpenWithDropdownMenuItem.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-open-with/ContentOpenWith.scss"],"sourcesContent":["@import '../common/variables';\n/* stylelint-disable */\n.bcow-tooltip {\n a,\n a:hover,\n a:active,\n a:visited,\n a:focus {\n color: $white;\n text-decoration: underline;\n }\n}\n\n.bcow-menu-item-description {\n a,\n a:hover,\n a:active,\n a:visited,\n a:focus {\n color: $bdl-gray;\n text-decoration: underline;\n }\n}\n/* stylelint-enable */\n","// Box Design Language Colors\n// confirm with design before extending\n\n$white: #fff !default;\n$black: #000 !default;\n$countBadgeBackground: #e9163c !default;\n\n// Box/Primary Blues\n$bdl-box-blue: #0061d5 !default;\n$bdl-box-blue-80: #3381dd !default;\n$bdl-box-blue-50: #7fb0ea !default;\n$bdl-box-blue-40: #99c0ee !default;\n$bdl-box-blue-30: #b2cff2 !default;\n$bdl-box-blue-20: #ccdff7 !default;\n$bdl-box-blue-10: #e5effa !default;\n$bdl-box-blue-05: #f2f7fd !default;\n$bdl-box-blue-02: #fafcfe !default;\n\n// Box/Primary Grays\n$bdl-gray: #222 !default;\n$bdl-gray-80: #4e4e4e !default;\n$bdl-gray-65: #6f6f6f !default;\n$bdl-gray-50: #909090 !default;\n$bdl-gray-40: #a7a7a7 !default;\n$bdl-gray-30: #bcbcbc !default;\n$bdl-gray-20: #d3d3d3 !default;\n$bdl-gray-10: #e8e8e8 !default;\n$bdl-gray-05: #f4f4f4 !default;\n$bdl-gray-02: #fbfbfb !default;\n\n// Dark Blues\n$bdl-dark-blue: #003c84 !default;\n$bdl-dark-blue-50: #7f9dc1 !default;\n$bdl-dark-blue-20: #ccd8e6 !default;\n$bdl-dark-blue-10: #e5ebf2 !default;\n$bdl-dark-blue-05: #f2f5f9 !default;\n$bdl-dark-blue-02: #fafbfd !default;\n\n// Light Blues\n$bdl-light-blue: #2486fc !default;\n$bdl-light-blue-50: #91c2fd !default;\n$bdl-light-blue-20: #d3e7fe !default;\n$bdl-light-blue-10: #e9f2fe !default;\n$bdl-light-blue-05: #f4f9ff !default;\n$bdl-light-blue-02: #fbfdff !default;\n\n// Yelloranges\n$bdl-yellorange: #f5b31b !default;\n$bdl-yellorange-50: #fad98d !default;\n$bdl-yellorange-20: #fdf0d1 !default;\n$bdl-yellorange-10: #fef7e8 !default;\n$bdl-yellorange-05: #fefbf3 !default;\n$bdl-yellorange-02: #fffefb !default;\n\n// Yellows\n$bdl-yellow: #ffd700 !default;\n$bdl-yellow-50: #ffeb7f !default;\n$bdl-yellow-20: #fff7cc !default;\n$bdl-yellow-10: #fffbe5 !default;\n$bdl-yellow-05: #fffdf2 !default;\n$bdl-yellow-02: #fffefa !default;\n\n// Green Lights\n$bdl-green-light: #26c281 !default;\n$bdl-green-light-50: #92e0c0 !default;\n$bdl-green-light-20: #d4f3e6 !default;\n$bdl-green-light-10: #e9f8f2 !default;\n$bdl-green-light-05: #f4fcf8 !default;\n$bdl-green-light-02: #fbfefd !default;\n\n// Grimaces\n$bdl-grimace: #4826c2 !default;\n$bdl-grimace-50: #a392e0 !default;\n$bdl-grimace-20: #dad4f3 !default;\n$bdl-grimace-10: #ece9f8 !default;\n$bdl-grimace-05: #f6f4fc !default;\n$bdl-grimace-02: #fbfbfe !default;\n\n// Orange\n$bdl-orange: #f1811a !default;\n$bdl-orange-50: #f8c08c !default;\n$bdl-orange-20: #fce6d1 !default;\n$bdl-orange-10: #fdf2e8 !default;\n$bdl-orange-05: #fef8f3 !default;\n$bdl-orange-02: #fffdfb !default;\n\n// Purple Rains\n$bdl-purple-rain: #9f3fed !default;\n$bdl-purple-rain-50: #cf9ff6 !default;\n$bdl-purple-rain-20: #ecd9fb !default;\n$bdl-purple-rain-10: #f5ebfd !default;\n$bdl-purple-rain-05: #faf5fe !default;\n$bdl-purple-rain-02: #fdfbff !default;\n\n// Watermelon Reds\n$bdl-watermelon-red: #ed3757 !default;\n$bdl-watermelon-red-50: #f69bab !default;\n$bdl-watermelon-red-20: #fbd7dd !default;\n$bdl-watermelon-red-10: #fdebee !default;\n$bdl-watermelon-red-05: #fef5f6 !default;\n$bdl-watermelon-red-02: #fffbfc !default;\n",".menu-item.bcow-box-tools-uninstalled {\n opacity: 1;\n\n .bcow-menu-item-title,\n svg {\n opacity: .4;\n }\n}\n","@import '../common/variables';\n\n.be.bcow {\n font-family: $font;\n\n .btn {\n padding: 3px 13px 3px 10px;\n }\n\n .btn-content {\n display: flex;\n align-items: center;\n }\n\n .bcow-integration-icon {\n padding: 3px;\n }\n}\n\n.bcow-menu {\n .bcow-menu-item-title {\n margin: 0;\n overflow: hidden;\n color: $bdl-gray;\n font-weight: bold;\n text-overflow: ellipsis;\n }\n\n .bcow-menu-item-description {\n max-width: 200px;\n margin: 0;\n color: $bdl-gray-65;\n font-size: 11px;\n line-height: 14px;\n white-space: normal;\n word-wrap: break-word;\n }\n}\n\n.bcow-portal-container {\n display: flex;\n align-items: center;\n width: 100vw;\n height: 100vh;\n\n .bcow-portal-loading-indicator {\n div {\n // Platform standard color\n background-color: $bdl-gray;\n }\n }\n\n .error-mask {\n max-width: 650px;\n margin: 0 auto;\n font-size: 16px;\n }\n}\n"],"names":[],"sourceRoot":""}