/* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ .cc-svg .brush:hover .handle--custom { fill: #505661; stroke: rgba(0, 0, 0, 0.25); } .cc-svg .brush .selection { fill: none; stroke: rgba(0, 0, 0, 0.1); } .cc-svg .brush .unselected { fill: #C7CBD1; opacity: 0.25; } .cc-svg .brush .handle--custom { opacity: 1; fill: #677381; fill-opacity: 0.75; stroke: rgba(0, 0, 0, 0.35); stroke-width: 1; cursor: ew-resize; transition: .2s fill, .2s stroke; } .cc-svg .brush .handle--custom.hide { display: none; } .red-alert .cc-svg .brush:hover .handle--custom { fill: #505661; stroke: rgba(0, 0, 0, 0.25); } .red-alert .cc-svg .brush .selection { fill: none; stroke: rgba(0, 0, 0, 0.1); } .red-alert .cc-svg .brush .unselected { fill: red; opacity: 0.25; } .red-alert .cc-svg .brush .handle--custom { fill: #ff4d4d; stroke: rgba(0, 0, 0, 0.35); transition: .2s fill, .2s stroke; } .red-alert .cc-svg .brush .handle--custom.hide { display: none; } .cc-svg .bucket .bucket { stroke: rgba(0, 0, 0, 0.3); shape-rendering: geometricPrecision; fill: rgba(255, 255, 255, 0.8); fill-opacity: 1; transition: .1s all; } .cc-svg .bucket .bucket.active { fill: rgba(0, 0, 0, 0.12); stroke: rgba(0, 0, 0, 0.4); } .cc-svg .bucket .bucket.active text { opacity: 1; transition: .1s all; } .cc-svg .bucket .bucket.active text.bucket-label { fill: rgba(0, 0, 0, 0.65); } .cc-svg .bucket .bucket text { opacity: 1; stroke-width: 1; text-anchor: middle; alignment-baseline: middle; } .cc-svg .bucket .bucket text.bucket-label { fill: rgba(0, 0, 0, 0.3); opacity: 1; stroke-width: 1; font-weight: normal; font-family: Arimo, Arial, Helvetica Neue, Helvetica, sans-serif; transform: translateY(-3px); } .color-picker.cc-component { position: relative; } .color-picker.cc-component .color-select { display: block; padding: 8px 25px; padding-left: 45px; line-height: 1em; border-radius: 25px; text-align: left; margin: 4px 0; background-color: rgba(0, 0, 0, 0.05); transition: .2s all; position: relative; } .color-picker.cc-component .color-select:hover { background-color: rgba(0, 0, 0, 0.1); } .color-picker.cc-component .color-select:after { content: ""; position: absolute; display: block; right: 9px; top: 50%; width: 0; height: 0; border-bottom: 4px solid rgba(0, 0, 0, 0.25); border-right: 4px solid transparent; transform: rotate(-45deg); margin-top: -3px; } .color-picker.cc-component .color-select .color-badge { width: 28px; height: 18px; display: inline-block; border-radius: 20px; position: absolute; left: 8px; top: 6px; } .color-picker.cc-component .color-select .label { font-size: 14px; font-weight: bold; color: #222; padding: 0; } .color-picker.cc-component .color-select:hover { cursor: pointer; } .color-picker.cc-component .color-picker-palette { width: 240px; border: 1px solid rgba(0, 0, 0, 0.1); position: absolute; border-radius: 6px; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1); background-color: #fff; } .color-picker.cc-component .color-picker-palette .color-picker-palette-header { padding: 8px 14px; border-bottom: 1px solid rgba(0, 0, 0, 0.065); } .color-picker.cc-component .color-picker-palette .color-picker-palette-header .color-picker-palette-title { font-weight: bold; } .color-picker.cc-component .color-picker-palette .color-picker-palette-header .color-picker-palette-close { float: right; cursor: pointer; } .color-picker.cc-component .color-picker-palette .color-picker-palette-body { padding: 14px; } .color-picker.cc-component .color-picker-palette .color-picker-palette-body .color-picker-palette-color { display: inline-block; margin: 3px; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; transition: .2s all; } .color-picker.cc-component .color-picker-palette .color-picker-palette-body .color-picker-palette-color:hover { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06); } /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ .cc-svg .stacked-bar .bar { opacity: 0.7; transition: .2s opacity; } .cc-svg .stacked-bar .bar.active { opacity: 0.9; } /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ .cc-svg .grouped-bar .bar { opacity: 0.7; transition: .2s opacity; } .cc-svg .grouped-bar .bar.active { opacity: 0.9; } /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ .cc-svg .area .area { opacity: 0.7; } /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ .cc-svg .line .line { fill: none; stroke-width: 2; opacity: 0.8; } /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ .cc-svg .radial-line .line { fill: none; stroke-width: 2; opacity: 0.8; } /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ .cc-svg .radial-bar .bar { opacity: 0.7; transition: .2s opacity; } .cc-svg .radial-bar .bar.active { opacity: 0.9; } /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ .cc-svg .scatter-plot .point circle { opacity: 0.3; transition: .1s all; /* &:hover { opacity: $p_point_hovered_opacity; } */ } .cc-svg .scatter-plot .point text { shape-rendering: geometricPrecision; font-family: FontAwesome; alignment-baseline: middle; text-anchor: middle; transition: .1s all; } .cc-svg .scatter-plot .point:hover { /* stroke-width: $p_point_hovered_edge_width; stroke: $p_point_hovered_edge_color; */ cursor: pointer; shape-rendering: geometricPrecision; } .cc-svg .scatter-plot .point:hover circle { opacity: 0.9; } .cc-svg .scatter-plot .point:hover text { fill: #fff; } /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ .control-panel.cc-component { z-index: 5; } .control-panel.cc-component .control-panel-items { display: flex; } .control-panel.cc-component .control-panel-items .control-panel-item { position: relative; display: inline-block; vertical-align: top; margin: 2px 4px; } .control-panel.cc-component .control-panel-items .control-panel-item button { width: 36px; height: 36px; line-height: 39px; text-align: center; font-size: 19px; /* background-color: $p_item_bg_color; */ background-color: rgba(0, 0, 0, 0.08); /* padding: 5px; border-width: $p_item_border_width; border-style: $p_item_border_style; border-color: $p_item_border_color; color: $p_item_fg_color; */ transition: background-color .25s; border-radius: 50%; color: rgba(0, 0, 0, 0.5); border: none; box-sizing: border-box; } .control-panel.cc-component .control-panel-items .control-panel-item button:hover { /* background-color: $p_item_hovered_bg_color; */ background-color: rgba(0, 0, 0, 0.65); color: #fff; } .control-panel.cc-component .control-panel-items .control-panel-item .opener { position: absolute; display: block; left: 50%; bottom: 4px; width: 0; height: 0; border-bottom: 4px solid #aaaaaa; border-right: 4px solid transparent; transform: rotate(-45deg); margin-left: -2px; } .control-panel.cc-component .panel { position: absolute; width: 350px; margin: 0 33px 0 0; border-width: 1px; border-style: solid; border-color: #dddddd; background-color: #ffffff; padding: 0; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1); min-height: inherit; width: auto; } .control-panel.cc-component .panel .head { padding: 15px 25px; /* background-color: $p_panel_header_bg_color; */ color: #222222; font-size: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.065); text-align: center; } .control-panel.cc-component .panel .head > * { font-size: 14px; } .control-panel.cc-component .panel .head .title { font-size: 13px; color: rgba(0, 0, 0, 0.35); font-weight: 700; } .control-panel.cc-component .panel .head .head-icon { margin-right: 10px; font-size: 14px; color: rgba(0, 0, 0, 0.35); } .control-panel.cc-component .panel .head .close { float: right; cursor: pointer; } .control-panel.cc-component .panel .body { padding: 16px 25px; color: #222222; font-size: 14px; } .red-alert .control-panel.cc-component { z-index: 5; } .red-alert .control-panel.cc-component .control-panel-items { display: flex; } .red-alert .control-panel.cc-component .control-panel-items .control-panel-item { position: relative; display: inline-block; vertical-align: top; margin: 2px 4px; } .red-alert .control-panel.cc-component .control-panel-items .control-panel-item button { width: 36px; height: 36px; line-height: 39px; text-align: center; font-size: 19px; /* background-color: $p_item_bg_color; */ background-color: rgba(0, 0, 0, 0.08); /* padding: 5px; border-width: $p_item_border_width; border-style: $p_item_border_style; border-color: $p_item_border_color; color: $p_item_fg_color; */ transition: background-color .25s; border-radius: 50%; color: rgba(0, 0, 0, 0.5); border: none; box-sizing: border-box; } .red-alert .control-panel.cc-component .control-panel-items .control-panel-item button:hover { /* background-color: $p_item_hovered_bg_color; */ background-color: rgba(0, 0, 0, 0.65); color: #fff; } .red-alert .control-panel.cc-component .control-panel-items .control-panel-item .opener { position: absolute; display: block; left: 50%; bottom: 4px; width: 0; height: 0; border-bottom: 4px solid #aaaaaa; border-right: 4px solid transparent; transform: rotate(-45deg); margin-left: -2px; } .red-alert .control-panel.cc-component .panel { position: absolute; margin: 0 33px 0 0; border-color: #990000; background-color: white; padding: 0; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1); min-height: inherit; width: auto; } .red-alert .control-panel.cc-component .panel .head { padding: 15px 25px; /* background-color: $p_panel_header_bg_color; */ color: red; font-size: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.065); text-align: center; } .red-alert .control-panel.cc-component .panel .head .title { font-size: 13px; color: rgba(0, 0, 0, 0.35); font-weight: 700; } .red-alert .control-panel.cc-component .panel .head .head-icon { margin-right: 10px; font-size: 14px; color: rgba(0, 0, 0, 0.35); } .red-alert .control-panel.cc-component .panel .head .close { float: right; cursor: pointer; } .red-alert .control-panel.cc-component .panel .body { padding: 16px 25px; color: red; } /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ .cc-svg .crosshair .crosshair-node line { stroke-width: 1px; stroke: #808080; shape-rendering: crispEdges; } .cc-svg .crosshair .crosshair-node .text { text-anchor: middle; dominant-baseline: middle; font-size: 11px; font-weight: bold; fill: #808080; } .cc-svg .crosshair .crosshair-node .bubble { stroke-width: 1px; stroke: #ffffff; } .red-alert .cc-svg .crosshair .crosshair-node line { stroke-width: 3px; stroke: red; shape-rendering: crispEdges; } .red-alert .cc-svg .crosshair .crosshair-node .text { text-anchor: middle; dominant-baseline: middle; font-weight: bold; fill: red; } .red-alert .cc-svg .crosshair .crosshair-node .bubble { stroke-width: 2px; stroke: #ff9999; } .filter-item.cc-component .accessor-data-checkbox { cursor: pointer; } .filter-item.cc-component .accessor-data-checkbox-label { cursor: pointer; } .filter-item.cc-component .accessor-data-chart-type-select { float: right; } /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ .legend.cc-component { text-align: center; } .legend.cc-component .legend-group { display: inline-block; padding: 5px 10px; } .legend.cc-component .legend-group .color-indicator { display: inline-block; /* width: $p_color_indicator_radius; height: $p_color_indicator_radius; border-radius: $p_color_indicator_radius; */ width: 26px; height: 15px; border-radius: 16px; margin-right: 2px; vertical-align: middle; border: none; position: relative; top: -1px; } .legend.cc-component .legend-group .label { font-size: 12px; /* color: $p_label_fg_color; */ color: #222; /* background-color: $p_label_bg_color; */ vertical-align: middle; } .legend.cc-component .legend-group .legend-label { background-color: transparent; padding: 0; } .red-alert .legend.cc-component { text-align: center; } .red-alert .legend.cc-component .legend-group { display: inline-block; padding: 5px 10px; } .red-alert .legend.cc-component .legend-group .color-indicator { display: inline-block; /* width: $p_color_indicator_radius; height: $p_color_indicator_radius; border-radius: $p_color_indicator_radius; */ width: 26px; height: 15px; border-radius: 16px; margin-right: 2px; vertical-align: middle; border: none; position: relative; top: -1px; } .red-alert .legend.cc-component .legend-group .label { /* color: $p_label_fg_color; */ color: #222; /* background-color: $p_label_bg_color; */ vertical-align: middle; } .red-alert .legend.cc-component .legend-group .legend-label { background-color: transparent; padding: 0; } /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ .legend-panel.cc-component { z-index: 5; font-family: sans-serif; font-size: 12px; color: #707070; border-width: 1px; border-style: solid; border-color: #fafafa; border-color: transparent; border-radius: 4px; /* padding: 0 10px; */ /* overflow: hidden; */ text-align: center; transition: .2s all; } .legend-panel.cc-component * { box-sizing: content-box; } .legend-panel.cc-component.vertical .edit-legend { vertical-align: bottom; margin-bottom: 4px; } .legend-panel.cc-component.vertical .key { display: block; } .legend-panel.cc-component.vertical .key:not(:last-child) { margin-bottom: 4px; } .legend-panel.cc-component .legend-inner-container { /* white-space: nowrap; */ /* overflow-x: auto; */ position: relative; padding: 0 45px; } .legend-panel.cc-component .legend-inner-container .edit-legend { position: absolute; left: 0; } .legend-panel.cc-component .legend-inner-container:hover .edit-legend { opacity: 1; visibility: visible; } .legend-panel.cc-component .keys { display: inline-block; line-height: 12px; vertical-align: middle; } .legend-panel.cc-component .edit-legend { display: inline-block; /* border-right-width: $p_edit_btn_separator_width; border-right-style: $p_edit_btn_separator_style; border-right-color: $p_edit_btn_separator_color; */ padding: 8px 12px; font-size: 18px; vertical-align: middle; color: #aaaaaa; transition: .2s all; opacity: 0; visibility: hidden; } .legend-panel.cc-component .edit-legend:hover { cursor: pointer; } .legend-panel.cc-component:hover, .legend-panel.cc-component.edit-mode { border-color: #c7c7c7; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); } .legend-panel.cc-component:hover .edit-legend { color: #5e5e5e; opacity: 1; visibility: visible; } .legend-panel.cc-component.edit-mode .edit-legend { opacity: 1; visibility: visible; } .legend-panel.cc-component.edit-mode .edit-legend .icon-edit:before { content: "\E66C"; font-family: 'Pe-icon-7-stroke'; font-size: 20px; position: relative; top: 1px; } .legend-panel.cc-component .key { display: inline-block; /* border-width: $p_attr_item_border_width; border-style: $p_attr_item_border_style; border-color: $p_attr_item_border_color; */ padding: 0 6px; margin-right: 4px; transition: .2s all; } .legend-panel.cc-component .key:hover { opacity: .82; } .legend-panel.cc-component .key:first-child { padding-left: 0; } .legend-panel.cc-component .key:last-child { margin-right: 0; } .legend-panel.cc-component .key .color-indicator { margin-right: 3px; position: relative; top: -1px; } .legend-panel.cc-component .key .edit-key { display: none; } .legend-panel.cc-component .key.edit { border-color: #fafafa; border-radius: 2px; } .legend-panel.cc-component .key.edit .edit-key { display: inline-block; } .legend-panel.cc-component .key.edit .color-indicator { display: none; } .legend-panel.cc-component .legend-key { display: inline-block; padding: 13px 0; margin: 0; position: relative; vertical-align: middle; } .legend-panel.cc-component .legend-key input[type=checkbox] { display: none; } .legend-panel.cc-component .legend-key .associate-axis { text-transform: uppercase; color: #dddddd; font-size: 10px; border-width: 1px; border-style: solid; border-color: #fafafa; border-radius: 4px; padding: 1px; margin-right: 2px; } .legend-panel.cc-component .legend-key .associate-axis.active { display: inline; } .legend-panel.cc-component .legend-key.disabled:hover { cursor: default; } .legend-panel.cc-component .legend-key:hover { cursor: pointer; } .color-indicator { position: relative; display: inline-block; font-size: 14px; width: 16px; height: 8px; vertical-align: middle; border: 1px solid #000000; border-radius: 12px; background-color: #ffffff; } .legend-key input:checked ~ .color-indicator { background-color: #000000; } .color-indicator:after { position: absolute; display: none; content: ' '; } .legend-key input:checked ~ .color-indicator:after { /* display: block; */ display: none; } .legend-key.disabled input:checked ~ .color-indicator:after { display: none; } .legend-key .color-indicator:after { left: 1px; top: 1px; width: 8px; height: 8px; border: 1px solid #ffffff; border-radius: 50%; } .legend-panel.cc-component .select { position: relative; display: inline-block; height: 20px; line-height: 20px; width: 30px; border-radius: 11px; vertical-align: middle; box-sizing: border-box; } .legend-panel.cc-component .select.select--chart { /* font-size: $p_chart_type_icon_size; */ font-size: 12px; padding: 0 2px; padding-left: 7px; /* background-color: $p_selector_trigger_bg_color; */ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06); color: #707070; text-align: left; transition: .2s all; } .legend-panel.cc-component .select.select--chart:hover { box-shadow: none; background-color: rgba(0, 0, 0, 0.06); } .legend-panel.cc-component .select.select--chart .triangle { border-bottom-color: rgba(0, 0, 0, 0.4); } .legend-panel.cc-component .select:hover { cursor: pointer; } .legend-panel.cc-component .select .triangle { position: absolute; display: block; right: 4px; top: 7px; width: 0; height: 0; /* border-bottom: 5px solid #707070; */ border-bottom: 4px solid rgba(255, 255, 255, 0.8); border-left: 4px solid transparent; transform: rotate(45deg); } .legend-panel.cc-component .selector { /* display: none; */ opacity: 0; visibility: hidden; position: absolute; background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #dddddd; /* border-radius: $p_selector_panel_border_radius; */ border-radius: 5px; width: 220px; padding: 15px; box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1); margin-left: 12px; margin-top: 8px; transform: translateX(-50%) translateY(10px); text-align: center; box-sizing: border-box; transition: opacity 180ms ease-out, transform 180ms ease-out; } .legend-panel.cc-component .selector:before, .legend-panel.cc-component .selector:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .legend-panel.cc-component .selector:before { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 5px; margin-left: -5px; z-index: 1; } .legend-panel.cc-component .selector:after { border-color: rgba(238, 238, 238, 0); border-bottom-color: #eee; border-width: 6px; margin-left: -6px; } .legend-panel.cc-component .selector div[class*="switches--"] { display: none; } .legend-panel.cc-component .selector.active { /* display: block; */ opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } .legend-panel.cc-component .selector.select--color .switches--colors { display: block; } .legend-panel.cc-component .selector.select--chart .switches--charts { display: block; } .legend-panel.cc-component .selector .switches--colors { white-space: normal; } .legend-panel.cc-component .selector .switch { position: relative; z-index: 1; box-sizing: border-box; display: inline-block; margin: 3px; transition: .2s all; } .legend-panel.cc-component .selector .switch:hover { cursor: pointer; } .legend-panel.cc-component .selector .switch.switch--color { width: 28px; height: 28px; /* border: 1px solid transparent; */ border-radius: 50%; background-color: #ffffff; } .legend-panel.cc-component .selector .switch.switch--color:hover { /* transform: scale(1.1, 1.1); transform-origin: center; */ box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06); } .legend-panel.cc-component .selector .switch.switch--color.selected:after { content: " "; position: absolute; z-index: -1; top: -3px; left: -3px; bottom: -3px; right: -3px; /* border-width: $p_selector_switch_selected_border_width; border-style: $p_selector_switch_selected_border_style; border-color: $p_selector_switch_selected_border_color; */ border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.1); } .legend-panel.cc-component .selector .switch.switch--color.selected:hover { box-shadow: none; } .legend-panel.cc-component .selector .switch.switch--chart { width: 52px; height: 40px; line-height: 38px; border-radius: 6px; background-color: #fff; text-align: center; padding: 0 8px; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 22px; color: rgba(0, 0, 0, 0.35); display: inline-block !important; vertical-align: top; } .legend-panel.cc-component .selector .switch.switch--chart:hover { border-color: rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.65); } .legend-panel.cc-component .selector .switch.switch--chart.selected, .legend-panel.cc-component .selector .switch.switch--chart.selected:hover { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06); border-color: rgba(0, 0, 0, 0.25); color: rgba(0, 0, 0, 0.85); } .legend-panel.cc-component .selector .switch--chart { display: none; padding: 4px; text-align: center; font-size: 13px; line-height: 15px; } .legend-panel.cc-component .selector .switch--chart.show { display: inline-block; } .red-alert .legend-panel.cc-component { z-index: 5; font-family: sans-serif; color: red; border-color: #990000; border-color: transparent; border-radius: 0; /* padding: 0 10px; */ /* overflow: hidden; */ text-align: center; transition: .2s all; } .red-alert .legend-panel.cc-component * { box-sizing: content-box; } .red-alert .legend-panel.cc-component.vertical .edit-legend { vertical-align: bottom; margin-bottom: 4px; } .red-alert .legend-panel.cc-component.vertical .key { display: block; } .red-alert .legend-panel.cc-component .legend-inner-container { /* white-space: nowrap; */ /* overflow-x: auto; */ position: relative; padding: 0 45px; } .red-alert .legend-panel.cc-component .legend-inner-container .edit-legend { position: absolute; left: 0; } .red-alert .legend-panel.cc-component .legend-inner-container:hover .edit-legend { opacity: 1; visibility: visible; } .red-alert .legend-panel.cc-component .keys { display: inline-block; line-height: 12px; vertical-align: middle; } .red-alert .legend-panel.cc-component .edit-legend { display: inline-block; /* border-right-width: $p_edit_btn_separator_width; border-right-style: $p_edit_btn_separator_style; border-right-color: $p_edit_btn_separator_color; */ padding: 8px 12px; vertical-align: middle; color: #ff9999; transition: .2s all; opacity: 0; visibility: hidden; } .red-alert .legend-panel.cc-component .edit-legend:hover { cursor: pointer; } .red-alert .legend-panel.cc-component:hover, .red-alert .legend-panel.cc-component.edit-mode { border-color: #330000; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); } .red-alert .legend-panel.cc-component:hover .edit-legend { color: red; opacity: 1; visibility: visible; } .red-alert .legend-panel.cc-component.edit-mode .edit-legend { opacity: 1; visibility: visible; } .red-alert .legend-panel.cc-component.edit-mode .edit-legend .icon-edit:before { content: "\E66C"; font-family: 'Pe-icon-7-stroke'; font-size: 20px; position: relative; top: 1px; } .red-alert .legend-panel.cc-component .key { display: inline-block; /* border-width: $p_attr_item_border_width; border-style: $p_attr_item_border_style; border-color: $p_attr_item_border_color; */ padding: 0 6px; transition: .2s all; } .red-alert .legend-panel.cc-component .key:hover { opacity: .82; } .red-alert .legend-panel.cc-component .key:first-child { padding-left: 0; } .red-alert .legend-panel.cc-component .key:last-child { margin-right: 0; } .red-alert .legend-panel.cc-component .key .color-indicator { margin-right: 3px; position: relative; top: -1px; } .red-alert .legend-panel.cc-component .key .edit-key { display: none; } .red-alert .legend-panel.cc-component .key.edit .edit-key { display: inline-block; } .red-alert .legend-panel.cc-component .key.edit .color-indicator { display: none; } .red-alert .legend-panel.cc-component .legend-key { display: inline-block; padding: 13px 0; margin: 0; position: relative; vertical-align: middle; } .red-alert .legend-panel.cc-component .legend-key input[type=checkbox] { display: none; } .red-alert .legend-panel.cc-component .legend-key .associate-axis { text-transform: uppercase; border-radius: 4px; padding: 1px; margin-right: 2px; } .red-alert .legend-panel.cc-component .legend-key .associate-axis.active { display: inline; } .red-alert .legend-panel.cc-component .legend-key.disabled:hover { cursor: default; } .red-alert .legend-panel.cc-component .legend-key:hover { cursor: pointer; } .color-indicator { position: relative; display: inline-block; font-size: 14px; width: 16px; height: 8px; vertical-align: middle; border: 1px solid #000000; border-radius: 12px; } .color-indicator:after { position: absolute; display: none; content: ' '; } .legend-key input:checked ~ .color-indicator:after { /* display: block; */ display: none; } .legend-key.disabled input:checked ~ .color-indicator:after { display: none; } .legend-key .color-indicator:after { left: 1px; top: 1px; width: 8px; height: 8px; border: 1px solid #ffffff; border-radius: 50%; } .red-alert .legend-panel.cc-component .select { position: relative; display: inline-block; height: 20px; line-height: 20px; width: 30px; border-radius: 11px; vertical-align: middle; box-sizing: border-box; } .red-alert .legend-panel.cc-component .select.select--chart { /* font-size: $p_chart_type_icon_size; */ font-size: 12px; padding: 0 2px; padding-left: 7px; /* background-color: $p_selector_trigger_bg_color; */ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06); color: red; text-align: left; transition: .2s all; } .red-alert .legend-panel.cc-component .select.select--chart:hover { box-shadow: none; background-color: rgba(0, 0, 0, 0.06); } .red-alert .legend-panel.cc-component .select.select--chart .triangle { border-bottom-color: rgba(0, 0, 0, 0.4); } .red-alert .legend-panel.cc-component .select:hover { cursor: pointer; } .red-alert .legend-panel.cc-component .select .triangle { position: absolute; display: block; right: 4px; top: 7px; width: 0; height: 0; /* border-bottom: 5px solid red; */ border-bottom: 4px solid rgba(255, 255, 255, 0.8); border-left: 4px solid transparent; transform: rotate(45deg); } .red-alert .legend-panel.cc-component .selector { /* display: none; */ opacity: 0; visibility: hidden; position: absolute; background-color: white; border-width: 2px; border-color: #990000; /* border-radius: $p_selector_panel_border_radius; */ border-radius: 5px; width: 220px; padding: 15px; box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1); margin-left: 12px; margin-top: 8px; transform: translateX(-50%) translateY(10px); text-align: center; box-sizing: border-box; transition: opacity 180ms ease-out, transform 180ms ease-out; } .red-alert .legend-panel.cc-component .selector:before, .red-alert .legend-panel.cc-component .selector:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .red-alert .legend-panel.cc-component .selector:before { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 5px; margin-left: -5px; z-index: 1; } .red-alert .legend-panel.cc-component .selector:after { border-color: rgba(238, 238, 238, 0); border-bottom-color: #eee; border-width: 6px; margin-left: -6px; } .red-alert .legend-panel.cc-component .selector div[class*="switches--"] { display: none; } .red-alert .legend-panel.cc-component .selector.active { /* display: block; */ opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } .red-alert .legend-panel.cc-component .selector.select--color .switches--colors { display: block; } .red-alert .legend-panel.cc-component .selector.select--chart .switches--charts { display: block; } .red-alert .legend-panel.cc-component .selector .switches--colors { white-space: normal; } .red-alert .legend-panel.cc-component .selector .switch { position: relative; z-index: 1; box-sizing: border-box; display: inline-block; margin: 3px; transition: .2s all; } .red-alert .legend-panel.cc-component .selector .switch:hover { cursor: pointer; } .red-alert .legend-panel.cc-component .selector .switch.switch--color { width: 28px; height: 28px; /* border: 1px solid transparent; */ border-radius: 50%; background-color: #ffffff; } .red-alert .legend-panel.cc-component .selector .switch.switch--color:hover { /* transform: scale(1.1, 1.1); transform-origin: center; */ box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06); } .red-alert .legend-panel.cc-component .selector .switch.switch--color.selected:after { content: " "; position: absolute; z-index: -1; top: -3px; left: -3px; bottom: -3px; right: -3px; /* border-width: $p_selector_switch_selected_border_width; border-style: $p_selector_switch_selected_border_style; border-color: $p_selector_switch_selected_border_color; */ border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.1); } .red-alert .legend-panel.cc-component .selector .switch.switch--color.selected:hover { box-shadow: none; } .red-alert .legend-panel.cc-component .selector .switch.switch--chart { width: 52px; height: 40px; line-height: 38px; border-radius: 6px; background-color: #fff; text-align: center; padding: 0 8px; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 22px; color: rgba(0, 0, 0, 0.35); display: inline-block !important; vertical-align: top; } .red-alert .legend-panel.cc-component .selector .switch.switch--chart:hover { border-color: rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.65); } .red-alert .legend-panel.cc-component .selector .switch.switch--chart.selected, .red-alert .legend-panel.cc-component .selector .switch.switch--chart.selected:hover { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06); border-color: rgba(0, 0, 0, 0.25); color: rgba(0, 0, 0, 0.85); } .red-alert .legend-panel.cc-component .selector .switch--chart { display: none; padding: 4px; text-align: center; } .red-alert .legend-panel.cc-component .selector .switch--chart.show { display: inline-block; } /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ .message.cc-component { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .message.cc-component .message-row { opacity: 1; overflow: hidden; font-size: 13px; } .message.cc-component .message-row.msg-info { color: #00529B; background-color: #BDE5F8; } .message.cc-component .message-row.msg-error { color: #D8000C; background-color: #FFBABA; } .message.cc-component .message-row.msg-warn { color: #9F6000; background-color: #FEEFB3; } .message.cc-component .message-row .message-heading, .message.cc-component .message-row .message-body { width: 100%; padding: 0 5px; margin: 5px 0; } .message.cc-component .message-row .message-heading { display: flex; position: relative; } .message.cc-component .message-row .message-heading .fa { margin-right: 2px; } .message.cc-component .message-row .message-heading .message-title { flex-grow: 1; font-weight: bold; } .red-alert .message.cc-component { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .red-alert .message.cc-component .message-row { opacity: 1; overflow: hidden; font-size: 13px; } .red-alert .message.cc-component .message-row.msg-info { color: red; } .red-alert .message.cc-component .message-row.msg-error { color: red; } .red-alert .message.cc-component .message-row.msg-warn { color: red; } .red-alert .message.cc-component .message-row .message-heading, .red-alert .message.cc-component .message-row .message-body { width: 100%; padding: 0 5px; margin: 5px 0; } .red-alert .message.cc-component .message-row .message-heading { display: flex; position: relative; } .red-alert .message.cc-component .message-row .message-heading .fa { margin-right: 2px; } .red-alert .message.cc-component .message-row .message-heading .message-title { flex-grow: 1; font-weight: bold; } /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ .cc-svg .pie path.arc { stroke: #ffffff; } .cc-svg .pie path.highlight { opacity: 0.3; } .red-alert .cc-svg .pie path.arc { stroke: red; } .red-alert .cc-svg .pie path.highlight { opacity: 0.3; } /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ .cc-svg .radial-dendrogram .link { full: #2196f3; fill-opacity: .7; pointer-events: none; } .cc-svg .radial-dendrogram .ribbon { fill: #D0E0EA; fill-opacity: .7; stroke-width: 0; transition: .1s fill-opacity, .1s fill; } .cc-svg .radial-dendrogram .ribbon:hover { fill: rgba(0, 0, 0, 0.45); fill-opacity: .8; } .cc-svg .radial-dendrogram .ribbon.active { fill: rgba(0, 0, 0, 0.45); fill-opacity: .8; } .cc-svg .radial-dendrogram .arc { fill: #D0E0EA; fill-opacity: .7; stroke-width: 1px; stroke: #8ab2cb; stroke-opacity: .7; } .cc-svg .radial-dendrogram .arc:hover { fill-opacity: 1; cursor: pointer; } .cc-svg .radial-dendrogram .arc-label { text-anchor: start; alignment-baseline: middle; font-size: 9px; fill: #000000; } .cc-svg .radial-dendrogram .circle { stroke: #222222; stroke-opacity: .4; stroke-width: 1px; fill: none; pointer-events: none; } .red-alert .cc-svg .radial-dendrogram .link { full: #990000; fill-opacity: .7; pointer-events: none; } .red-alert .cc-svg .radial-dendrogram .ribbon { fill: #e60000; fill-opacity: .7; stroke-width: 0; transition: .1s fill-opacity, .1s fill; } .red-alert .cc-svg .radial-dendrogram .ribbon:hover { fill: #332100; fill-opacity: .8; } .red-alert .cc-svg .radial-dendrogram .ribbon.active { fill: #332100; fill-opacity: .8; } .red-alert .cc-svg .radial-dendrogram .arc { fill: #e60000; fill-opacity: .7; stroke-width: 3px; stroke: maroon; stroke-opacity: .7; } .red-alert .cc-svg .radial-dendrogram .arc:hover { fill-opacity: 1; cursor: pointer; } .red-alert .cc-svg .radial-dendrogram .arc-label { text-anchor: start; alignment-baseline: middle; fill: red; } .red-alert .cc-svg .radial-dendrogram .circle { stroke: #222222; stroke-opacity: .4; stroke-width: 1px; fill: none; pointer-events: none; } /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ .cc-svg .sankey .link { fill: none; stroke: #D0E0EA; stroke-opacity: 1; transition: .1s stroke; } .cc-svg .sankey .link:hover { stroke: rgba(0, 0, 0, 0.45); } .cc-svg .sankey .node rect { fill: #2196f3; stroke: rgba(0, 0, 0, 0.12); stroke-width: 1px; } .cc-svg .sankey .node text { alignment-baseline: central; font-size: 9px; fill: #000000; } .cc-svg .sankey .node:hover rect { fill: rgba(0, 0, 0, 0.45); stroke: rgba(0, 0, 0, 0.55); stroke-width: 1px; } /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ .cc-svg .timeline-bar { fill: #aaaaaa; opacity: 0.75; } .red-alert .cc-svg .timeline-bar { fill: red; opacity: 0.75; } .cc-title { text-align: center; font-size: 20px; } /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ .tooltip.cc-component { position: absolute; pointer-events: none; z-index: 9999; opacity: 0; height: 0; visibility: hidden; transition: visibility, opacity; transition-duration: 300ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .tooltip.cc-component.active { height: auto; visibility: visible; opacity: 1; } .tooltip.cc-component .tooltip-content { min-width: 200px; padding: 12px 14px; border-radius: 6px; /* background-color: $p_body_bg_color; */ background-color: rgba(0, 0, 0, 0.75); color: #ffffff; opacity: 0.75; } .tooltip.cc-component .tooltip-content .cc-title { font-weight: bold; font-size: 14px; opacity: 1; /* border-bottom-width: $p_title_separator_width; border-bottom-style: $p_title_separator_style; border-bottom-color: $p_title_separator_color; */ /* border-bottom: 1px solid rgba(255,255,255,.12); padding-bottom: 8px; margin-bottom: 15px; */ text-align: left; margin: 0; } .tooltip.cc-component .tooltip-content .cc-title + .tooltip-items { border-top: 1px solid rgba(255, 255, 255, 0.18); padding-top: 6px; margin-top: 6px; } .tooltip.cc-component .tooltip-item { /* border-bottom-width: $p_item_spearator_width; border-bottom-style: $p_item_spearator_style; border-bottom-color: $p_item_spearator_color; */ padding: 3px 0; } .tooltip.cc-component .tooltip-item:first-child { padding-top: 0; } .tooltip.cc-component .tooltip-item:last-child { padding-bottom: 0; } .tooltip.cc-component .tooltip-item .tooltip-item-color { width: 20px; height: 12px; display: inline-block; border-radius: 12px; background-color: rgba(255, 255, 255, 0.12); margin-right: 3px; position: relative; top: 2px; } .tooltip.cc-component .tooltip-item .tooltip-item-label { margin-right: 15px; } .tooltip.cc-component .tooltip-item .tooltip-item-value { font-weight: 700; float: right; } .tooltip.cc-component.tooltip-light .tooltip-content { background-color: rgba(255, 255, 255, 0.95); border: 1px solid rgba(0, 0, 0, 0.2); color: #111; } .tooltip.cc-component.tooltip-light .tooltip-content .cc-title { color: #111; } .red-alert .tooltip.cc-component { position: absolute; pointer-events: none; z-index: 9999; opacity: 0; height: 0; visibility: hidden; transition: visibility, opacity; transition-duration: 300ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .red-alert .tooltip.cc-component.active { height: auto; visibility: visible; opacity: 1; } .red-alert .tooltip.cc-component .tooltip-content { min-width: 200px; padding: 12px 14px; border-radius: 6px; /* background-color: $p_body_bg_color; */ background-color: rgba(0, 0, 0, 0.75); color: red; } .red-alert .tooltip.cc-component .tooltip-content .cc-title { font-weight: bold; opacity: 1; /* border-bottom-width: $p_title_separator_width; border-bottom-style: $p_title_separator_style; border-bottom-color: $p_title_separator_color; */ /* border-bottom: 1px solid rgba(255,255,255,.12); padding-bottom: 8px; margin-bottom: 15px; */ text-align: left; margin: 0; } .red-alert .tooltip.cc-component .tooltip-content .cc-title + .tooltip-items { border-top: 1px solid rgba(255, 255, 255, 0.18); padding-top: 6px; margin-top: 6px; } .red-alert .tooltip.cc-component .tooltip-item { /* border-bottom-width: $p_item_spearator_width; border-bottom-style: $p_item_spearator_style; border-bottom-color: $p_item_spearator_color; */ padding: 3px 0; } .red-alert .tooltip.cc-component .tooltip-item:first-child { padding-top: 0; } .red-alert .tooltip.cc-component .tooltip-item:last-child { padding-bottom: 0; } .red-alert .tooltip.cc-component .tooltip-item .tooltip-item-color { width: 20px; height: 12px; display: inline-block; border-radius: 12px; background-color: rgba(255, 255, 255, 0.12); margin-right: 3px; position: relative; top: 2px; } .red-alert .tooltip.cc-component .tooltip-item .tooltip-item-label { margin-right: 15px; } .red-alert .tooltip.cc-component .tooltip-item .tooltip-item-value { font-weight: 700; float: right; } .red-alert .tooltip.cc-component.tooltip-light .tooltip-content { background-color: rgba(255, 255, 255, 0.95); border: 1px solid rgba(0, 0, 0, 0.2); color: #111; } .red-alert .tooltip.cc-component.tooltip-light .tooltip-content .cc-title { color: #111; } /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ .cc-svg .axis .domain { display: none; } .cc-svg .axis .tick line { stroke: #dddddd; } .cc-svg .axis .tick text { font-size: 11px; fill: #707070; } .cc-svg .axis .axis-label { margin: 4px; font-size: 11px; fill: #707070; text-anchor: middle; dominant-baseline: central; } .cc-svg .axis.x .tick { stroke-dasharray: 2, 3; } .red-alert .cc-svg .axis .domain { display: none; } .red-alert .cc-svg .axis .tick line { stroke: red; } .red-alert .cc-svg .axis .tick text { fill: red; } .red-alert .cc-svg .axis .axis-label { margin: 4px; fill: red; text-anchor: middle; dominant-baseline: central; } .red-alert .cc-svg .axis.x .tick { stroke-dasharray: 2, 3; } /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ .cc-svg .radial-axis { /* .radial-axis { .axis { stroke: $p_gridline_color; fill: none; } .tick { line { stroke: $p_gridline_color; } text { font-size: $p_tick_size; fill: $p_tick_color; } } .axis-label { margin: 4px; font-size: $p_label_size; fill: $p_label_color; text-anchor: middle; dominant-baseline: central; } } */ } .cc-svg .radial-axis .tick circle { stroke: #dddddd; fill: none; } .cc-svg .radial-axis .tick text { font-size: 11px; fill: #707070; text-anchor: middle; dominant-baseline: central; } .cc-svg .radial-axis .tick path { stroke: #dddddd; fill: none; } .red-alert .cc-svg .radial-axis .axis .domain { display: none; } .red-alert .cc-svg .radial-axis .axis .tick line { stroke: red; } .red-alert .cc-svg .radial-axis .axis .tick text { fill: red; } .red-alert .cc-svg .radial-axis .axis .axis-label { margin: 4px; fill: red; text-anchor: middle; dominant-baseline: central; } .red-alert .cc-svg .radial-axis .axis.x .tick { stroke-dasharray: 2, 3; } .cc-svg .map .stroke { fill: none; stroke: #000; stroke-width: 3px; } .cc-svg .map .fill { fill: #fff; } .cc-svg .map .graticule { fill: none; stroke: #777; stroke-width: .5px; stroke-opacity: .5; } .cc-svg .map .feature { fill: #B5BCC4; } .cc-svg .map .boundary { fill: none; stroke: #fff; stroke-width: .5px; } .cc-svg .map .point { fill: #1f77b4; stroke: rgba(255, 255, 255, 0.5); stroke-width: 2px; transition: .2s all; } .cc-svg .map .point:hover { fill: #333; stroke: transparent; } .cc-svg .map .link { fill: none; stroke-width: 2px; stroke: #1f77b4; pointer-events: none; } .clipPath { fill: none; } * { box-sizing: border-box; } .hide { display: none; } .cc-chart { position: relative; } .cc-svg { user-select: none; display: block; margin-left: auto; margin-right: auto; } .cc-component .interactive { cursor: pointer; } [component] { position: relative; } * { font-family: sans-serif; } button { text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; } button:focus { outline: none; } .button { background-color: #fff; border: 1px solid #aaa; padding: 2px 6px; border-radius: 2px; } .button:hover { cursor: pointer; } /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* DIALOG */ /* SNACKBAR */ /* TOOLTIP */ /* CHIP */ /* * this theme definition is globally avaiable on purpose. * A custom theme definition should be scoped in a sass map variable. */ /* the default global theme, don't add this to the $themes list */ /* theme configuration map keys (component IDs) */ /* * z-index levels */ /* * load custom theme definitions and define the theme list variable */ /* * Note: this is a demo-only theme definition, * remove this from production. */ /*# sourceMappingURL=contrail-charts.css.map*/