wc-byor
Version:
[](https://circleci.com/gh/thoughtworks/build-your-own-radar) [](https://github.com/thoug
1 lines • 20 kB
Source Map (JSON)
{"version":3,"file":"common.css","mappings":"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","sources":["webpack://wc-byor/./src/stylesheets/_tip.scss","webpack://wc-byor/./src/stylesheets/_form.scss","webpack://wc-byor/./src/stylesheets/_colors.scss","webpack://wc-byor/./src/stylesheets/_error.scss","webpack://wc-byor/./src/stylesheets/_header.scss","webpack://wc-byor/./src/stylesheets/_fonts.scss","webpack://wc-byor/./src/stylesheets/_footer.scss","webpack://wc-byor/./src/stylesheets/base.scss"],"sourcesContent":[".d3-tip {\n white-space: nowrap;\n line-height: 1;\n font-size: 12px;\n display: none;\n padding: 12px;\n background: rgba(0, 0, 0, 0.8);\n color: #fff;\n border-radius: 4px;\n border-color: #000;\n pointer-events: none;\n z-index: 2;\n}\n\n@media screen and (min-width: 800px) {\n .d3-tip {\n display: block;\n }\n}\n\n.d3-tip:after {\n box-sizing: border-box;\n display: none;\n font-size: 10px;\n width: 100%;\n line-height: 1;\n color: rgba(0, 0, 0, 0.8);\n position: absolute;\n pointer-events: none;\n}\n\n@media screen and (min-width: 800px) {\n .d3-tip:after {\n display: inline;\n }\n}\n\n.d3-tip.n {\n margin: -10px 0 0;\n}\n.d3-tip.n:after {\n content: '\\25BC';\n margin: -3px 0 0;\n top: 100%;\n left: 0;\n text-align: center;\n}\n\n.d3-tip.ne {\n margin: -10px 0 0 -45px;\n}\n.d3-tip.ne:after {\n content: '\\25BC';\n bottom: -8px;\n left: 18px;\n text-align: left;\n}\n\n.d3-tip.nw {\n margin: -10px 0 0 45px;\n}\n.d3-tip.nw:after {\n content: '\\25BC';\n bottom: -8px;\n right: 18px;\n text-align: right;\n}\n",".input-sheet {\n margin: 60px auto;\n\n p {\n font-weight: 100;\n color: $black;\n font-size: 18px;\n }\n\n .input-sheet__logo {\n text-align: center;\n padding-bottom: 40px;\n a {\n border-bottom: none;\n\n img {\n width: 200px;\n }\n }\n }\n\n .radar-footer {\n padding-top: 200px;\n }\n\n .input-sheet__banner {\n background-image: url('images/tech-radar-landing-page-wide.png');\n background-repeat: no-repeat;\n background-color: $grey-light;\n background-size: cover;\n background-position: center;\n width: 100%;\n margin: 0 auto;\n text-align: center;\n min-height: 285px;\n display: table;\n\n div {\n display: table-cell;\n vertical-align: middle;\n }\n p,\n h1 {\n color: $white;\n }\n\n a {\n color: $white;\n border-bottom-color: $white;\n }\n }\n\n .input-sheet__form {\n width: 50%;\n margin: 0 auto;\n text-align: center;\n padding-top: 30px;\n\n button {\n font-family: inherit;\n border: none;\n background-color: transparent;\n margin: 0;\n padding: 0;\n }\n }\n\n input[type='text'] {\n border-bottom: 2px solid $grey-even-darker;\n display: block;\n font-size: 18px;\n margin-bottom: 30px;\n padding: 10px;\n transition: box-shadow 0.3s, border 0.3s;\n\n &:focus,\n &.focus {\n outline: none;\n border-bottom: 2px solid $grey-even-darker;\n box-shadow: none;\n }\n }\n\n form,\n input,\n a {\n font-family: inherit;\n }\n}\n","$green: #86b782;\n$blue: #1ebccd;\n$orange: #f38a3e;\n$violet: #b32059;\n$pink: #ee0b77;\n\n$grey-darkest: #bababa;\n$grey-dark: #cacaca;\n$grey: #dadada;\n$grey-light: #eee;\n$grey-lightest: #fafafa;\n$grey-even-darker: #d7d7d7;\n\n$white: #fff;\n$black: #000;\n$grey-text: rgb(51, 51, 51);\n\n$grey-alpha-03: rgba(255, 255, 255, 0.3);\n",".error-container {\n text-align: center;\n padding-top: 50px;\n\n .error-container__message {\n width: 60%;\n display: inline-block;\n }\n\n .error-title {\n font-weight: 400;\n }\n\n .error-subtitle {\n margin-top: -10px;\n }\n\n .switch-account-button {\n margin: 0px 0px 35px 0px;\n }\n}\n\n.input-sheet {\n .page-not-found {\n font-size: 40px;\n font-weight: 900;\n margin-bottom: 20px;\n }\n\n .message p {\n font-size: 25px;\n }\n}\n\n.support {\n margin-top: 20px;\n\n p {\n font-weight: 500;\n font-size: 30px;\n margin-bottom: 1px;\n }\n}\n\n.support-link {\n font-size: 26px;\n padding: 20px;\n\n span {\n padding: 0 40px;\n display: table-cell;\n }\n}\n","header {\n text-align: center;\n\n .radar-title,\n .buttons-group,\n #alternative-buttons {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n align-content: space-between;\n }\n\n .radar-title {\n background-color: $grey-light;\n padding: 30px 0;\n\n display: table;\n margin: auto;\n width: 100%;\n\n .radar-title__text {\n display: table-cell;\n width: 70%;\n\n text-align: left;\n padding-left: 10%;\n\n h1 {\n font-size: 55px;\n font-weight: 900;\n letter-spacing: -0.04em;\n line-height: 0.8em;\n margin: 0;\n text-transform: uppercase;\n }\n }\n\n .radar-title__logo {\n flex: 0 0 30%;\n margin-left: auto;\n\n width: 30%;\n display: table-cell;\n vertical-align: middle;\n\n a {\n border-bottom: none;\n }\n\n img {\n vertical-align: middle;\n width: 34%;\n }\n }\n }\n \n .context-btn--group {\n .button {\n border-radius: 50%;\n }\n }\n\n .quadrant-btn--group,\n .context-btn--group,\n .multiple-sheet-button-group {\n text-align: left;\n padding-left: 1%;\n display: flex;\n }\n\n .print-radar-btn,\n .search-box {\n margin-left: auto;\n margin-right: 10%;\n }\n\n .buttons-group {\n display: flex;\n padding: 15px 0 25px;\n }\n\n .home-link {\n color: $pink;\n margin-bottom: 10px;\n line-height: normal;\n cursor: pointer;\n display: inline-block;\n font-size: $baseFont;\n text-align: left;\n width: 80%;\n }\n\n .button {\n font-size: $baseFont;\n text-transform: capitalize;\n padding: 10px 20px;\n cursor: pointer;\n transition: all 0.2s ease-out;\n\n background-color: $grey-light;\n color: $black;\n\n &.no-capitalize {\n text-transform: none;\n }\n\n &:hover,\n &.selected {\n transform: translate(0, -2px);\n opacity: 0.85;\n\n &.first, &.context_0 {\n color: white;\n background-color: $green;\n }\n\n &.second, &.context_1 {\n color: white;\n background-color: $blue;\n }\n\n &.third, &.context_2 {\n color: white;\n background-color: $orange;\n }\n\n &.fourth, &.context_3 {\n color: white;\n background-color: $violet;\n }\n }\n\n &.full-view {\n &.first, &.context_0 {\n background-color: $green;\n color: $white;\n }\n\n &.second, &.context_1 {\n background-color: $blue;\n color: $white;\n }\n\n &.third, &.context_2 {\n background-color: $orange;\n color: $white;\n }\n\n &.fourth, &.context_3 {\n background-color: $violet;\n color: $white;\n }\n }\n }\n\n #alternative-buttons {\n margin-bottom: 50px;\n\n .highlight {\n border-bottom: none;\n font-weight: bold;\n }\n\n p {\n font-size: 16px;\n font-weight: 700;\n margin-top: 0;\n margin-bottom: 10px;\n }\n\n .multiple-sheet-button {\n margin-right: 10px;\n }\n\n .search-radar {\n border: 1px solid #aaa;\n background-color: inherit;\n background-image: url('images/search-logo-2x.svg');\n background-repeat: no-repeat;\n background-position: 10px;\n }\n\n input {\n padding-left: 35px;\n width: 275px;\n }\n }\n}\n\n.ui-autocomplete {\n width: 275px !important;\n background-color: white;\n list-style: none;\n padding: 2px;\n\n .ui-autocomplete-quadrant {\n font-size: 14px;\n font-weight: 600;\n padding: 5px;\n }\n\n .ui-menu-item {\n white-space: normal;\n font-size: 14px;\n font-weight: 400;\n margin: 2px;\n cursor: pointer;\n\n :hover {\n color: white;\n background-color: $green;\n }\n\n .ui-menu-item-wrapper {\n padding: 0 10px;\n }\n }\n}\n","$baseFont: 17px;\n$baseWeight: 100;\n","#footer {\n text-align: center;\n clear: both;\n\n .footer-content {\n width: 50%;\n margin: 0 auto;\n\n p {\n padding-top: 60px;\n font-size: $baseFont;\n font-weight: $baseWeight;\n text-align: left;\n }\n }\n}\n","@import 'colors';\n@import 'fonts';\n@import 'tip';\n@import 'form';\n@import 'error';\n@import 'header';\n@import 'footer';\n@import 'featuretoggles';\n@import url(https://www.thoughtworks.com/css/k8s_production/screen.css);\n\nbody {\n font: 18px 'Open Sans';\n @if $UIRefresh2022 {\n font-family: 'Inter', sans-serif;\n h1 {\n font-family: 'Bitter', serif;\n }\n }\n -webkit-font-smoothing: antialiased;\n margin: 0;\n}\n\n@media print {\n body,\n article {\n width: 100%;\n margin: 0;\n padding: 0;\n }\n\n @page {\n margin: 2cm;\n }\n\n a:after {\n content: ' <' attr(href) '> ';\n font-size: 0.8em;\n font-weight: normal;\n }\n\n #radar-plot {\n display: none;\n }\n\n .quadrant-table {\n .quadrant-table__name {\n display: block;\n font-size: 36pt;\n padding: 0 10px;\n margin-bottom: 20px;\n }\n\n &.first .quadrant-table__name {\n color: $green;\n }\n\n &.second .quadrant-table__name {\n color: $blue;\n }\n\n &.third .quadrant-table__name {\n color: $orange;\n }\n\n &.fourth .quadrant-table__name {\n color: $violet;\n }\n }\n\n .quadrant-table {\n page-break-after: always;\n\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n li {\n page-break-inside: avoid;\n }\n\n h3 {\n page-break-before: always;\n padding: 0 10px;\n text-transform: uppercase;\n font-size: 18pt;\n font-weight: bold;\n }\n\n h2 + h3 {\n page-break-before: avoid;\n }\n }\n\n .blip-list-item {\n font-weight: bold;\n }\n\n .blip-item-description {\n padding: 0 15px;\n }\n\n header {\n text-align: left;\n\n .radar-title .radar-title__text {\n font-size: 40px;\n width: 100%;\n padding: 10px;\n display: block;\n }\n\n .radar-title .radar-title__logo {\n display: block;\n width: auto;\n\n a {\n padding: 40px 10px 0;\n display: block;\n\n &::after {\n display: none;\n }\n }\n\n img {\n max-width: 150px;\n }\n }\n\n .buttons-group {\n display: none;\n }\n\n .home-link {\n display: none;\n\n &.selected {\n display: none;\n }\n }\n\n #alternative-buttons {\n display: none;\n }\n\n .print-radar {\n display: none;\n }\n }\n\n #footer {\n display: none;\n }\n\n .error-container {\n display: none;\n }\n}\n\n@media screen {\n #radar {\n width: 80%;\n margin: 0 auto;\n position: relative;\n\n svg#radar-plot {\n margin: 0 auto;\n transition: all 1s ease;\n position: absolute;\n left: 0;\n right: 0;\n\n .legend {\n visibility: hidden;\n transition: visibility 1s ease 1s;\n color: $black;\n }\n\n path {\n &.ring-arc-3 {\n stroke: none;\n fill: $grey-light;\n }\n\n &.ring-arc-2 {\n stroke: none;\n fill: $grey;\n }\n\n &.ring-arc-1 {\n stroke: none;\n fill: $grey-dark;\n }\n\n &.ring-arc-0 {\n stroke: none;\n fill: $grey-darkest;\n }\n }\n\n .blip-link {\n text-decoration: none;\n cursor: pointer;\n\n .context_0 {\n fill: $green;\n }\n\n .context_1 {\n fill: $blue;\n }\n\n .context_2 {\n fill: $orange;\n }\n\n .context_3 {\n fill: $violet;\n }\n }\n\n .quadrant-group {\n cursor: pointer;\n }\n\n circle,\n polygon,\n path {\n &.first {\n fill: $green;\n stroke: none;\n }\n\n &.second {\n fill: $blue;\n stroke: none;\n }\n\n &.third {\n fill: $orange;\n stroke: none;\n }\n\n &.fourth {\n fill: $violet;\n stroke: none;\n }\n }\n\n line {\n stroke: white;\n }\n\n text {\n &.blip-text {\n font-size: 9px;\n font-style: italic;\n fill: $white;\n }\n\n &.line-text {\n font-weight: bold;\n text-transform: uppercase;\n fill: $black;\n font-size: 7px;\n }\n }\n }\n\n div.quadrant-table {\n .quadrant-table__name {\n display: none;\n }\n\n max-height: 0;\n max-width: 0;\n position: absolute;\n overflow: hidden;\n\n transition: max-height 0.5s ease 1s;\n\n h3 {\n text-transform: uppercase;\n font-size: $baseFont;\n margin: 0;\n font-weight: bold;\n }\n\n &.first {\n &.selected {\n float: right;\n }\n }\n\n &.second {\n &.selected {\n float: left;\n }\n }\n\n &.third {\n &.selected {\n float: left;\n }\n }\n\n &.fourth {\n &.selected {\n float: right;\n }\n }\n\n &.selected {\n position: relative;\n max-height: 10000px;\n max-width: 40%;\n }\n\n ul {\n padding: 0;\n margin-left: 0;\n\n li {\n list-style-type: none;\n padding-left: 0;\n\n .blip-list-item {\n padding: 2px 5px;\n border-radius: 2px;\n cursor: pointer;\n font-size: $baseFont;\n font-weight: 400;\n\n &.highlight {\n color: white;\n background-color: rgba(0, 0, 0, 0.8);\n }\n }\n\n .blip-item-description {\n max-height: 0;\n overflow: hidden;\n width: 300px;\n\n p {\n margin: 0;\n border-top: 1px solid rgb(119, 119, 119);\n border-bottom: 1px solid rgb(119, 119, 119);\n padding: 20px;\n color: $grey-text;\n font-weight: 100;\n font-size: 14px;\n }\n\n transition: max-height 0.2s ease;\n\n &.expanded {\n transition: max-height 0.5s ease 0.2s;\n max-height: 1000px;\n }\n }\n }\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}