First commit

This commit is contained in:
Thomas Fuhrmann 2023-09-22 11:33:13 +02:00
parent 91447f74b4
commit 6ab4bb6daa
13123 changed files with 60099 additions and 204 deletions

View file

@ -0,0 +1,14 @@
.esri-overlay-surface {
position: absolute;
border: none;
padding: 0;
margin: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 0;
pointer-events: none;
user-select: none;
}

View file

@ -0,0 +1,52 @@
/**
* NOTE:
* Overlay items are drawn using canvas when using the takeScreenshot
* API. Please take care that the visual styles stay the same. Most styling
* should happen using inline styles, while the CSS should be concerned with
* positioning only.
*/
.esri-text-overlay-item {
display: block;
position: absolute;
overflow: hidden;
white-space: nowrap;
font-size: $font-size;
font-family: $font-family;
line-height: $line-height;
}
.esri-text-overlay-item-anchor-bottom {
transform: translate(-50%, -100%);
}
.esri-text-overlay-item-anchor-bottom-right {
transform: translate(-100%, -100%);
}
.esri-text-overlay-item-anchor-bottom-left {
transform: translate(0, -100%);
}
.esri-text-overlay-item-anchor-top {
transform: translate(-50%, 0);
}
.esri-text-overlay-item-anchor-top-right {
transform: translate(-100%, 0);
}
.esri-text-overlay-item-anchor-top-left {
transform: translate(0, 0);
}
.esri-text-overlay-item-anchor-center {
transform: translate(-50%, -50%);
}
.esri-text-overlay-item-anchor-right {
transform: translate(-100%, -50%);
}
.esri-text-overlay-item-anchor-left {
transform: translate(0, -50%);
}
.esri-line-overlay-item {
display: block;
position: absolute;
overflow: hidden;
white-space: nowrap;
}

View file

@ -0,0 +1,149 @@
.esri-ui {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
box-sizing: border-box;
pointer-events: none;
overflow: hidden;
font-size: $font-size;
z-index: 0; // creates root stacking context
.esri-component {
pointer-events: auto;
}
/* attribution's position is a special case */
.esri-attribution {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
}
.esri-ui-corner {
position: absolute;
display: flex;
}
.esri-ui-inner-container {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.esri-ui-manual-container {
& > .esri-component {
position: absolute;
}
/* swipe needs to be placed behind all UI components */
.esri-swipe {
z-index: -1;
}
}
// Top Corners
.esri-ui-top-left,
.esri-ui-top-right {
flex-flow: column;
}
.esri-ui-top-left {
align-items: flex-start;
}
.esri-ui-top-right {
align-items: flex-end;
}
// Bottom Corners
.esri-ui-bottom-left,
.esri-ui-bottom-right {
flex-flow: row;
align-items: flex-end;
}
.esri-ui-bottom-right {
flex-flow: row-reverse;
}
.esri-ui-top-left {
top: 0;
left: 0;
}
.esri-ui-top-right {
top: 0;
right: 0;
}
.esri-ui-top-right .esri-component,
.esri-ui-top-left .esri-component {
margin-bottom: $view-ui-spacing;
}
.esri-ui-bottom-left {
bottom: 0;
left: 0;
.esri-component {
margin-right: $view-ui-spacing;
}
}
.esri-ui-bottom-right {
bottom: 0;
right: 0;
.esri-component {
margin-left: $view-ui-spacing;
}
}
[dir="rtl"] {
.esri-ui-top-left {
align-items: flex-end;
}
.esri-ui-top-right {
align-items: flex-start;
}
.esri-ui-bottom-left {
flex-direction: row-reverse;
}
.esri-ui-bottom-right {
flex-direction: row;
}
}
/* ZoomBox */
.esri-zoom-box__container {
position: relative;
height: 100%;
width: 100%;
}
.esri-zoom-box__overlay {
cursor: crosshair;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.esri-zoom-box__overlay-background {
fill: rgba(0, 0, 0, 0.1);
}
.esri-zoom-box__outline {
fill: transparent;
stroke: dodgerblue;
stroke-dasharray: 1, 1;
stroke-width: 2px;
}

View file

@ -0,0 +1,191 @@
.esri-view {
display: flex;
margin: 0;
padding: 0;
.esri-view-user-storage {
overflow: hidden;
}
.esri-view-root {
position: relative;
flex: 1 1 100%;
border: none;
padding: 0;
margin: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
.esri-view-surface {
position: absolute;
border: none;
padding: 0;
margin: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
user-select: none;
outline: 0;
/*
* TODO
* Layers should probably manage this on their own
*/
direction: ltr;
&--touch {
&-none {
touch-action: none;
}
&-pan {
touch-action: pan-x pan-y;
}
}
}
.esri-view-surface:focus::after {
content: "";
box-sizing: border-box;
position: absolute;
z-index: 999;
top: 0;
left: 0;
height: 100%;
width: 100%;
outline: auto 2px Highlight;
outline: auto 5px -webkit-focus-ring-color;
outline-offset: -3px;
pointer-events: none;
overflow: hidden;
}
.esri-view-surface[data-navigating="true"] {
cursor: move;
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
/*
* CSS2 cursors:
* auto, inherit, crosshair, default, help, move, pointer , progress, text, wait,
* e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize
*
* CSS3 cursors:
* vertical-text, no-drop, not-allowed,
* ew-resize, ns-resize, nesw-resize, nwse-resize, col-resize, row-resize, all-scroll
*
* CSS3 with limited support:
* - cursor: none (not IE, Safari, Opera)
* - cursor: context-menu (not Firefox, Chrome)
* - cursor: cell (not Safari)
* - cursor: alias (not Safari)
* - cursor: copy (not Safari)
*
* Browser specific:
* - cursor: -webkit-grab; cursor: -moz-grab;
* - cursor: -webkit-grabbing; cursor: -moz-grabbing;
* - cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
* - cursor: -webkit-zoom-out; cursor: -moz-zoom-out;
*
* Supported cursors:
* default, crosshair, help, move, pointer, progress, grab, grabbing
*/
.esri-view-surface[data-cursor="copy"] {
cursor: copy;
}
.esri-view-surface[data-cursor="crosshair"] {
cursor: crosshair;
}
.esri-view-surface[data-cursor="help"] {
cursor: help;
}
.esri-view-surface[data-cursor="move"] {
cursor: move;
}
.esri-view-surface[data-cursor="pointer"] {
cursor: pointer;
}
.esri-view-surface[data-cursor="progress"] {
cursor: progress;
}
.esri-view-surface[data-cursor="grab"] {
cursor: move;
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
.esri-view-surface[data-cursor="grabbing"] {
cursor: move;
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
.esri-view-surface[data-cursor="n-resize"] {
cursor: n-resize;
}
.esri-view-surface[data-cursor="e-resize"] {
cursor: e-resize;
}
.esri-view-surface[data-cursor="s-resize"] {
cursor: s-resize;
}
.esri-view-surface[data-cursor="w-resize"] {
cursor: w-resize;
}
.esri-view-surface[data-cursor="ne-resize"] {
cursor: ne-resize;
}
.esri-view-surface[data-cursor="nw-resize"] {
cursor: nw-resize;
}
.esri-view-surface[data-cursor="se-resize"] {
cursor: se-resize;
}
.esri-view-surface[data-cursor="sw-resize"] {
cursor: sw-resize;
}
.esri-view-surface[data-cursor="ew-resize"] {
cursor: ew-resize;
}
.esri-view-surface[data-cursor="ns-resize"] {
cursor: ns-resize;
}
.esri-view-surface[data-cursor="nesw-resize"] {
cursor: nesw-resize;
}
.esri-view-surface[data-cursor="nwse-resize"] {
cursor: nwse-resize;
}
.esri-display-object,
.esri-bitmap {
position: absolute;
border: none;
margin: 0;
padding: 0; // @dris0000 @juan6600
// Keep these prefixes?
-webkit-user-drag: none;
-webkit-user-select: none;
}
.esri-bitmap {
max-width: none;
transform-origin: top left;
}
}

View file

@ -0,0 +1,128 @@
// Animations
@keyframes esri-fade-in-down {
0% {
opacity: 0;
transform: translate3D(0, -5px, 0);
}
25% {
opacity: 0;
transform: translate3D(0, -5px, 0);
}
100% {
opacity: 1;
transform: translate3D(0, 0, 0);
}
}
@keyframes esri-fade-in-up {
0% {
opacity: 0;
transform: translate3D(0, 5px, 0);
}
25% {
opacity: 0;
transform: translate3D(0, 5px, 0);
}
100% {
opacity: 1;
transform: translate3D(0, 0, 0);
}
}
@keyframes esri-fade-in {
0% {
opacity: 0;
}
25% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes esri-fade-in-scale {
0% {
opacity: 0;
transform: scale3D(0.95, 0.95, 1);
}
100% {
opacity: 1;
transform: scale3D(1, 1, 1);
}
}
@keyframes looping-progresss-bar-ani {
0% {
left: 0%;
width: 0%;
}
#{$looping-progress-bar-width} {
left: 0%;
width: $looping-progress-bar-width;
}
#{100-$looping-progress-bar-width} {
left: 100% - $looping-progress-bar-width;
width: $looping-progress-bar-width;
}
100% {
left: 100%;
width: 0%;
}
}
@keyframes esri-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@keyframes panel-advance {
0% {
opacity: 0;
transform: translate3d(50px, 0, 0) scale(0.99);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
}
}
@keyframes panel-retreat {
0% {
opacity: 0;
transform: translate3d(-50px, 0, 0) scale(0.99);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
}
}
/* ==========================================================================
RTL
========================================================================== */
@keyframes panel-advance--rtl {
0% {
opacity: 0;
transform: translate3d(-50px, 0, 0) scale(0.99);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
}
}
@keyframes panel-retreat--rtl {
0% {
opacity: 0;
transform: translate3d(50px, 0, 0) scale(0.99);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
}
}

View file

@ -0,0 +1,58 @@
@import "functions";
@import "colors/scss/variables";
// https: //github.com/Esri/calcite-colors.git
// Main Colors Vars
$font-color: $Calcite_Gray_700 !default;
$interactive-font-color: $Calcite_Gray_550 !default;
$background-color: $Calcite_Gray_050 !default;
// Inverse
$interactive-font-color--inverse: $Calcite_Gray_050 !default;
$background-color--inverse: $Calcite_Gray_650 !default;
// Hover
$interactive-font-color--hover: offset-foreground-color($interactive-font-color, 25%) !default;
$background-color--hover: offset-background-color($background-color, 4.75%) !default;
$border-color--hover: offset-foreground-color($interactive-font-color, 50%) !default;
// Active
$border-color--active: $Calcite_Highlight_Blue_350 !default;
$background-color--active: $Calcite_Highlight_Blue_100 !default;
// Offset
$background-color--offset: offset-background-color($background-color, 4.75%);
$background-color--offset-subtle: offset-background-color($background-color, 3.5%);
// Buttons
$button-color: $Calcite_Highlight_Blue_350 !default;
$button-color--active: $Calcite_Highlight_Blue_400 !default;
$button-color--bright: $Calcite_Blue_a100 !default;
$button-color--hover: darken($button-color, 10%) !default;
$button-color--inverse: $interactive-font-color--inverse !default;
// Other
$heading-color: $font-color !default;
$background-color--overlay: rgba(0, 0, 0, 0.7) !default;
$opacity--disabled: 0.4 !default;
$opacity--sortable: 0.75 !default;
$interactive-font-color--disabled: rgba($interactive-font-color, $opacity--disabled) !default;
$font-color--placeholder: $interactive-font-color !default;
$border-color: rgba($interactive-font-color, 0.3) !default;
$border-color--subtle: rgba($interactive-font-color, 0.15) !default;
$border-color--contrast: rgba($interactive-font-color, 0.4) !default;
$border-color--input: $Calcite_Gray_450;
$updating: $Calcite_Highlight_Blue_350;
$connection-connected: $Brand_Green_200;
$connection-disconnected: $Brand_Orange_100;
// Error
$border-color--error: $Calcite_Vibrant_Red_200 !default;
$font-color--error: $Calcite_Red_a250 !default;
$background-color--error: rgba($font-color--error, 0.1);
// Smart Mapping Sliders
$smartmapping-slider__thumb-background-color: $interactive-font-color !default;
$smartmapping-slider__ramp-stroke-color: $interactive-font-color !default;

View file

@ -0,0 +1 @@
@import "color";

View file

@ -0,0 +1,186 @@
/*
Core Settings and Imports
*/
$include_widgets: true !default;
// Widget core
$include_Widget: $include_widgets !default;
// Widgets (sorted alphabetically)
$include_AreaMeasurement2D: $include_widgets !default;
$include_AreaMeasurement3D: $include_widgets !default;
$include_Attachments: $include_widgets !default;
$include_Attribution: $include_widgets !default;
$include_BasemapGallery: $include_widgets !default;
$include_BasemapLayerList: $include_widgets !default;
$include_BasemapToggle: $include_widgets !default;
$include_BinaryColorSizeSlider: $include_widgets !default;
$include_Bookmarks: $include_widgets !default;
$include_BuildingExplorer: $include_widgets !default;
$include_ButtonMenu: $include_widgets !default;
$include_ClassedColorSlider: $include_widgets !default;
$include_ClassedSizeSlider: $include_widgets !default;
$include_ColorPicker: $include_widgets !default;
$include_ColorSizeSlider: $include_widgets !default;
$include_ColorSlider: $include_widgets !default;
$include_Compass: $include_widgets !default;
$include_CoordinateConversion: $include_widgets !default;
$include_DatePicker: $include_widgets !default;
$include_Daylight: $include_widgets !default;
$include_Directions: $include_widgets !default;
$include_DirectLineMeasurement3D: $include_widgets !default;
$include_DistanceMeasurement2D: $include_widgets !default;
$include_Editor: $include_widgets !default;
$include_ElevationProfile: $include_widgets !default;
$include_Expand: $include_widgets !default;
$include_Feature: $include_widgets !default;
$include_FeatureContent: $include_widgets !default;
$include_FeatureForm: $include_widgets !default;
$include_Features: $include_widgets !default;
$include_FeatureMedia: $include_widgets !default;
$include_FeatureTable: $include_widgets !default;
$include_FeatureTemplates: $include_widgets !default;
$include_FloorFilter: $include_widgets !default;
$include_Grid: $include_widgets !default;
$include_HeatmapSlider: $include_widgets !default;
$include_Histogram: $include_widgets !default;
$include_HistogramRangeSlider: $include_widgets !default;
$include_IdentityForm: $include_widgets !default;
$include_IdentityModal: $include_widgets !default;
$include_ItemList: $include_widgets !default;
$include_LayerList: $include_widgets !default;
$include_Legend: $include_widgets !default;
$include_LineOfSight: $include_widgets !default;
$include_Measurement: $include_widgets !default;
$include_NavigationToggle: $include_widgets !default;
$include_OpacitySlider: $include_widgets !default;
$include_OrientedImageryViewer: $include_widgets !default;
$include_Popup: $include_widgets !default;
$include_Print: $include_widgets !default;
$include_SaveLayer: $include_widgets !default;
$include_ScaleBar: $include_widgets !default;
$include_ScaleRangeSlider: $include_widgets !default;
$include_Search: $include_widgets !default;
$include_SelectionToolbar: $include_widgets !default;
$include_ShadowCast: $include_widgets !default;
$include_SizeSlider: $include_widgets !default;
$include_Sketch: $include_widgets !default;
$include_SketchTooltipControls: $include_widgets !default;
$include_Slice: $include_widgets !default;
$include_Slider: $include_widgets !default;
$include_SnappingControls: $include_widgets !default;
$include_Spinner: $include_widgets !default;
$include_Swipe: $include_widgets !default;
$include_TableList: $include_widgets !default;
$include_TimePicker: $include_widgets !default;
$include_TimeSlider: $include_widgets !default;
$include_TimezonePicker: $include_widgets !default;
$include_Tooltip: $include_widgets !default;
$include_UtilityNetworkAssociations: $include_widgets !default;
$include_UtilityNetworkTrace: $include_widgets !default;
$include_UtilityNetworkValidateTopology: $include_widgets !default;
$include_ValuePicker: $include_widgets !default;
$include_Weather: $include_widgets !default;
$include_Zoom: $include_widgets !default;
$icomoon-font-path: "../base/icons/fonts" !default; // Override for esri/themes/base/icons/style.scss
$calcite-fonts-path: "../base/fonts/fonts/" !default;
@import "fonts/fonts.scss";
@import "icons/style.scss";
@import "@esri/calcite-components/dist/calcite/calcite";
@import "color";
@import "type";
@import "sizes";
@import "layout";
@import "mixins";
@import "View";
@import "Ui";
@import "Overlay";
@import "OverlayItem";
@import "widgets/Widget";
// Widgets (sorted alphabetically)
@import "widgets/AreaMeasurement2D";
@import "widgets/AreaMeasurement3D";
@import "widgets/Attachments";
@import "widgets/Attribution";
@import "widgets/BasemapGallery";
@import "widgets/BasemapLayerList";
@import "widgets/BasemapToggle";
@import "widgets/BinaryColorSizeSlider";
@import "widgets/Bookmarks";
@import "widgets/BuildingExplorer";
@import "widgets/ButtonMenu";
@import "widgets/ClassedColorSlider";
@import "widgets/ClassedSizeSlider";
@import "widgets/ColorPicker";
@import "widgets/ColorSizeSlider";
@import "widgets/ColorSlider";
@import "widgets/Compass";
@import "widgets/CoordinateConversion";
@import "widgets/DatePicker";
@import "widgets/Daylight";
@import "widgets/Directions";
@import "widgets/DirectLineMeasurement3D";
@import "widgets/DistanceMeasurement2D";
@import "widgets/Editor";
@import "widgets/ElevationProfile";
@import "widgets/Expand";
@import "widgets/Feature";
@import "widgets/FeatureContent";
@import "widgets/FeatureForm";
@import "widgets/Features";
@import "widgets/FeatureMedia";
@import "widgets/FeatureTable";
@import "widgets/FeatureTemplates";
@import "widgets/FloorFilter";
@import "widgets/Grid";
@import "widgets/HeatmapSlider";
@import "widgets/Histogram";
@import "widgets/HistogramRangeSlider";
@import "widgets/IdentityForm";
@import "widgets/IdentityModal";
@import "widgets/ItemList";
@import "widgets/LayerList";
@import "widgets/Legend";
@import "widgets/LineOfSight";
@import "widgets/Measurement";
@import "widgets/NavigationToggle";
@import "widgets/OpacitySlider";
@import "widgets/OrientedImageryViewer";
@import "widgets/Popup";
@import "widgets/Print";
@import "widgets/SaveLayer";
@import "widgets/ScaleBar";
@import "widgets/ScaleRangeSlider";
@import "widgets/Search";
@import "widgets/SearchResultRenderer";
@import "widgets/SelectionToolbar";
@import "widgets/ShadowCast";
@import "widgets/SizeSlider";
@import "widgets/Sketch";
@import "widgets/SketchTooltipControls";
@import "widgets/Slice";
@import "widgets/Slider";
@import "widgets/SnappingControls";
@import "widgets/Spinner";
@import "widgets/Swipe";
@import "widgets/TableList";
@import "widgets/TimePicker";
@import "widgets/TimeSlider";
@import "widgets/TimezonePicker";
@import "widgets/Tooltip";
@import "widgets/UtilityNetworkAssociations";
@import "widgets/UtilityNetworkTrace";
@import "widgets/UtilityNetworkValidateTopology";
@import "widgets/ValuePicker";
@import "widgets/Weather";
@import "widgets/Zoom";
// animations
@import "animation";

View file

@ -0,0 +1,23 @@
//////////////////////////////
// Calculations
@function offset-background-color($color, $percent) {
@if (lightness($color) < 50) {
@return lighten($color, $percent);
} @else {
@return darken($color, $percent);
}
}
@function offset-foreground-color($color, $percent) {
@if (lightness($color) > 50) {
@return lighten($color, $percent);
} @else {
@return darken($color, $percent);
}
}
@function fade-foreground-color($color, $percent) {
@if (lightness($color) < 50) {
@return lighten($color, $percent);
} @else {
@return darken($color, $percent);
}
}

View file

@ -0,0 +1,11 @@
$layout-base-size: 48px !default;
// Header
$header-height--min: $layout-base-size !default;
$header-button-height: $layout-base-size !default;
$header-button-width: $layout-base-size !default;
// Footer
$footer-height--min: $layout-base-size !default;
$footer-button-height: $layout-base-size !default;
$footer-button-width: $layout-base-size !default;

View file

@ -0,0 +1,665 @@
////////////////////////////////////////
// Widget Common Mixins
@use "sass:math";
@mixin boxShadow($arguments) {
box-shadow: #{$arguments};
}
@mixin defaultBoxShadow() {
@include boxShadow("0 1px 2px rgba(0, 0, 0, 0.3)");
}
@mixin borderBoxShadow($color: $border-color) {
box-shadow: 0 0 0 1px $color;
}
@mixin cardBoxShadow($color: $border-color) {
box-shadow: 0 1px 0 $color;
}
@mixin pointerStyle($width, $height) {
content: "";
position: absolute;
width: $width + px;
height: $height + px;
}
@mixin outlineStyle() {
outline: 2px solid $interactive-font-color;
outline-offset: 2px;
z-index: 1;
}
@function sqrt($r) {
$x0: 1;
$x1: $x0;
@for $i from 1 through 10 {
$x1: $x0 - math.div($x0 * $x0 - abs($r), 2 * $x0);
$x0: $x1;
}
@return $x1;
}
@mixin contentMaxHeightDockedSide($contentHeight) {
$pageMenuHeight: $contentHeight - 60;
.esri-popup--is-docked {
&-top-left,
&-top-right,
&-bottom-left,
&-bottom-right {
.esri-popup__content {
max-height: #{$contentHeight}px;
}
}
}
}
@mixin popupHeight_BasedOnViewSize($height) {
$pageMenuHeight: $height - 50;
.esri-popup__main-container {
max-height: $height;
}
&.esri-popup--feature-menu-open {
.esri-popup__feature-menu-viewport {
max-height: $pageMenuHeight;
}
}
}
@mixin wordbreak() {
/* For Firefox */
white-space: pre-wrap;
word-break: break-all;
/**
* IE should ignore these.
* Modern browsers should override break-all.
*/
word-wrap: break-word;
word-break: break-word;
}
@mixin measurementWidgetStyles($selector) {
.#{$selector} {
&__container {
position: relative;
padding: $cap-spacing 0;
overflow-y: auto;
a {
text-decoration: none;
}
}
&__header {
position: relative;
font-size: $font-size__body;
align-items: flex-start;
justify-content: space-between;
display: flex;
flex: 0 0 auto;
}
&__header-title,
h1 &__header-title {
font: {
size: $font-size__header-text;
weight: $font-weight--bold;
}
padding: 8px 0;
margin: 0;
display: block;
flex: 1;
word-break: break-word;
text-align: left;
}
&__panel--error {
color: $font-color--error;
padding: 0 $side-spacing;
animation: esri-fade-in 250ms ease-in-out;
}
&__hint {
padding: 0 $side-spacing;
animation: esri-fade-in 250ms ease-in-out;
&-text {
margin: $cap-spacing 0;
padding: 0;
}
}
&__measurement {
padding: $cap-spacing $side-spacing;
margin: $cap-spacing 0;
background-color: $background-color--offset;
animation: esri-fade-in 250ms ease-in-out;
&-item {
display: flex;
padding-bottom: $cap-spacing;
flex-flow: column;
&--disabled {
display: flex;
color: rgba($font-color, $opacity--disabled);
}
&-title {
padding-bottom: $cap-spacing--quarter;
}
&-value {
font-weight: $font-weight--bold;
}
}
}
&__settings {
display: flex;
justify-content: space-between;
padding: $cap-spacing--half $side-spacing;
}
&__units {
display: flex;
flex: 0 1 48%;
flex-flow: column;
padding: 0;
animation: esri-fade-in 250ms ease-in-out;
&:only-child {
flex: 1 0 100%;
}
}
&__units-select {
width: 100%;
padding: {
left: 0.5em;
right: 2.7em;
}
&-wrapper {
width: 100%;
}
}
&__actions {
display: flex;
flex-flow: column;
justify-content: center;
padding: 0 $side-spacing;
}
}
[dir="rtl"] {
.#{$selector}__units-select {
padding: {
left: 2.7em;
right: 0.5em;
}
}
}
}
// Smart Mapping Sliders
@mixin smartMappingSlider($class) {
.#{$class} {
direction: ltr;
min-width: $smartmapping-slider__width;
.esri-slider {
font-size: $font-size--small;
position: relative;
z-index: 1;
.esri-slider__content {
flex-direction: row;
height: $smartmapping-slider__base-height;
margin: 0 auto 0 40%;
}
.esri-slider__track {
background-color: transparent;
display: flex;
flex: 0 0 auto;
}
.esri-slider__anchor {
border-bottom: 1px solid $interactive-font-color;
border-top: 1px solid $background-color;
width: $smartmapping-slider__ramp-width;
&:hover,
&:focus {
.esri-slider__label {
text-decoration: underline;
}
.esri-slider__thumb {
background-color: $interactive-font-color--hover;
border: none;
transform: none;
&:after {
border-left-color: $interactive-font-color--hover;
}
&:before {
background-color: $button-color--bright;
transform: translate3d(-$smartmapping-slider__thumb-size--offset * 0.25, 0, 0);
}
}
}
}
.esri-slider__thumb {
background-color: $smartmapping-slider__thumb-background-color;
border-radius: 0;
border: none;
height: $smartmapping-slider__thumb-size;
left: -$smartmapping-slider__thumb-size;
top: -$smartmapping-slider__thumb-size--offset;
width: $smartmapping-slider__thumb-size--offset;
&:before {
position: absolute;
top: 0;
left: -$smartmapping-slider__thumb-size--offset * 0.25;
width: $smartmapping-slider__thumb-size--offset * 0.5;
content: "";
height: $smartmapping-slider__thumb-size;
background-color: $interactive-font-color;
transition: transform 125ms ease-in-out, background-color 125ms ease-in-out;
}
&:after {
position: absolute;
top: 0;
left: $smartmapping-slider__thumb-size--offset;
content: "";
border-bottom: $smartmapping-slider__thumb-pointer-size solid #0000;
border-left: $smartmapping-slider__thumb-pointer-size solid $interactive-font-color;
border-top: $smartmapping-slider__thumb-pointer-size solid #0000;
height: 0;
width: 0;
}
}
.esri-slider__label {
left: auto;
line-height: 20px;
min-width: 50px;
right: 50px;
text-align: right;
&:hover {
background-color: $background-color--hover;
}
}
.esri-slider__segment {
&:hover {
cursor: default;
}
}
.esri-slider__range-input {
margin: auto;
text-align: center;
width: 50%;
}
.esri-slider__label-input {
text-align: right;
width: 70px;
}
.esri-slider__max,
.esri-slider__min {
flex: none;
margin: $cap-spacing--three-quarters auto;
padding: $cap-spacing--three-quarters $cap-spacing;
position: relative;
width: auto;
z-index: 0;
&:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: -1;
}
&.esri-slider__range--active {
background-color: $background-color;
}
.esri-slider__range-input {
margin: 0 auto;
}
}
.esri-slider__extra-content {
display: flex;
height: 100%;
}
.esri-histogram__svg {
overflow: visible;
}
.esri-histogram__label {
fill: $font-color;
stroke-width: 2;
}
.esri-histogram__average-line,
.esri-histogram__label {
paint-order: stroke;
stroke: $background-color;
}
.zoom-cap--max {
position: absolute;
top: 0;
}
.zoom-cap--min {
position: absolute;
bottom: 0;
}
.zoom-cap {
height: 11px;
width: $smartmapping-slider__ramp-width;
stroke-width: 0;
.zoom-cap--mask {
fill: #fff;
}
.zoom-cap--line {
fill: #fff;
}
.zoom-cap--underline {
fill: #323232;
}
&:hover {
cursor: pointer;
.zoom-cap--mask {
fill: #fff;
}
.zoom-cap--line {
fill: #0079c1;
}
.zoom-cap--underline {
fill: #fff;
}
}
}
}
}
.#{$class}__ramp {
display: flex;
height: 100%;
width: $smartmapping-slider__ramp-width;
position: relative;
svg {
height: 100%;
width: 100%;
position: absolute;
stroke: $smartmapping-slider__ramp-stroke-color;
stroke-width: $smartmapping-slider__ramp-stroke-width;
left: 0;
rect {
height: 100%;
width: 100%;
}
path {
stroke-width: $smartmapping-slider__ramp-path-stroke-width;
}
}
}
.#{$class}__histogram-container {
display: flex;
flex: 1 1 0;
height: 100%;
width: $smartmapping-slider__histogram-width;
}
.#{$class}.#{$class}--interactive-track {
.esri-slider {
.esri-slider__content {
margin: 0 auto 0 35%;
}
.esri-slider__track {
background-color: transparent;
width: 12px;
}
}
.esri-slider__anchor--active {
.esri-slider__label {
text-decoration: underline;
}
.esri-slider__thumb {
background-color: $interactive-font-color--hover;
border: none;
transform: none;
&:after {
border-left-color: $interactive-font-color--hover;
}
&:before {
background-color: $button-color--bright;
transform: translate3d(-$smartmapping-slider__thumb-size--offset * 0.25, 0, 0);
}
}
}
.esri-slider__segment--interactive {
background-size: 12px 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
background-image: url(../base/images/SM-Slider_TrackBackground_idle.svg);
&.esri-slider__segment--active {
background-color: #eee;
background-image: url(../base/images/SM-Slider_TrackBackground_hover.svg);
}
&:hover,
&:focus {
cursor: pointer;
background-color: #eee;
background-image: url(../base/images/SM-Slider_TrackBackground_hover.svg);
}
}
}
}
@mixin loopingProgressBar($selector) {
#{$selector}:before,
#{$selector}:after {
content: "";
opacity: 1;
position: absolute;
height: 1px;
top: 0;
transition: opacity 500ms ease-in-out;
}
#{$selector}:before {
background-color: $border-color;
width: 100%;
z-index: 0;
}
#{$selector}:after {
background-color: $interactive-font-color;
width: $looping-progress-bar-width;
z-index: 0;
animation: looping-progresss-bar-ani $looping-progress-bar-params;
}
}
/**
* Adds the base styles for an arrow facing down.
*/
@mixin arrowButton() {
$size: 18px;
$icon-size: 10px;
$padding: ($size - $icon-size) * 0.5;
font-size: $icon-size;
line-height: $icon-size;
width: $size;
height: $size;
padding: $padding;
cursor: pointer;
transition: all 0.1s ease-in-out;
text-align: center;
border: none;
background: none;
appearance: none;
@each $icomoon-selector in $icomoon-selectors {
@extend #{$icomoon-selector};
}
@extend .esri-icon-left;
&:hover:not(:disabled) {
background: $background-color--hover;
}
&:disabled {
opacity: 0.4;
cursor: default;
}
&.esri-arrow-down {
transform: rotate(-90deg);
}
&.esri-arrow-up {
transform: rotate(90deg);
}
&.esri-arrow-left {
transform: rotate(0deg);
}
&.esri-arrow-right {
transform: rotate(180deg);
}
}
/**
* Styles for Sortable
*/
@mixin sortableChosen($selector) {
transition: background-color 125ms ease-in-out;
&.#{$selector} {
background-color: $background-color--active;
opacity: $opacity--sortable;
}
}
@mixin timeSlider() {
$tick-width: 1px;
$focus-ring-width: 2px;
$thumb-size: 16px;
$tick-padding: 3px;
$tick-height: 3px;
$tick-height-primary: 6px;
.esri-slider.esri-slider--horizontal {
width: inherit;
flex-grow: 1;
padding: 30px 13px 28px 13px;
.esri-widget__anchor,
.esri-slider__anchor {
outline: none !important;
color: inherit;
}
.esri-slider__anchor:focus .esri-slider__thumb {
outline: solid $focus-ring-width $border-color--active;
outline-offset: $focus-ring-width;
overflow: visible;
}
.esri-slider__segment.esri-slider__segment-0 {
background-color: unset; // Reset blue first segment
}
.esri-slider__thumb {
width: $thumb-size;
height: $thumb-size;
left: -$thumb-size * 0.5;
top: -$thumb-size * 0.5;
}
.esri-slider__tick {
width: $tick-width + ($tick-padding * 2);
height: 20px;
padding: $tick-padding; // Make ticks slightly easier to click on
margin: -$tick-padding;
background: none;
&:after {
content: "";
display: block;
width: $tick-width;
background: #6e6e6e66;
}
&.secondary-tick:after {
height: $tick-height;
}
&.primary-tick {
&:after {
height: $tick-height-primary;
}
.primary-tick__ampm {
font-size: $font-size--tiny;
}
}
}
.esri-slider__ticks {
margin: 0;
margin-top: $cap-spacing--half;
width: calc(100% - #{$tick-width});
}
.esri-slider__tick-label {
font-size: $font-size--tiny-time-slider;
line-height: normal;
margin-top: $cap-spacing;
text-align: center;
}
.esri-slider__label {
font-size: $font-size--small;
}
.esri-slider__label-input {
font-size: $font-size--tiny-time-slider;
}
}
}

View file

@ -0,0 +1,130 @@
// Sizes & Placement
@use "sass:math";
$border-size--active: 3px !default;
$icon-size: 16px !default;
$border-radius: 2px !default;
/////////////////////////
// Button
$button-width: 32px !default;
$button-height: 32px !default;
// button : half
$button-width--half: floor($button-width * 0.5) !default;
$button-height--half: floor($button-height * 0.5) !default;
// button : quarter
$button-width--quarter: floor($button-width * 0.25) !default;
$button-height--quarter: floor($button-height * 0.25) !default;
// button : fifth
$button-width--fifth: floor($button-width * 0.2) !default;
$button-height--fifth: floor($button-height * 0.2) !default;
// button : plus half`
$button-width--plus-half: floor($button-width * 1.5) !default;
$button-height--plus-half: floor($button-height * 1.5) !default;
// button : double
$button-width--double: floor($button-width * 2) !default;
$button-height--double: floor($button-height * 2) !default;
/////////////////////////
// List Items
$list-item-height: 48px !default;
$list-item-height--three-quarters: floor($list-item-height * 3 * 0.25) !default;
/////////////////////////
// Toggle
$toggle-offset: 4px !default;
$toggle-width: 28px !default;
$toggle-height: 16px !default;
$toggle-handle-size: $toggle-height - $toggle-offset !default;
/////////////////////////
// Panel
$panel-width: 300px !default;
$panel-width--three-quarters: floor($panel-width * 3 * 0.25) !default;
$panel-width--plus-half: floor($panel-width * 1.5) !default;
$panel-min-height--large: 240px !default;
$panel-min-height--medium: 120px !default;
$panel-min-height--small: 96px !default;
$panel-min-height--xsmall: 32px !default;
$panel-max-height--large: 680px !default;
$panel-max-height--medium: 540px !default;
$panel-max-height--small: 420px !default;
$panel-max-height--xsmall: 240px !default;
/////////////////////////
// Component (widget in view) max heights based on view height
$view-height--gt-medium__component-max-height: 680px !default;
$view-height--medium__component-max-height: 540px !default;
$view-height--small__component-max-height: 420px !default;
$view-height--xsmall__component-max-height: 240px !default;
/////////////////////////
// Popup
$docked-margin: 15px !default;
$docked-margin--double: floor($docked-margin * 2) !default;
/////////////////////////
// Loading
$looping-progress-bar-width: 20% !default;
$looping-progress-bar-params: 1500ms linear infinite !default;
$spinning-loader-size: $icon-size !default;
/////////////////////////
// Spacing
$side-spacing: 15px !default;
$cap-spacing: 12px !default;
// spacing : three quarters
$side-spacing--three-quarters: floor($side-spacing * 3 * 0.25) !default;
$cap-spacing--three-quarters: floor($cap-spacing * 3 * 0.25) !default;
// spacing : half
$side-spacing--half: floor($side-spacing * 0.5) !default;
$cap-spacing--half: floor($cap-spacing * 0.5) !default;
// spacing : third
$side-spacing--third: floor(math.div($side-spacing, 3)) !default;
$cap-spacing--third: floor(math.div($cap-spacing, 3)) !default;
// spacing : quarter
$side-spacing--quarter: floor($side-spacing * 0.25) !default;
$cap-spacing--quarter: floor($cap-spacing * 0.25) !default;
// spacing : eighth
$side-spacing--eighth: ceil($side-spacing * 0.125) !default;
$cap-spacing--eighth: ceil($cap-spacing * 0.125) !default;
// spacing : plus half
$side-spacing--plus-half: floor($side-spacing * 1.5) !default;
$cap-spacing--plus-half: floor($cap-spacing * 1.5) !default;
// spacing : double
$side-spacing--double: floor($side-spacing * 2) !default;
$cap-spacing--double: floor($cap-spacing * 2) !default;
/////////////////////////
// View UI
$view-ui-spacing: 10px !default;
/////////////////////////
// Smart Mapping Sliders
$smartmapping-slider__width: 260px !default;
$smartmapping-slider__base-height: 240px !default;
$smartmapping-slider__ramp-width: 30px !default;
$smartmapping-slider__ramp-stroke-width: 1px !default;
$smartmapping-slider__ramp-path-stroke-width: 0.5px !default;
$smartmapping-slider__histogram-width: 120px !default;
$smartmapping-slider__range-input-height: 40px !default;
$smartmapping-slider__thumb-size: 12px !default;
$smartmapping-slider__thumb-size--offset: round($smartmapping-slider__thumb-size * 0.5) !default;
$smartmapping-slider__thumb-pointer-size: round($smartmapping-slider__thumb-size * 0.5) !default;

View file

@ -0,0 +1,27 @@
// Font
$font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
// Text
$line-height: 1.3em !default;
$base-font-size: 14px !default;
$font-size: $base-font-size !default;
$font-size__h1: round($base-font-size * 1.428) !default; //1.428em
$font-size__h2: round($base-font-size * 1.142) !default; //1.142em
$font-size__lt-h2: $base-font-size !default;
$font-size__body: round($base-font-size * 0.857) !default; //0.857em
$font-size--small: round($base-font-size * 0.857) !default;
$font-size--tiny: round($base-font-size * 0.71) !default;
$font-size__header-text: round($base-font-size * 1.143) !default; //1.142em
$font-size--tiny-time-slider: round($font-size--small * 0.857) !default;
$font-weight--light: 300 !default;
$font-weight--regular: 400 !default;
$font-weight--medium: 500 !default;
$font-weight--bold: 600 !default;
$font-weight--bolder: 700 !default;
$font-weight: 400 !default;
$font-weight__heading: $font-weight--bold !default;

View file

@ -0,0 +1,76 @@
.Brand_Blue_100 {
background-color: #b9e0f7; }
.Brand_Blue_150 {
background-color: #00b9f2; }
.Brand_Blue_200 {
background-color: #007ac2; }
.Brand_Blue_250 {
background-color: #004575; }
.Brand_Yellow_100 {
background-color: #ffec4f; }
.Brand_Orange_100 {
background-color: #f89927; }
.Brand_Orange_150 {
background-color: #f36f20; }
.Brand_Orange_200 {
background-color: #da4d1e; }
.Brand_Red_100 {
background-color: #de2900; }
.Brand_Green_100 {
background-color: #d1e391; }
.Brand_Green_150 {
background-color: #aad04b; }
.Brand_Green_200 {
background-color: #35ac46; }
.Brand_Green_250 {
background-color: #2a7433; }
.Brand_Purple_100 {
background-color: #dfcce3; }
.Brand_Purple_150 {
background-color: #b279b4; }
.Brand_Purple_200 {
background-color: #8f499c; }
.Brand_Purple_250 {
background-color: #6b1978; }
.Brand_Brown_100 {
background-color: #ecdcb9; }
.Brand_Brown_150 {
background-color: #be9969; }
.Brand_Brown_200 {
background-color: #7b4f1c; }
.Brand_Brown_250 {
background-color: #523b20; }
.Brand_Gray_100 {
background-color: #b4b4b4; }
.Brand_Gray_150 {
background-color: #969696; }
.Brand_Gray_200 {
background-color: #6e6e6e; }
.Brand_Gray_250 {
background-color: #464646; }
/*# sourceMappingURL=brand_colors.css.map */

View file

@ -0,0 +1,169 @@
.Calcite_Blue_100 {
background-color: #d2e9f9; }
.Calcite_Blue_150 {
background-color: #bcdaed; }
.Calcite_Blue_200 {
background-color: #6cb4e2; }
.Calcite_Blue_250 {
background-color: #56a5d8; }
.Calcite_Blue_a100 {
background-color: #49b0f2; }
.Calcite_Blue_a150 {
background-color: #419ed9; }
.Calcite_Blue_a200 {
background-color: #3b8fc4; }
.Calcite_Blue_a250 {
background-color: #196fa6; }
.Calcite_Yellow_100 {
background-color: #f3edc7; }
.Calcite_Yellow_150 {
background-color: #efe397; }
.Calcite_Yellow_200 {
background-color: #e4d154; }
.Calcite_Yellow_250 {
background-color: #d8c34b; }
.Calcite_Yellow_a100 {
background-color: #f2d530; }
.Calcite_Yellow_a150 {
background-color: #d9bf2b; }
.Calcite_Yellow_a200 {
background-color: #bda726; }
.Calcite_Yellow_a250 {
background-color: #a68d00; }
.Calcite_Orange_100 {
background-color: #fbe1c2; }
.Calcite_Orange_150 {
background-color: #f6ca92; }
.Calcite_Orange_200 {
background-color: #eda959; }
.Calcite_Orange_250 {
background-color: #e79c47; }
.Calcite_Orange_a100 {
background-color: #ff9f33; }
.Calcite_Orange_a150 {
background-color: #e8912e; }
.Calcite_Orange_a200 {
background-color: #d17e21; }
.Calcite_Orange_a250 {
background-color: #ad6511; }
.Calcite_Green_100 {
background-color: #ddeedb; }
.Calcite_Green_150 {
background-color: #9bc19c; }
.Calcite_Green_200 {
background-color: #67a966; }
.Calcite_Green_250 {
background-color: #5a9359; }
.Calcite_Green_a100 {
background-color: #50ad4e; }
.Calcite_Green_a150 {
background-color: #449443; }
.Calcite_Green_a200 {
background-color: #338033; }
.Calcite_Green_a250 {
background-color: #275e26; }
.Calcite_Red_100 {
background-color: #f3ded7; }
.Calcite_Red_150 {
background-color: #e4a793; }
.Calcite_Red_200 {
background-color: #c86a4a; }
.Calcite_Red_250 {
background-color: #c6542d; }
.Calcite_Red_a100 {
background-color: #e04f1d; }
.Calcite_Red_a150 {
background-color: #c7461a; }
.Calcite_Red_a200 {
background-color: #ab3c16; }
.Calcite_Red_a250 {
background-color: #8c2907; }
.Calcite_Purple_100 {
background-color: #e5e1ef; }
.Calcite_Purple_150 {
background-color: #c4bcdc; }
.Calcite_Purple_200 {
background-color: #9081bc; }
.Calcite_Purple_250 {
background-color: #7b6ca7; }
.Calcite_Purple_a100 {
background-color: #846ebf; }
.Calcite_Purple_a150 {
background-color: #7461a8; }
.Calcite_Purple_a200 {
background-color: #61518c; }
.Calcite_Purple_a250 {
background-color: #4f4273; }
.Calcite_Brown_100 {
background-color: #e8ddd3; }
.Calcite_Brown_150 {
background-color: #d2b38f; }
.Calcite_Brown_200 {
background-color: #b78a54; }
.Calcite_Brown_250 {
background-color: #a57946; }
.Calcite_Brown_a100 {
background-color: #bf813a; }
.Calcite_Brown_a150 {
background-color: #a67032; }
.Calcite_Brown_a200 {
background-color: #8c5e2a; }
.Calcite_Brown_a250 {
background-color: #734d22; }
/*# sourceMappingURL=calcite_core_colors.css.map */

View file

@ -0,0 +1,169 @@
.Calcite_Blue_100 {
background-color: #1a4866; }
.Calcite_Blue_150 {
background-color: #1d5d8c; }
.Calcite_Blue_200 {
background-color: #3b8fc3; }
.Calcite_Blue_250 {
background-color: #419ed9; }
.Calcite_Blue_a100 {
background-color: #45a7e6; }
.Calcite_Blue_a150 {
background-color: #60b7f0; }
.Calcite_Blue_a200 {
background-color: #6ec1f5; }
.Calcite_Blue_a250 {
background-color: #7dc8fa; }
.Calcite_Yellow_100 {
background-color: #796916; }
.Calcite_Yellow_150 {
background-color: #a28a00; }
.Calcite_Yellow_200 {
background-color: #bda727; }
.Calcite_Yellow_250 {
background-color: #ccb736; }
.Calcite_Yellow_a100 {
background-color: #d6bd2a; }
.Calcite_Yellow_a150 {
background-color: #e3c832; }
.Calcite_Yellow_a200 {
background-color: #edd448; }
.Calcite_Yellow_a250 {
background-color: #f5df62; }
.Calcite_Orange_100 {
background-color: #754c23; }
.Calcite_Orange_150 {
background-color: #a16520; }
.Calcite_Orange_200 {
background-color: #d18734; }
.Calcite_Orange_250 {
background-color: #e8963a; }
.Calcite_Orange_a100 {
background-color: #f29833; }
.Calcite_Orange_a150 {
background-color: #f29f3f; }
.Calcite_Orange_a200 {
background-color: #f5aa53; }
.Calcite_Orange_a250 {
background-color: #ffb461; }
.Calcite_Green_100 {
background-color: #295429; }
.Calcite_Green_150 {
background-color: #386f38; }
.Calcite_Green_200 {
background-color: #4b944a; }
.Calcite_Green_250 {
background-color: #58ad57; }
.Calcite_Green_a100 {
background-color: #53b350; }
.Calcite_Green_a150 {
background-color: #59bf57; }
.Calcite_Green_a200 {
background-color: #67c966; }
.Calcite_Green_a250 {
background-color: #74d173; }
.Calcite_Red_100 {
background-color: #632822; }
.Calcite_Red_150 {
background-color: #853218; }
.Calcite_Red_200 {
background-color: #ab421f; }
.Calcite_Red_250 {
background-color: #c75028; }
.Calcite_Red_a100 {
background-color: #d15226; }
.Calcite_Red_a150 {
background-color: #d65d33; }
.Calcite_Red_a200 {
background-color: #e36a40; }
.Calcite_Red_a250 {
background-color: #eb7953; }
.Calcite_Purple_100 {
background-color: #3e3654; }
.Calcite_Purple_150 {
background-color: #4c3e6e; }
.Calcite_Purple_200 {
background-color: #61518c; }
.Calcite_Purple_250 {
background-color: #8070aa; }
.Calcite_Purple_a100 {
background-color: #846ebf; }
.Calcite_Purple_a150 {
background-color: #927acc; }
.Calcite_Purple_a200 {
background-color: #9b87d9; }
.Calcite_Purple_a250 {
background-color: #a393d1; }
.Calcite_Brown_100 {
background-color: #4b341d; }
.Calcite_Brown_150 {
background-color: #67441f; }
.Calcite_Brown_200 {
background-color: #8c5e2b; }
.Calcite_Brown_250 {
background-color: #a67032; }
.Calcite_Brown_a100 {
background-color: #b37936; }
.Calcite_Brown_a150 {
background-color: #cc8a3d; }
.Calcite_Brown_a200 {
background-color: #d9974c; }
.Calcite_Brown_a250 {
background-color: #dea664; }
/*# sourceMappingURL=calcite_core_colors_dark.css.map */

View file

@ -0,0 +1,43 @@
.Calcite_Gray_050 {
background-color: #ffffff; }
.Calcite_Gray_100 {
background-color: #f8f8f8; }
.Calcite_Gray_150 {
background-color: #f4f4f4; }
.Calcite_Gray_200 {
background-color: #efefef; }
.Calcite_Gray_250 {
background-color: #e7e7e7; }
.Calcite_Gray_300 {
background-color: #e0e0e0; }
.Calcite_Gray_350 {
background-color: #cccccc; }
.Calcite_Gray_400 {
background-color: #a9a9a9; }
.Calcite_Gray_450 {
background-color: #959595; }
.Calcite_Gray_500 {
background-color: #828282; }
.Calcite_Gray_550 {
background-color: #6e6e6e; }
.Calcite_Gray_600 {
background-color: #595959; }
.Calcite_Gray_650 {
background-color: #4c4c4c; }
.Calcite_Gray_700 {
background-color: #323232; }
/*# sourceMappingURL=calcite_gray_colors.css.map */

View file

@ -0,0 +1,43 @@
.Calcite_Gray_050 {
background-color: #242424; }
.Calcite_Gray_100 {
background-color: #333333; }
.Calcite_Gray_150 {
background-color: #363636; }
.Calcite_Gray_200 {
background-color: #404040; }
.Calcite_Gray_250 {
background-color: #474747; }
.Calcite_Gray_300 {
background-color: #4c4c4c; }
.Calcite_Gray_350 {
background-color: #5c5c5c; }
.Calcite_Gray_400 {
background-color: #666666; }
.Calcite_Gray_450 {
background-color: #787878; }
.Calcite_Gray_500 {
background-color: #8a8a8a; }
.Calcite_Gray_550 {
background-color: #9e9e9e; }
.Calcite_Gray_600 {
background-color: #adadad; }
.Calcite_Gray_650 {
background-color: #bdbdbd; }
.Calcite_Gray_700 {
background-color: #d1d1d1; }
/*# sourceMappingURL=calcite_gray_colors_dark.css.map */

View file

@ -0,0 +1,43 @@
.Calcite_Highlight_Blue_100 {
background-color: #e2f1fb; }
.Calcite_Highlight_Blue_150 {
background-color: #c5e5f9; }
.Calcite_Highlight_Blue_200 {
background-color: #aadbfa; }
.Calcite_Highlight_Blue_250 {
background-color: #90cdf2; }
.Calcite_Highlight_Blue_300 {
background-color: #80bce0; }
.Calcite_Highlight_Blue_350 {
background-color: #0079c1; }
.Calcite_Highlight_Blue_400 {
background-color: #005e95; }
.Calcite_Highlight_Green_100 {
background-color: #cfedcc; }
.Calcite_Highlight_Green_150 {
background-color: #b0e2b0; }
.Calcite_Highlight_Green_200 {
background-color: #96ce96; }
.Calcite_Highlight_Green_250 {
background-color: #7dc17d; }
.Calcite_Highlight_Green_300 {
background-color: #7bb974; }
.Calcite_Highlight_Green_350 {
background-color: #31872e; }
.Calcite_Highlight_Green_400 {
background-color: #2b622b; }
/*# sourceMappingURL=calcite_highlight_colors.css.map */

View file

@ -0,0 +1,43 @@
.Calcite_Highlight_Blue_100 {
background-color: #294a66; }
.Calcite_Highlight_Blue_150 {
background-color: #3d6e99; }
.Calcite_Highlight_Blue_200 {
background-color: #1061a6; }
.Calcite_Highlight_Blue_250 {
background-color: #136fbf; }
.Calcite_Highlight_Blue_300 {
background-color: #2183d9; }
.Calcite_Highlight_Blue_350 {
background-color: #2493f2; }
.Calcite_Highlight_Blue_400 {
background-color: #40a7ff; }
.Calcite_Highlight_Green_100 {
background-color: #205920; }
.Calcite_Highlight_Green_150 {
background-color: #478c47; }
.Calcite_Highlight_Green_200 {
background-color: #257a25; }
.Calcite_Highlight_Green_250 {
background-color: #2a8c2a; }
.Calcite_Highlight_Green_300 {
background-color: #31a331; }
.Calcite_Highlight_Green_350 {
background-color: #34ad34; }
.Calcite_Highlight_Green_400 {
background-color: #39bf39; }
/*# sourceMappingURL=calcite_highlight_colors_dark.css.map */

View file

@ -0,0 +1,67 @@
.Calcite_Vibrant_Blue_100 {
background-color: #c7e9ff; }
.Calcite_Vibrant_Blue_150 {
background-color: #69dcff; }
.Calcite_Vibrant_Blue_200 {
background-color: #00dee7; }
.Calcite_Vibrant_Blue_250 {
background-color: #b3e9f9; }
.Calcite_Vibrant_Yellow_100 {
background-color: #ffefb7; }
.Calcite_Vibrant_Yellow_150 {
background-color: #fad817; }
.Calcite_Vibrant_Yellow_200 {
background-color: #fff000; }
.Calcite_Vibrant_Orange_100 {
background-color: #ffdab6; }
.Calcite_Vibrant_Orange_150 {
background-color: #ffbc6b; }
.Calcite_Vibrant_Orange_200 {
background-color: #ffcc00; }
.Calcite_Vibrant_Green_100 {
background-color: #daffd9; }
.Calcite_Vibrant_Green_150 {
background-color: #71de6e; }
.Calcite_Vibrant_Green_200 {
background-color: #a5e800; }
.Calcite_Vibrant_Red_100 {
background-color: #ffc0b3; }
.Calcite_Vibrant_Red_150 {
background-color: #ff642e; }
.Calcite_Vibrant_Red_200 {
background-color: #de2900; }
.Calcite_Vibrant_Purple_100 {
background-color: #daccff; }
.Calcite_Vibrant_Purple_150 {
background-color: #b096ff; }
.Calcite_Vibrant_Purple_200 {
background-color: #f185ff; }
.Calcite_Vibrant_Brown_100 {
background-color: #ffdbb3; }
.Calcite_Vibrant_Brown_150 {
background-color: #db8d2f; }
.Calcite_Vibrant_Brown_200 {
background-color: #ffbc6b; }
/*# sourceMappingURL=calcite_vibrant_colors.css.map */

View file

@ -0,0 +1,67 @@
.Calcite_Vibrant_Blue_100 {
background-color: #1376bf; }
.Calcite_Vibrant_Blue_150 {
background-color: #0089f0; }
.Calcite_Vibrant_Blue_200 {
background-color: #00c0f0; }
.Calcite_Vibrant_Blue_250 {
background-color: #00b5b9; }
.Calcite_Vibrant_Yellow_100 {
background-color: #917b00; }
.Calcite_Vibrant_Yellow_150 {
background-color: #c7a900; }
.Calcite_Vibrant_Yellow_200 {
background-color: #ffd800; }
.Calcite_Vibrant_Orange_100 {
background-color: #a15600; }
.Calcite_Vibrant_Orange_150 {
background-color: #cf7d1f; }
.Calcite_Vibrant_Orange_200 {
background-color: #ffc415; }
.Calcite_Vibrant_Green_100 {
background-color: #386f38; }
.Calcite_Vibrant_Green_150 {
background-color: #59d152; }
.Calcite_Vibrant_Green_200 {
background-color: #85e800; }
.Calcite_Vibrant_Red_100 {
background-color: #751d00; }
.Calcite_Vibrant_Red_150 {
background-color: #993516; }
.Calcite_Vibrant_Red_200 {
background-color: #e65c2e; }
.Calcite_Vibrant_Purple_100 {
background-color: #503691; }
.Calcite_Vibrant_Purple_150 {
background-color: #754fd4; }
.Calcite_Vibrant_Purple_200 {
background-color: #9b4ba6; }
.Calcite_Vibrant_Brown_100 {
background-color: #673d10; }
.Calcite_Vibrant_Brown_150 {
background-color: #995d18; }
.Calcite_Vibrant_Brown_200 {
background-color: #df8c39; }
/*# sourceMappingURL=calcite_vibrant_colors_dark.css.map */

View file

@ -0,0 +1,610 @@
.Brand_Blue_100 {
background-color: #b9e0f7; }
.Brand_Blue_150 {
background-color: #00b9f2; }
.Brand_Blue_200 {
background-color: #007ac2; }
.Brand_Blue_250 {
background-color: #004575; }
.Brand_Yellow_100 {
background-color: #ffec4f; }
.Brand_Orange_100 {
background-color: #f89927; }
.Brand_Orange_150 {
background-color: #f36f20; }
.Brand_Orange_200 {
background-color: #da4d1e; }
.Brand_Red_100 {
background-color: #de2900; }
.Brand_Green_100 {
background-color: #d1e391; }
.Brand_Green_150 {
background-color: #aad04b; }
.Brand_Green_200 {
background-color: #35ac46; }
.Brand_Green_250 {
background-color: #2a7433; }
.Brand_Purple_100 {
background-color: #dfcce3; }
.Brand_Purple_150 {
background-color: #b279b4; }
.Brand_Purple_200 {
background-color: #8f499c; }
.Brand_Purple_250 {
background-color: #6b1978; }
.Brand_Brown_100 {
background-color: #ecdcb9; }
.Brand_Brown_150 {
background-color: #be9969; }
.Brand_Brown_200 {
background-color: #7b4f1c; }
.Brand_Brown_250 {
background-color: #523b20; }
.Brand_Gray_100 {
background-color: #b4b4b4; }
.Brand_Gray_150 {
background-color: #969696; }
.Brand_Gray_200 {
background-color: #6e6e6e; }
.Brand_Gray_250 {
background-color: #464646; }
.Calcite_Blue_100 {
background-color: #d2e9f9; }
.Calcite_Blue_150 {
background-color: #bcdaed; }
.Calcite_Blue_200 {
background-color: #6cb4e2; }
.Calcite_Blue_250 {
background-color: #56a5d8; }
.Calcite_Blue_a100 {
background-color: #49b0f2; }
.Calcite_Blue_a150 {
background-color: #419ed9; }
.Calcite_Blue_a200 {
background-color: #3b8fc4; }
.Calcite_Blue_a250 {
background-color: #196fa6; }
.Calcite_Yellow_100 {
background-color: #f3edc7; }
.Calcite_Yellow_150 {
background-color: #efe397; }
.Calcite_Yellow_200 {
background-color: #e4d154; }
.Calcite_Yellow_250 {
background-color: #d8c34b; }
.Calcite_Yellow_a100 {
background-color: #f2d530; }
.Calcite_Yellow_a150 {
background-color: #d9bf2b; }
.Calcite_Yellow_a200 {
background-color: #bda726; }
.Calcite_Yellow_a250 {
background-color: #a68d00; }
.Calcite_Orange_100 {
background-color: #fbe1c2; }
.Calcite_Orange_150 {
background-color: #f6ca92; }
.Calcite_Orange_200 {
background-color: #eda959; }
.Calcite_Orange_250 {
background-color: #e79c47; }
.Calcite_Orange_a100 {
background-color: #ff9f33; }
.Calcite_Orange_a150 {
background-color: #e8912e; }
.Calcite_Orange_a200 {
background-color: #d17e21; }
.Calcite_Orange_a250 {
background-color: #ad6511; }
.Calcite_Green_100 {
background-color: #ddeedb; }
.Calcite_Green_150 {
background-color: #9bc19c; }
.Calcite_Green_200 {
background-color: #67a966; }
.Calcite_Green_250 {
background-color: #5a9359; }
.Calcite_Green_a100 {
background-color: #50ad4e; }
.Calcite_Green_a150 {
background-color: #449443; }
.Calcite_Green_a200 {
background-color: #338033; }
.Calcite_Green_a250 {
background-color: #275e26; }
.Calcite_Red_100 {
background-color: #f3ded7; }
.Calcite_Red_150 {
background-color: #e4a793; }
.Calcite_Red_200 {
background-color: #c86a4a; }
.Calcite_Red_250 {
background-color: #c6542d; }
.Calcite_Red_a100 {
background-color: #e04f1d; }
.Calcite_Red_a150 {
background-color: #c7461a; }
.Calcite_Red_a200 {
background-color: #ab3c16; }
.Calcite_Red_a250 {
background-color: #8c2907; }
.Calcite_Purple_100 {
background-color: #e5e1ef; }
.Calcite_Purple_150 {
background-color: #c4bcdc; }
.Calcite_Purple_200 {
background-color: #9081bc; }
.Calcite_Purple_250 {
background-color: #7b6ca7; }
.Calcite_Purple_a100 {
background-color: #846ebf; }
.Calcite_Purple_a150 {
background-color: #7461a8; }
.Calcite_Purple_a200 {
background-color: #61518c; }
.Calcite_Purple_a250 {
background-color: #4f4273; }
.Calcite_Brown_100 {
background-color: #e8ddd3; }
.Calcite_Brown_150 {
background-color: #d2b38f; }
.Calcite_Brown_200 {
background-color: #b78a54; }
.Calcite_Brown_250 {
background-color: #a57946; }
.Calcite_Brown_a100 {
background-color: #bf813a; }
.Calcite_Brown_a150 {
background-color: #a67032; }
.Calcite_Brown_a200 {
background-color: #8c5e2a; }
.Calcite_Brown_a250 {
background-color: #734d22; }
.Calcite_Gray_050 {
background-color: #ffffff; }
.Calcite_Gray_100 {
background-color: #f8f8f8; }
.Calcite_Gray_150 {
background-color: #f4f4f4; }
.Calcite_Gray_200 {
background-color: #efefef; }
.Calcite_Gray_250 {
background-color: #e7e7e7; }
.Calcite_Gray_300 {
background-color: #e0e0e0; }
.Calcite_Gray_350 {
background-color: #cccccc; }
.Calcite_Gray_400 {
background-color: #a9a9a9; }
.Calcite_Gray_450 {
background-color: #959595; }
.Calcite_Gray_500 {
background-color: #828282; }
.Calcite_Gray_550 {
background-color: #6e6e6e; }
.Calcite_Gray_600 {
background-color: #595959; }
.Calcite_Gray_650 {
background-color: #4c4c4c; }
.Calcite_Gray_700 {
background-color: #323232; }
.Calcite_Vibrant_Blue_100 {
background-color: #c7e9ff; }
.Calcite_Vibrant_Blue_150 {
background-color: #69dcff; }
.Calcite_Vibrant_Blue_200 {
background-color: #00dee7; }
.Calcite_Vibrant_Blue_250 {
background-color: #b3e9f9; }
.Calcite_Vibrant_Yellow_100 {
background-color: #ffefb7; }
.Calcite_Vibrant_Yellow_150 {
background-color: #fad817; }
.Calcite_Vibrant_Yellow_200 {
background-color: #fff000; }
.Calcite_Vibrant_Orange_100 {
background-color: #ffdab6; }
.Calcite_Vibrant_Orange_150 {
background-color: #ffbc6b; }
.Calcite_Vibrant_Orange_200 {
background-color: #ffcc00; }
.Calcite_Vibrant_Green_100 {
background-color: #daffd9; }
.Calcite_Vibrant_Green_150 {
background-color: #71de6e; }
.Calcite_Vibrant_Green_200 {
background-color: #a5e800; }
.Calcite_Vibrant_Red_100 {
background-color: #ffc0b3; }
.Calcite_Vibrant_Red_150 {
background-color: #ff642e; }
.Calcite_Vibrant_Red_200 {
background-color: #de2900; }
.Calcite_Vibrant_Purple_100 {
background-color: #daccff; }
.Calcite_Vibrant_Purple_150 {
background-color: #b096ff; }
.Calcite_Vibrant_Purple_200 {
background-color: #f185ff; }
.Calcite_Vibrant_Brown_100 {
background-color: #ffdbb3; }
.Calcite_Vibrant_Brown_150 {
background-color: #db8d2f; }
.Calcite_Vibrant_Brown_200 {
background-color: #ffbc6b; }
.Calcite_Highlight_Blue_100 {
background-color: #e2f1fb; }
.Calcite_Highlight_Blue_150 {
background-color: #c5e5f9; }
.Calcite_Highlight_Blue_200 {
background-color: #aadbfa; }
.Calcite_Highlight_Blue_250 {
background-color: #90cdf2; }
.Calcite_Highlight_Blue_300 {
background-color: #80bce0; }
.Calcite_Highlight_Blue_350 {
background-color: #0079c1; }
.Calcite_Highlight_Blue_400 {
background-color: #005e95; }
.Calcite_Highlight_Green_100 {
background-color: #cfedcc; }
.Calcite_Highlight_Green_150 {
background-color: #b0e2b0; }
.Calcite_Highlight_Green_200 {
background-color: #96ce96; }
.Calcite_Highlight_Green_250 {
background-color: #7dc17d; }
.Calcite_Highlight_Green_300 {
background-color: #7bb974; }
.Calcite_Highlight_Green_350 {
background-color: #31872e; }
.Calcite_Highlight_Green_400 {
background-color: #2b622b; }
body.dark .Calcite_Blue_100 {
background-color: #1a4866; }
body.dark .Calcite_Blue_150 {
background-color: #1d5d8c; }
body.dark .Calcite_Blue_200 {
background-color: #3b8fc3; }
body.dark .Calcite_Blue_250 {
background-color: #419ed9; }
body.dark .Calcite_Blue_a100 {
background-color: #45a7e6; }
body.dark .Calcite_Blue_a150 {
background-color: #60b7f0; }
body.dark .Calcite_Blue_a200 {
background-color: #6ec1f5; }
body.dark .Calcite_Blue_a250 {
background-color: #7dc8fa; }
body.dark .Calcite_Yellow_100 {
background-color: #796916; }
body.dark .Calcite_Yellow_150 {
background-color: #a28a00; }
body.dark .Calcite_Yellow_200 {
background-color: #bda727; }
body.dark .Calcite_Yellow_250 {
background-color: #ccb736; }
body.dark .Calcite_Yellow_a100 {
background-color: #d6bd2a; }
body.dark .Calcite_Yellow_a150 {
background-color: #e3c832; }
body.dark .Calcite_Yellow_a200 {
background-color: #edd448; }
body.dark .Calcite_Yellow_a250 {
background-color: #f5df62; }
body.dark .Calcite_Orange_100 {
background-color: #754c23; }
body.dark .Calcite_Orange_150 {
background-color: #a16520; }
body.dark .Calcite_Orange_200 {
background-color: #d18734; }
body.dark .Calcite_Orange_250 {
background-color: #e8963a; }
body.dark .Calcite_Orange_a100 {
background-color: #f29833; }
body.dark .Calcite_Orange_a150 {
background-color: #f29f3f; }
body.dark .Calcite_Orange_a200 {
background-color: #f5aa53; }
body.dark .Calcite_Orange_a250 {
background-color: #ffb461; }
body.dark .Calcite_Green_100 {
background-color: #295429; }
body.dark .Calcite_Green_150 {
background-color: #386f38; }
body.dark .Calcite_Green_200 {
background-color: #4b944a; }
body.dark .Calcite_Green_250 {
background-color: #58ad57; }
body.dark .Calcite_Green_a100 {
background-color: #53b350; }
body.dark .Calcite_Green_a150 {
background-color: #59bf57; }
body.dark .Calcite_Green_a200 {
background-color: #67c966; }
body.dark .Calcite_Green_a250 {
background-color: #74d173; }
body.dark .Calcite_Red_100 {
background-color: #632822; }
body.dark .Calcite_Red_150 {
background-color: #853218; }
body.dark .Calcite_Red_200 {
background-color: #ab421f; }
body.dark .Calcite_Red_250 {
background-color: #c75028; }
body.dark .Calcite_Red_a100 {
background-color: #d15226; }
body.dark .Calcite_Red_a150 {
background-color: #d65d33; }
body.dark .Calcite_Red_a200 {
background-color: #e36a40; }
body.dark .Calcite_Red_a250 {
background-color: #eb7953; }
body.dark .Calcite_Purple_100 {
background-color: #3e3654; }
body.dark .Calcite_Purple_150 {
background-color: #4c3e6e; }
body.dark .Calcite_Purple_200 {
background-color: #61518c; }
body.dark .Calcite_Purple_250 {
background-color: #8070aa; }
body.dark .Calcite_Purple_a100 {
background-color: #846ebf; }
body.dark .Calcite_Purple_a150 {
background-color: #927acc; }
body.dark .Calcite_Purple_a200 {
background-color: #9b87d9; }
body.dark .Calcite_Purple_a250 {
background-color: #a393d1; }
body.dark .Calcite_Brown_100 {
background-color: #4b341d; }
body.dark .Calcite_Brown_150 {
background-color: #67441f; }
body.dark .Calcite_Brown_200 {
background-color: #8c5e2b; }
body.dark .Calcite_Brown_250 {
background-color: #a67032; }
body.dark .Calcite_Brown_a100 {
background-color: #b37936; }
body.dark .Calcite_Brown_a150 {
background-color: #cc8a3d; }
body.dark .Calcite_Brown_a200 {
background-color: #d9974c; }
body.dark .Calcite_Brown_a250 {
background-color: #dea664; }
body.dark .Calcite_Gray_050 {
background-color: #242424; }
body.dark .Calcite_Gray_100 {
background-color: #333333; }
body.dark .Calcite_Gray_150 {
background-color: #363636; }
body.dark .Calcite_Gray_200 {
background-color: #404040; }
body.dark .Calcite_Gray_250 {
background-color: #474747; }
body.dark .Calcite_Gray_300 {
background-color: #4c4c4c; }
body.dark .Calcite_Gray_350 {
background-color: #5c5c5c; }
body.dark .Calcite_Gray_400 {
background-color: #666666; }
body.dark .Calcite_Gray_450 {
background-color: #787878; }
body.dark .Calcite_Gray_500 {
background-color: #8a8a8a; }
body.dark .Calcite_Gray_550 {
background-color: #9e9e9e; }
body.dark .Calcite_Gray_600 {
background-color: #adadad; }
body.dark .Calcite_Gray_650 {
background-color: #bdbdbd; }
body.dark .Calcite_Gray_700 {
background-color: #d1d1d1; }
body.dark .Calcite_Highlight_Blue_100 {
background-color: #294a66; }
body.dark .Calcite_Highlight_Blue_150 {
background-color: #3d6e99; }
body.dark .Calcite_Highlight_Blue_200 {
background-color: #1061a6; }
body.dark .Calcite_Highlight_Blue_250 {
background-color: #136fbf; }
body.dark .Calcite_Highlight_Blue_300 {
background-color: #2183d9; }
body.dark .Calcite_Highlight_Blue_350 {
background-color: #2493f2; }
body.dark .Calcite_Highlight_Blue_400 {
background-color: #40a7ff; }
body.dark .Calcite_Highlight_Green_100 {
background-color: #205920; }
body.dark .Calcite_Highlight_Green_150 {
background-color: #478c47; }
body.dark .Calcite_Highlight_Green_200 {
background-color: #257a25; }
body.dark .Calcite_Highlight_Green_250 {
background-color: #2a8c2a; }
body.dark .Calcite_Highlight_Green_300 {
background-color: #31a331; }
body.dark .Calcite_Highlight_Green_350 {
background-color: #34ad34; }
body.dark .Calcite_Highlight_Green_400 {
background-color: #39bf39; }
body.dark .Calcite_Vibrant_Blue_100 {
background-color: #1376bf; }
body.dark .Calcite_Vibrant_Blue_150 {
background-color: #0089f0; }
body.dark .Calcite_Vibrant_Blue_200 {
background-color: #00c0f0; }
body.dark .Calcite_Vibrant_Blue_250 {
background-color: #00b5b9; }
body.dark .Calcite_Vibrant_Yellow_100 {
background-color: #917b00; }
body.dark .Calcite_Vibrant_Yellow_150 {
background-color: #c7a900; }
body.dark .Calcite_Vibrant_Yellow_200 {
background-color: #ffd800; }
body.dark .Calcite_Vibrant_Orange_100 {
background-color: #a15600; }
body.dark .Calcite_Vibrant_Orange_150 {
background-color: #cf7d1f; }
body.dark .Calcite_Vibrant_Orange_200 {
background-color: #ffc415; }
body.dark .Calcite_Vibrant_Green_100 {
background-color: #386f38; }
body.dark .Calcite_Vibrant_Green_150 {
background-color: #59d152; }
body.dark .Calcite_Vibrant_Green_200 {
background-color: #85e800; }
body.dark .Calcite_Vibrant_Red_100 {
background-color: #751d00; }
body.dark .Calcite_Vibrant_Red_150 {
background-color: #993516; }
body.dark .Calcite_Vibrant_Red_200 {
background-color: #e65c2e; }
body.dark .Calcite_Vibrant_Purple_100 {
background-color: #503691; }
body.dark .Calcite_Vibrant_Purple_150 {
background-color: #754fd4; }
body.dark .Calcite_Vibrant_Purple_200 {
background-color: #9b4ba6; }
body.dark .Calcite_Vibrant_Brown_100 {
background-color: #673d10; }
body.dark .Calcite_Vibrant_Brown_150 {
background-color: #995d18; }
body.dark .Calcite_Vibrant_Brown_200 {
background-color: #df8c39; }
/*# sourceMappingURL=complete.css.map */

View file

@ -0,0 +1,128 @@
//* Esri Brand Colors - Last Updated 04/16/15 */
@import "../../scss/variables";
//* -- Esri Brand Blue -- */
.Brand_Blue_100 {
background-color: $Brand_Blue_100;
}
.Brand_Blue_150 {
background-color: $Brand_Blue_150;
}
.Brand_Blue_200 {
background-color: $Brand_Blue_200;
}
.Brand_Blue_250 {
background-color: $Brand_Blue_250;
}
//* -- Esri Brand Warm -- */
.Brand_Yellow_100 {
background-color: $Brand_Yellow_100;
}
.Brand_Orange_100 {
background-color: $Brand_Orange_100;
}
.Brand_Orange_150 {
background-color: $Brand_Orange_150;
}
.Brand_Orange_200 {
background-color: $Brand_Orange_200;
}
.Brand_Red_100 {
background-color: $Brand_Red_100;
}
//* -- Esri Brand Green -- */
.Brand_Green_100 {
background-color: $Brand_Green_100;
}
.Brand_Green_150 {
background-color: $Brand_Green_150;
}
.Brand_Green_200 {
background-color: $Brand_Green_200;
}
.Brand_Green_250 {
background-color: $Brand_Green_250;
}
//* -- Esri Brand Purple -- */
.Brand_Purple_100 {
background-color: $Brand_Purple_100;
}
.Brand_Purple_150 {
background-color: $Brand_Purple_150;
}
.Brand_Purple_200 {
background-color: $Brand_Purple_200;
}
.Brand_Purple_250 {
background-color: $Brand_Purple_250;
}
//* -- Esri Brand Brown -- */
.Brand_Brown_100 {
background-color: $Brand_Brown_100;
}
.Brand_Brown_150 {
background-color: $Brand_Brown_150;
}
.Brand_Brown_200 {
background-color: $Brand_Brown_200;
}
.Brand_Brown_250 {
background-color: $Brand_Brown_250;
}
//* -- Esri Brand Gray -- */
.Brand_Gray_100 {
background-color: $Brand_Gray_100;
}
.Brand_Gray_150 {
background-color: $Brand_Gray_150;
}
.Brand_Gray_200 {
background-color: $Brand_Gray_200;
}
.Brand_Gray_250 {
background-color: $Brand_Gray_250;
}

View file

@ -0,0 +1,289 @@
//* Esri Calcite Core Colors - Last Updated 03/02/15 *//
@import "../../scss/variables";
//* -- Calcite Core Blue -- *//
.Calcite_Blue_100 {
background-color: $Calcite_Blue_100;
}
.Calcite_Blue_150 {
background-color: $Calcite_Blue_150;
}
.Calcite_Blue_200 {
background-color: $Calcite_Blue_200;
}
.Calcite_Blue_250 {
background-color: $Calcite_Blue_250;
}
.Calcite_Blue_a100 {
background-color: $Calcite_Blue_a100;
}
.Calcite_Blue_a150 {
background-color: $Calcite_Blue_a150;
}
.Calcite_Blue_a200 {
background-color: $Calcite_Blue_a200;
}
.Calcite_Blue_a250 {
background-color: $Calcite_Blue_a250;
}
//* -- Calcite Core Yellow -- *//
.Calcite_Yellow_100 {
background-color: $Calcite_Yellow_100;
}
.Calcite_Yellow_150 {
background-color: $Calcite_Yellow_150;
}
.Calcite_Yellow_200 {
background-color: $Calcite_Yellow_200;
}
.Calcite_Yellow_250 {
background-color: $Calcite_Yellow_250;
}
.Calcite_Yellow_a100 {
background-color: $Calcite_Yellow_a100;
}
.Calcite_Yellow_a150 {
background-color: $Calcite_Yellow_a150;
}
.Calcite_Yellow_a200 {
background-color: $Calcite_Yellow_a200;
}
.Calcite_Yellow_a250 {
background-color: $Calcite_Yellow_a250;
}
//* -- Calcite Core Orange -- *//
.Calcite_Orange_100 {
background-color: $Calcite_Orange_100;
}
.Calcite_Orange_150 {
background-color: $Calcite_Orange_150;
}
.Calcite_Orange_200 {
background-color: $Calcite_Orange_200;
}
.Calcite_Orange_250 {
background-color: $Calcite_Orange_250;
}
.Calcite_Orange_a100 {
background-color: $Calcite_Orange_a100;
}
.Calcite_Orange_a150 {
background-color: $Calcite_Orange_a150;
}
.Calcite_Orange_a200 {
background-color: $Calcite_Orange_a200;
}
.Calcite_Orange_a250 {
background-color: $Calcite_Orange_a250;
}
//* -- Calcite Core Green -- *//
.Calcite_Green_100 {
background-color: $Calcite_Green_100;
}
.Calcite_Green_150 {
background-color: $Calcite_Green_150;
}
.Calcite_Green_200 {
background-color: $Calcite_Green_200;
}
.Calcite_Green_250 {
background-color: $Calcite_Green_250;
}
.Calcite_Green_a100 {
background-color: $Calcite_Green_a100;
}
.Calcite_Green_a150 {
background-color: $Calcite_Green_a150;
}
.Calcite_Green_a200 {
background-color: $Calcite_Green_a200;
}
.Calcite_Green_a250 {
background-color: $Calcite_Green_a250;
}
//* -- Calcite Core Red -- *//
.Calcite_Red_100 {
background-color: $Calcite_Red_100;
}
.Calcite_Red_150 {
background-color: $Calcite_Red_150;
}
.Calcite_Red_200 {
background-color: $Calcite_Red_200;
}
.Calcite_Red_250 {
background-color: $Calcite_Red_250;
}
.Calcite_Red_a100 {
background-color: $Calcite_Red_a100;
}
.Calcite_Red_a150 {
background-color: $Calcite_Red_a150;
}
.Calcite_Red_a200 {
background-color: $Calcite_Red_a200;
}
.Calcite_Red_a250 {
background-color: $Calcite_Red_a250;
}
//* -- Calcite Core Purple -- *//
.Calcite_Purple_100 {
background-color: $Calcite_Purple_100;
}
.Calcite_Purple_150 {
background-color: $Calcite_Purple_150;
}
.Calcite_Purple_200 {
background-color: $Calcite_Purple_200;
}
.Calcite_Purple_250 {
background-color: $Calcite_Purple_250;
}
.Calcite_Purple_a100 {
background-color: $Calcite_Purple_a100;
}
.Calcite_Purple_a150 {
background-color: $Calcite_Purple_a150;
}
.Calcite_Purple_a200 {
background-color: $Calcite_Purple_a200;
}
.Calcite_Purple_a250 {
background-color: $Calcite_Purple_a250;
}
//* -- Calcite Core Brown -- *//
.Calcite_Brown_100 {
background-color: $Calcite_Brown_100;
}
.Calcite_Brown_150 {
background-color: $Calcite_Brown_150;
}
.Calcite_Brown_200 {
background-color: $Calcite_Brown_200
}
.Calcite_Brown_250 {
background-color: $Calcite_Brown_250;
}
.Calcite_Brown_a100 {
background-color: $Calcite_Brown_a100;
}
.Calcite_Brown_a150 {
background-color: $Calcite_Brown_a150;
}
.Calcite_Brown_a200 {
background-color: $Calcite_Brown_a200;
}
.Calcite_Brown_a250 {
background-color: $Calcite_Brown_a250;
}

View file

@ -0,0 +1,285 @@
@import "../../scss/variables_dark";
//* -- Calcite Core Blue -- *//
.Calcite_Blue_100 {
background-color: $Calcite_Blue_100;
}
.Calcite_Blue_150 {
background-color: $Calcite_Blue_150;
}
.Calcite_Blue_200 {
background-color: $Calcite_Blue_200;
}
.Calcite_Blue_250 {
background-color: $Calcite_Blue_250;
}
.Calcite_Blue_a100 {
background-color: $Calcite_Blue_a100;
}
.Calcite_Blue_a150 {
background-color: $Calcite_Blue_a150;
}
.Calcite_Blue_a200 {
background-color: $Calcite_Blue_a200;
}
.Calcite_Blue_a250 {
background-color: $Calcite_Blue_a250;
}
//* -- Calcite Core Yellow -- *//
.Calcite_Yellow_100 {
background-color: $Calcite_Yellow_100;
}
.Calcite_Yellow_150 {
background-color: $Calcite_Yellow_150;
}
.Calcite_Yellow_200 {
background-color: $Calcite_Yellow_200;
}
.Calcite_Yellow_250 {
background-color: $Calcite_Yellow_250;
}
.Calcite_Yellow_a100 {
background-color: $Calcite_Yellow_a100;
}
.Calcite_Yellow_a150 {
background-color: $Calcite_Yellow_a150;
}
.Calcite_Yellow_a200 {
background-color: $Calcite_Yellow_a200;
}
.Calcite_Yellow_a250 {
background-color: $Calcite_Yellow_a250;
}
//* -- Calcite Core Orange -- *//
.Calcite_Orange_100 {
background-color: $Calcite_Orange_100;
}
.Calcite_Orange_150 {
background-color: $Calcite_Orange_150;
}
.Calcite_Orange_200 {
background-color: $Calcite_Orange_200;
}
.Calcite_Orange_250 {
background-color: $Calcite_Orange_250;
}
.Calcite_Orange_a100 {
background-color: $Calcite_Orange_a100;
}
.Calcite_Orange_a150 {
background-color: $Calcite_Orange_a150;
}
.Calcite_Orange_a200 {
background-color: $Calcite_Orange_a200;
}
.Calcite_Orange_a250 {
background-color: $Calcite_Orange_a250;
}
//* -- Calcite Core Green -- *//
.Calcite_Green_100 {
background-color: $Calcite_Green_100;
}
.Calcite_Green_150 {
background-color: $Calcite_Green_150;
}
.Calcite_Green_200 {
background-color: $Calcite_Green_200;
}
.Calcite_Green_250 {
background-color: $Calcite_Green_250;
}
.Calcite_Green_a100 {
background-color: $Calcite_Green_a100;
}
.Calcite_Green_a150 {
background-color: $Calcite_Green_a150;
}
.Calcite_Green_a200 {
background-color: $Calcite_Green_a200;
}
.Calcite_Green_a250 {
background-color: $Calcite_Green_a250;
}
//* -- Calcite Core Red -- *//
.Calcite_Red_100 {
background-color: $Calcite_Red_100;
}
.Calcite_Red_150 {
background-color: $Calcite_Red_150;
}
.Calcite_Red_200 {
background-color: $Calcite_Red_200;
}
.Calcite_Red_250 {
background-color: $Calcite_Red_250;
}
.Calcite_Red_a100 {
background-color: $Calcite_Red_a100;
}
.Calcite_Red_a150 {
background-color: $Calcite_Red_a150;
}
.Calcite_Red_a200 {
background-color: $Calcite_Red_a200;
}
.Calcite_Red_a250 {
background-color: $Calcite_Red_a250;
}
//* -- Calcite Core Purple -- *//
.Calcite_Purple_100 {
background-color: $Calcite_Purple_100;
}
.Calcite_Purple_150 {
background-color: $Calcite_Purple_150;
}
.Calcite_Purple_200 {
background-color: $Calcite_Purple_200;
}
.Calcite_Purple_250 {
background-color: $Calcite_Purple_250;
}
.Calcite_Purple_a100 {
background-color: $Calcite_Purple_a100;
}
.Calcite_Purple_a150 {
background-color: $Calcite_Purple_a150;
}
.Calcite_Purple_a200 {
background-color: $Calcite_Purple_a200;
}
.Calcite_Purple_a250 {
background-color: $Calcite_Purple_a250;
}
//* -- Calcite Core Brown -- *//
.Calcite_Brown_100 {
background-color: $Calcite_Brown_100;
}
.Calcite_Brown_150 {
background-color: $Calcite_Brown_150;
}
.Calcite_Brown_200 {
background-color: $Calcite_Brown_200
}
.Calcite_Brown_250 {
background-color: $Calcite_Brown_250;
}
.Calcite_Brown_a100 {
background-color: $Calcite_Brown_a100;
}
.Calcite_Brown_a150 {
background-color: $Calcite_Brown_a150;
}
.Calcite_Brown_a200 {
background-color: $Calcite_Brown_a200;
}
.Calcite_Brown_a250 {
background-color: $Calcite_Brown_a250;
}

View file

@ -0,0 +1,96 @@
//* Esri Calcite Gray Colors - Last Updated 03/02/15 */
@import "../../scss/variables";
//* -- Calcite Gray -- */
.Calcite_Gray_050 {
background-color: $Calcite_Gray_050;
}
.Calcite_Gray_100 {
background-color: $Calcite_Gray_100;
}
.Calcite_Gray_150 {
background-color: $Calcite_Gray_150;
}
.Calcite_Gray_200 {
background-color: $Calcite_Gray_200;
}
.Calcite_Gray_250 {
background-color: $Calcite_Gray_250;
}
.Calcite_Gray_300 {
background-color: $Calcite_Gray_300;
}
.Calcite_Gray_350 {
background-color: $Calcite_Gray_350;
}
.Calcite_Gray_400 {
background-color: $Calcite_Gray_400;
}
.Calcite_Gray_450 {
background-color: $Calcite_Gray_450;
}
.Calcite_Gray_500 {
background-color: $Calcite_Gray_500;
}
.Calcite_Gray_550 {
background-color: $Calcite_Gray_550;
}
.Calcite_Gray_600 {
background-color: $Calcite_Gray_600;
}
.Calcite_Gray_650 {
background-color: $Calcite_Gray_650;
}
.Calcite_Gray_700 {
background-color: $Calcite_Gray_700;
}

View file

@ -0,0 +1,91 @@
@import "../../scss/variables_dark";
//* -- Calcite Gray -- *//
.Calcite_Gray_050 {
background-color: $Calcite_Gray_050;
}
.Calcite_Gray_100 {
background-color: $Calcite_Gray_100;
}
.Calcite_Gray_150 {
background-color: $Calcite_Gray_150;
}
.Calcite_Gray_200 {
background-color: $Calcite_Gray_200;
}
.Calcite_Gray_250 {
background-color: $Calcite_Gray_250;
}
.Calcite_Gray_300 {
background-color: $Calcite_Gray_300;
}
.Calcite_Gray_350 {
background-color: $Calcite_Gray_350;
}
.Calcite_Gray_400 {
background-color: $Calcite_Gray_400;
}
.Calcite_Gray_450 {
background-color: $Calcite_Gray_450;
}
.Calcite_Gray_500 {
background-color: $Calcite_Gray_500;
}
.Calcite_Gray_550 {
background-color: $Calcite_Gray_550;
}
.Calcite_Gray_600 {
background-color: $Calcite_Gray_600;
}
.Calcite_Gray_650 {
background-color: $Calcite_Gray_650;
}
.Calcite_Gray_700 {
background-color: $Calcite_Gray_700;
}

View file

@ -0,0 +1,69 @@
//* Esri Calcite Highlight Colors - Last Updated 03/02/15 */
@import "../../scss/variables";
//* -- Calcite Highlight_Blue -- */
.Calcite_Highlight_Blue_100 {
background-color: $Calcite_Highlight_Blue_100;
}
.Calcite_Highlight_Blue_150 {
background-color: $Calcite_Highlight_Blue_150;
}
.Calcite_Highlight_Blue_200 {
background-color: $Calcite_Highlight_Blue_200;
}
.Calcite_Highlight_Blue_250 {
background-color: $Calcite_Highlight_Blue_250;
}
.Calcite_Highlight_Blue_300 {
background-color: $Calcite_Highlight_Blue_300;
}
.Calcite_Highlight_Blue_350 {
background-color: $Calcite_Highlight_Blue_350;
}
.Calcite_Highlight_Blue_400 {
background-color: $Calcite_Highlight_Blue_400;
}
//* -- Calcite Highlight Green -- */
.Calcite_Highlight_Green_100 {
background-color: $Calcite_Highlight_Green_100;
}
.Calcite_Highlight_Green_150 {
background-color: $Calcite_Highlight_Green_150;
}
.Calcite_Highlight_Green_200 {
background-color: $Calcite_Highlight_Green_200;
}
.Calcite_Highlight_Green_250 {
background-color: $Calcite_Highlight_Green_250;
}
.Calcite_Highlight_Green_300 {
background-color: $Calcite_Highlight_Green_300;
}
.Calcite_Highlight_Green_350 {
background-color: $Calcite_Highlight_Green_350;
}
.Calcite_Highlight_Green_400 {
background-color: $Calcite_Highlight_Green_400;
}

View file

@ -0,0 +1,65 @@
@import "../../scss/variables_dark";
//* -- Calcite Highlight_Blue -- *//
.Calcite_Highlight_Blue_100 {
background-color: $Calcite_Highlight_Blue_100;
}
.Calcite_Highlight_Blue_150 {
background-color: $Calcite_Highlight_Blue_150;
}
.Calcite_Highlight_Blue_200 {
background-color: $Calcite_Highlight_Blue_200;
}
.Calcite_Highlight_Blue_250 {
background-color: $Calcite_Highlight_Blue_250;
}
.Calcite_Highlight_Blue_300 {
background-color: $Calcite_Highlight_Blue_300;
}
.Calcite_Highlight_Blue_350 {
background-color: $Calcite_Highlight_Blue_350;
}
.Calcite_Highlight_Blue_400 {
background-color: $Calcite_Highlight_Blue_400;
}
//* -- Calcite Highlight Green -- *//
.Calcite_Highlight_Green_100 {
background-color: $Calcite_Highlight_Green_100;
}
.Calcite_Highlight_Green_150 {
background-color: $Calcite_Highlight_Green_150;
}
.Calcite_Highlight_Green_200 {
background-color: $Calcite_Highlight_Green_200;
}
.Calcite_Highlight_Green_250 {
background-color: $Calcite_Highlight_Green_250;
}
.Calcite_Highlight_Green_300 {
background-color: $Calcite_Highlight_Green_300;
}
.Calcite_Highlight_Green_350 {
background-color: $Calcite_Highlight_Green_350;
}
.Calcite_Highlight_Green_400 {
background-color: $Calcite_Highlight_Green_400;
}

View file

@ -0,0 +1,128 @@
//* Esri Calcite Vibrant Colors - Last Updated 04/03/15 */
@import "../../scss/variables";
//* -- Calcite Vibrant_Blue -- */
.Calcite_Vibrant_Blue_100 {
background-color: $Calcite_Vibrant_Blue_100;
}
.Calcite_Vibrant_Blue_150 {
background-color: $Calcite_Vibrant_Blue_150;
}
.Calcite_Vibrant_Blue_200 {
background-color: $Calcite_Vibrant_Blue_200;
}
.Calcite_Vibrant_Blue_250 {
background-color: $Calcite_Vibrant_Blue_250;
}
.Calcite_Vibrant_Yellow_100 {
background-color: $Calcite_Vibrant_Yellow_100;
}
.Calcite_Vibrant_Yellow_150 {
background-color: $Calcite_Vibrant_Yellow_150;
}
.Calcite_Vibrant_Yellow_200 {
background-color: $Calcite_Vibrant_Yellow_200;
}
.Calcite_Vibrant_Orange_100 {
background-color: $Calcite_Vibrant_Orange_100;
}
.Calcite_Vibrant_Orange_150 {
background-color: $Calcite_Vibrant_Orange_150;
}
.Calcite_Vibrant_Orange_200 {
background-color: $Calcite_Vibrant_Orange_200;
}
.Calcite_Vibrant_Green_100 {
background-color: $Calcite_Vibrant_Green_100;
}
.Calcite_Vibrant_Green_150 {
background-color: $Calcite_Vibrant_Green_150;
}
.Calcite_Vibrant_Green_200 {
background-color: $Calcite_Vibrant_Green_200;
}
.Calcite_Vibrant_Red_100 {
background-color: $Calcite_Vibrant_Red_100;
}
.Calcite_Vibrant_Red_150 {
background-color: $Calcite_Vibrant_Red_150;
}
.Calcite_Vibrant_Red_200 {
background-color: $Calcite_Vibrant_Red_200;
}
.Calcite_Vibrant_Purple_100 {
background-color: $Calcite_Vibrant_Purple_100;
}
.Calcite_Vibrant_Purple_150 {
background-color: $Calcite_Vibrant_Purple_150;
}
.Calcite_Vibrant_Purple_200 {
background-color: $Calcite_Vibrant_Purple_200;
}
.Calcite_Vibrant_Brown_100 {
background-color: $Calcite_Vibrant_Brown_100;
}
.Calcite_Vibrant_Brown_150 {
background-color: $Calcite_Vibrant_Brown_150;
}
.Calcite_Vibrant_Brown_200 {
background-color: $Calcite_Vibrant_Brown_200;
}

View file

@ -0,0 +1,124 @@
@import "../../scss/variables_dark";
//* -- Calcite Vibrant_Blue -- *//
.Calcite_Vibrant_Blue_100 {
background-color: $Calcite_Vibrant_Blue_100;
}
.Calcite_Vibrant_Blue_150 {
background-color: $Calcite_Vibrant_Blue_150;
}
.Calcite_Vibrant_Blue_200 {
background-color: $Calcite_Vibrant_Blue_200;
}
.Calcite_Vibrant_Blue_250 {
background-color: $Calcite_Vibrant_Blue_250;
}
.Calcite_Vibrant_Yellow_100 {
background-color: $Calcite_Vibrant_Yellow_100;
}
.Calcite_Vibrant_Yellow_150 {
background-color: $Calcite_Vibrant_Yellow_150;
}
.Calcite_Vibrant_Yellow_200 {
background-color: $Calcite_Vibrant_Yellow_200;
}
.Calcite_Vibrant_Orange_100 {
background-color: $Calcite_Vibrant_Orange_100;
}
.Calcite_Vibrant_Orange_150 {
background-color: $Calcite_Vibrant_Orange_150;
}
.Calcite_Vibrant_Orange_200 {
background-color: $Calcite_Vibrant_Orange_200;
}
.Calcite_Vibrant_Green_100 {
background-color: $Calcite_Vibrant_Green_100;
}
.Calcite_Vibrant_Green_150 {
background-color: $Calcite_Vibrant_Green_150;
}
.Calcite_Vibrant_Green_200 {
background-color: $Calcite_Vibrant_Green_200;
}
.Calcite_Vibrant_Red_100 {
background-color: $Calcite_Vibrant_Red_100;
}
.Calcite_Vibrant_Red_150 {
background-color: $Calcite_Vibrant_Red_150;
}
.Calcite_Vibrant_Red_200 {
background-color: $Calcite_Vibrant_Red_200;
}
.Calcite_Vibrant_Purple_100 {
background-color: $Calcite_Vibrant_Purple_100;
}
.Calcite_Vibrant_Purple_150 {
background-color: $Calcite_Vibrant_Purple_150;
}
.Calcite_Vibrant_Purple_200 {
background-color: $Calcite_Vibrant_Purple_200;
}
.Calcite_Vibrant_Brown_100 {
background-color: $Calcite_Vibrant_Brown_100;
}
.Calcite_Vibrant_Brown_150 {
background-color: $Calcite_Vibrant_Brown_150;
}
.Calcite_Vibrant_Brown_200 {
background-color: $Calcite_Vibrant_Brown_200;
}

View file

@ -0,0 +1,11 @@
//* Build *//
@import "brand_colors";
@import "calcite_core_colors";
@import "calcite_gray_colors";
@import "calcite_vibrant_colors";
@import "calcite_highlight_colors";
body.dark{ @import "calcite_core_colors_dark";}
body.dark{ @import "calcite_gray_colors_dark";}
body.dark{ @import "calcite_highlight_colors_dark";}
body.dark{ @import "calcite_vibrant_colors_dark";}

View file

@ -0,0 +1,366 @@
/* Esri Brand Colors - Last Updated 04/16/15 */
/*
{
name: "Esri Brand Colors",
tags: "Brand Colors,Brand"
}
*/
/* -- Esri Brand Blue -- */
.Brand_Blue_100 {
background-color: #b9e0f7;
/*
{
Hex:"#b9e0f7",
CMYK:"c25 m2 y0 k0",
AdobeRGB:"r196 g223 b246",
sRGB:"r185 g224 b247",
guid:"487af1c6-5547-4727-9716-913b4d0b3a7a",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Brand_Blue_150 {
background-color: #00b9f2;
/*
{
Hex:"#00b9f2",
CMYK:"c80 m0 y0 k0",
AdobeRGB:"r75 g184 b239",
sRGB:"r0 g185 b242",
guid:"a6395586-91ea-4893-932a-571b66582a67",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Brand_Blue_200 {
background-color: #007ac2;
/*
{
Hex:"#007ac2",
CMYK:"c100 m43 y0 k0",
AdobeRGB:"r23 g121 b191",
sRGB:"r0 g122 b194",
guid:"f1c219e1-ef6a-46be-9a4e-fa0b5dc5a552",
accessibility_white_text:"AAaa",
accessibility_black_text:"AAaa"
}
*/ }
.Brand_Blue_250 {
background-color: #004575;
/*
{
Hex:"#004575",
CMYK:"c100 m43 y0 k50",
AdobeRGB:"r0 g71 b115",
sRGB:"r0 g69 b117",
guid:"ba4e2698-0172-4983-81ff-c22b0ab7f0d3",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
/* -- Esri Brand Warm -- */
.Brand_Yellow_100 {
background-color: #ffec4f;
/*
{
Hex:"#ffec4f",
CMYK:"c0 m3 y80 k0",
AdobeRGB:"r245 g235 b93",
sRGB:"r225 g236 b79",
guid:"2af4ee33-7083-40b6-ac44-9f905f0a266f",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Brand_Orange_100 {
background-color: #f89927;
/*
{
Hex:"#f89927",
CMYK:"c0 m45 y95 k0",
AdobeRGB:"r226 g152 b54",
sRGB:"r248 g153 b39",
guid:"12e5df75-11dc-400f-939f-c7d8bd7a95f8",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Brand_Orange_150 {
background-color: #f36f20;
/*
{
Hex:"#f36f20",
CMYK:"c0 m70 y100 k0",
AdobeRGB:"r215 g111 b44",
sRGB:"r243 g111 b32",
guid:"d64dcde0-f5b5-4689-93f7-8313175ef618",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Brand_Orange_200 {
background-color: #da4d1e;
/*
{
Hex:"#da4d1e",
CMYK:"c0 m82 y100 k10",
AdobeRGB:"r190 g79 b38",
sRGB:"r218 g77 b30",
guid:"6cbe3a22-21ae-4e54-af13-e0db797a6346",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Brand_Red_100 {
background-color: #de2900;
/*
{
Hex:"#de2900",
CMYK:"c7 m95 y100 k0",
AdobeRGB:"r0 g0 b0",
sRGB:"r222 g41 b0",
guid:"ca450d51-156e-4d0d-a1e6-49205555fc4b",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
/* -- Esri Brand Green -- */
.Brand_Green_100 {
background-color: #d1e391;
/*
{
Hex:"#d1e391",
CMYK:"c20 m0 y55 k0",
AdobeRGB:"r213 g226 b148",
sRGB:"r209 g227 b145",
guid:"74d795a0-7cc4-4cf5-8d6d-4ae147179d93",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Brand_Green_150 {
background-color: #aad04b;
/*
{
Hex:"#aad04b",
CMYK:"c38 m0 y90 k0",
AdobeRGB:"r180 g207 b87",
sRGB:"r170 g208 b75",
guid:"c0bead6b-3d92-4fb0-a126-f73517e33f8c",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Brand_Green_200 {
background-color: #35ac46;
/*
{
Hex:"#35ac46",
CMYK:"c75 m0 y100 k5",
AdobeRGB:"r105 g170 b79",
sRGB:"r53 g172 b70",
guid:"f23988a2-1cde-490f-940e-7bdf39db9f52",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Brand_Green_250 {
background-color: #2a7433;
/*
{
Hex:"#2a7433",
CMYK:"c73 m9 y94 k39",
AdobeRGB:"r74 g115 b58",
sRGB:"r42 g116 b51",
guid:"f270cfb7-6cd9-4597-ba90-d812fb7f65d3",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
/* -- Esri Brand Purple -- */
.Brand_Purple_100 {
background-color: #dfcce3;
/*
{
Hex:"#dfcce3",
CMYK:"c10 m20 y0 k0",
AdobeRGB:"r217 g203 b226",
sRGB:"r223 g203 b227",
guid:"d5b964e1-cebf-4e38-973d-ec272a90371d",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Brand_Purple_150 {
background-color: #b279b4;
/*
{
Hex:"#b279b4",
CMYK:"c30 m60 y0 k0",
AdobeRGB:"r163 g121 b177",
sRGB:"r178 g122 b179",
guid:"05c574ef-8588-4e97-9251-9130f9193978",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Brand_Purple_200 {
background-color: #8f499c;
/*
{
Hex:"#8f499c",
CMYK:"c50 m85 y0 k0",
AdobeRGB:"r127 g74 b152",
sRGB:"r142 g73 b155",
guid:"4efa3594-8b85-4b71-8f7f-d5e38ba8cca3",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Brand_Purple_250 {
background-color: #6b1978;
/*
{
Hex:"#6b1978",
CMYK:"c60 m100 y0 k20",
AdobeRGB:"r93 g32 b117",
sRGB:"r102 g26 b100",
guid:"462cd8c4-ea73-40ac-8d22-ccce6b27f25b",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
/* -- Esri Brand Brown -- */
.Brand_Brown_100 {
background-color: #ecdcb9;
/*
{
Hex:"#ecdcb9",
CMYK:"c2 m7 y26 k5",
AdobeRGB:"r232 g219 b185",
sRGB:"r236 g220 b185",
guid:"942a8da4-fa03-4d1f-977e-a6327c8c0a14",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Brand_Brown_150 {
background-color: #be9969;
/*
{
Hex:"#be9969",
CMYK:"c7 m27 y55 k22",
AdobeRGB:"r179 g152 b107",
sRGB:"r190 g153 b105",
guid:"854a356c-36b8-4c14-a54f-dca3c85ba2e1",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Brand_Brown_200 {
background-color: #7b4f1c;
/*
{
Hex:"#7b4f1c",
CMYK:"c17 m52 y87 k50",
AdobeRGB:"r112 g80 b37",
sRGB:"r123 g79 b28",
guid:"240ba3a7-fec3-4639-bbb8-ed38a47743ae",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Brand_Brown_250 {
background-color: #523b20;
/*
{
Hex:"#523b20",
CMYK:"c25 m45 y70 k70",
AdobeRGB:"r78 g62 b39",
sRGB:"r82 g59 b32",
guid:"e7975f09-420f-4467-bbe4-1f9292b1abf8",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
/* -- Esri Brand Gray -- */
.Brand_Gray_100 {
background-color: #b4b4b4;
/*
{
Hex:"#b4b4b4",
CMYK:"c0 m0 y0 k35",
AdobeRGB:"r178 g178 b178",
sRGB:"r180 g180 b180",
guid:"d985a8fd-68f3-4c8e-9af4-dbda932b8cfe",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Brand_Gray_150 {
background-color: #969696;
/*
{
Hex:"#969696",
CMYK:"c0 m0 y0 k50",
AdobeRGB:"r150 g150 b150",
sRGB:"r150 g150 b150",
guid:"b8fdaa89-975e-45b8-b001-abfb359eb0d1",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Brand_Gray_200 {
background-color: #6e6e6e;
/*
{
Hex:"#6e6e6e",
CMYK:"c0 m0 y0 k70",
AdobeRGB:"r110 g110 b110",
sRGB:"r110 g110 b110",
guid:"520fe793-6207-4373-9b30-9584d69eed2a",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Brand_Gray_250 {
background-color: #464646;
/*
{
Hex:"#464646",
CMYK:"c0 m0 y0 k88",
AdobeRGB:"r71 g71 b71",
sRGB:"r70 g70 b70",
guid:"404d0353-df2a-41fd-8c66-24604343d84c",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
/*# sourceMappingURL=brand_colors.css.map */

View file

@ -0,0 +1,687 @@
/* Esri Calcite Core Colors - Last Updated 04/16/15 */
/*
{
name: "Calcite Core Colors",
tags: "Calcite Core,Calcite"
}
*/
/* -- Calcite Core Blue -- */
.Calcite_Blue_100 {
background-color: #d2e9f9;
/*
{
Hex:"#D2E9F9",
RGB:"r221 g234 b249",
guid:"4655dee8-192b-4fdd-bd76-a3026c629763",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Blue_150 {
background-color: #bcdaed;
/*
{
Hex:"#BCDAED",
RGB:"r189 g219 b238",
guid:"9ba1245d-dd02-4dc1-ac28-fa2048fc1627",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Blue_200 {
background-color: #6cb4e2;
/*
{
Hex:"#6CB4E2",
RGB:"r109 g181 b227",
guid:"88e16018-ce1b-4ef2-ab21-e7ee260a217a",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Blue_250 {
background-color: #56a5d8;
/*
{
Hex:"#56A5D8",
RGB:"r87 g166 b217",
guid:"d36d7477-5d0f-46fe-a5c9-0cd59b4028d6",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Blue_a100 {
background-color: #49b0f2;
/*
{
Hex:"#49B0F2",
RGB:"r73 g176 b242",
guid:"e22efb06-71b5-4ee0-b1ce-9c599df2ac9d",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Blue_a150 {
background-color: #419ed9;
/*
{
Hex:"#419ED9",
RGB:"r65 g158 b217",
guid:"64d227d5-55fa-4c78-af72-64bc4e5c2dac",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Blue_a200 {
background-color: #3b8fc4;
/*
{
Hex:"#3B8FC4",
RGB:"r59 g143 b196",
guid:"d4a595a8-8c99-4776-ad24-5db864faf1d4",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Blue_a250 {
background-color: #196fa6;
/*
{
Hex:"#196FA6",
RGB:"r25 g111 b166",
guid:"cead1d1f-5cd2-4b80-86ec-0fe7c35323bc",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
/* -- Calcite Core Yellow -- */
.Calcite_Yellow_100 {
background-color: #f3edc7;
/*
{
Hex:"#F3EDC7",
RGB:"r244 g238 b200",
guid:"b4ad1067-29aa-4d47-acf1-365dc5779e43",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Yellow_150 {
background-color: #efe397;
/*
{
Hex:"#EFE397",
RGB:"r240 g228 b152",
guid:"74554988-b164-47dd-9bd7-8714503bfedd",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Yellow_200 {
background-color: #e4d154;
/*
{
Hex:"#E4D154",
RGB:"r229 g210 b85",
guid:"e1ac1163-5f62-4239-a0a4-35a421d2b82d",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Yellow_250 {
background-color: #d8c34b;
/*
{
Hex:"#D8C34B",
RGB:"r217 g196 b76",
guid:"bb431533-9ae1-4c1f-bf70-6b9234ec4065",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Yellow_a100 {
background-color: #f2d530;
/*
{
Hex:"#F2D530",
RGB:"r242 g213 b48",
guid:"72bc84b6-854a-4b65-ac7a-fd894d3d73b0",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Yellow_a150 {
background-color: #d9bf2b;
/*
{
Hex:"#D9BF2B",
RGB:"r217 g191 b43",
guid:"45dfb92c-ca20-404a-b761-50df7d6d55ac",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Yellow_a200 {
background-color: #bda726;
/*
{
Hex:"#BDA726",
RGB:"r189 g167 b38",
guid:"be6f0c4d-ab00-40f2-9df5-8e5ea1ac4fea",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Yellow_a250 {
background-color: #a68d00;
/*
{
Hex:"#A68D00",
RGB:"r166 g141 b0",
guid:"ed030b74-86fe-481e-85c1-abe97b1cd9bb",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
/* -- Calcite Core Orange -- */
.Calcite_Orange_100 {
background-color: #fbe1c2;
/*
{
Hex:"#FBE1C2",
RGB:"r251 g226 b195",
guid:"5367b7b0-a1a3-4cf4-bb02-89af77834fc3",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Orange_150 {
background-color: #f6ca92;
/*
{
Hex:"#F6CA92",
RGB:"r247 g203 b147",
guid:"751dde41-e219-4130-b096-50252d454d0c",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Orange_200 {
background-color: #eda959;
/*
{
Hex:"#EDA959",
RGB:"r238 g170 b90",
guid:"08a9135b-e9ba-44c3-a7b9-aafaee9ba634",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Orange_250 {
background-color: #e79c47;
/*
{
Hex:"#E79C47",
RGB:"r232 g157 b72",
guid:"a01870e1-ceb4-424b-927d-21e794a92da7",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Orange_a100 {
background-color: #ff9f33;
/*
{
Hex:"#FF9F33",
RGB:"r255 g159 b51",
guid:"1d63fc35-0b74-4f2b-a0a4-0a5f72a4c630",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Orange_a150 {
background-color: #e8912e;
/*
{
Hex:"#E8912E",
RGB:"r232 g145 b46",
guid:"f92a6f43-90a3-4007-8758-3305b07542d7",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Orange_a200 {
background-color: #d17e21;
/*
{
Hex:"#D17E21",
RGB:"r209 g126 b33",
guid:"66ef990d-1980-499a-8ad7-a2027e473954",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Orange_a250 {
background-color: #ad6511;
/*
{
Hex:"#AD6511",
RGB:"r173 g101 b17",
guid:"861cc1ae-dce3-4272-a55c-1d3c7c9f068a",
accessibility_white_text:"AAaa",
accessibility_black_text:"AAaa"
}
*/ }
/* -- Calcite Core Green -- */
.Calcite_Green_100 {
background-color: #ddeedb;
/*
{
Hex:"#DDEEDB",
RGB:"r221 g238 b219",
guid:"e308a3ec-840e-4a77-a51b-df5ce37ff3bb",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Green_150 {
background-color: #9bc19c;
/*
{
Hex:"#9BC19C",
RGB:"r155 g194 b156",
guid:"79c4211e-4942-41af-ab09-2f64352ffd35",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Green_200 {
background-color: #67a966;
/*
{
Hex:"#67A966",
RGB:"r105 g170 b103",
guid:"a6b78543-830a-40ed-b5ce-d0781dc7fec4",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Green_250 {
background-color: #5a9359;
/*
{
Hex:"#5A9359",
RGB:"r91 g148 b90",
guid:"275dfc18-669b-4172-8d05-ebe756967689",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Green_a100 {
background-color: #50ad4e;
/*
{
Hex:"#50AD4E",
RGB:"r80 g173 b78",
guid:"a57aee23-1ea4-4b5e-92c1-3f905cd2f57e",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Green_a150 {
background-color: #449443;
/*
{
Hex:"#449443",
RGB:"r68 g148 b67",
guid:"c0772e3f-d054-4789-bb1c-68fa5fe30af0",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Green_a200 {
background-color: #338033;
/*
{
Hex:"#338033",
RGB:"r51 g128 b51",
guid:"5e702fde-9966-487f-98af-52041709c9a7",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Green_a250 {
background-color: #275e26;
/*
{
Hex:"#275E26",
RGB:"r39 g94 b38",
guid:"edb72c89-e39a-4de8-984f-8b7d9f838f98",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
/* -- Calcite Core Red -- */
.Calcite_Red_100 {
background-color: #f3ded7;
/*
{
Hex:"#F3DED7",
RGB:"r244 g223 b216",
guid:"7f79cf3c-0a16-4386-a7e5-53ec317d9e8a",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Red_150 {
background-color: #e4a793;
/*
{
Hex:"#E4A793",
RGB:"r229 g168 b148",
guid:"d0d38ae2-c916-4a16-a1f3-d951cc499e65",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Red_200 {
background-color: #c86a4a;
/*
{
Hex:"#C86A4A",
RGB:"r210 g107 b75",
guid:"233ed1cf-5f23-4fab-aa17-63b29a50801b",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Red_250 {
background-color: #c6542d;
/*
{
Hex:"#C6542D",
RGB:"r199 g85 b46",
guid:"891511b8-fe34-45f3-b51d-88d3fa6d24b8",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Red_a100 {
background-color: #e04f1d;
/*
{
Hex:"#E04F1D",
RGB:"r224 g79 b29",
guid:"a318043e-4402-4471-834b-7665b8fb5d0b",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Red_a150 {
background-color: #c7461a;
/*
{
Hex:"#C7461A",
RGB:"r199 g70 b26",
guid:"f3b9c963-b6cf-40c6-975d-f08584298268",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Red_a200 {
background-color: #ab3c16;
/*
{
Hex:"#AB3C16",
RGB:"r171 g60 b22",
guid:"592dfff5-bc8b-4d59-ad83-41b268873db0",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Red_a250 {
background-color: #8c2907;
/*
{
Hex:"#8C2907",
RGB:"r140 g41 b7",
guid:"ede8a7e5-c655-44cc-828a-292984b98964",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
/* -- Calcite Core Purple -- */
.Calcite_Purple_100 {
background-color: #e5e1ef;
/*
{
Hex:"#E5E1EF",
RGB:"r230 g226 b240",
guid:"17a68f19-2176-4883-90ec-0e02f7ebab6f",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Purple_150 {
background-color: #c4bcdc;
/*
{
Hex:"#C4BCDC",
RGB:"r197 g189 b221",
guid:"92900e24-b8f4-454a-baba-181897f51978",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Purple_200 {
background-color: #9081bc;
/*
{
Hex:"#9081BC",
RGB:"r145 g130 b189",
guid:"10b9463d-488f-42d9-8899-034e3c3029fa",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Purple_250 {
background-color: #7b6ca7;
/*
{
Hex:"#7B6CA7",
RGB:"r124 g109 b168",
guid:"687fb17c-d87c-4e2e-a24c-132e70aa92b8",
accessibility_white_text:"AAaa",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Purple_a100 {
background-color: #846ebf;
/*
{
Hex:"#846EBF",
RGB:"r132 g110 b191",
guid:"d861e9f1-bf6a-42f3-b217-93894bab3386",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Purple_a150 {
background-color: #7461a8;
/*
{
Hex:"#7461A8",
RGB:"r116 g97 b168",
guid:"35d3955f-b3cd-4421-a0b5-38a0bfffd03b",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Purple_a200 {
background-color: #61518c;
/*
{
Hex:"#61518C",
RGB:"r97 g81 b140",
guid:"a9c9b7f3-6973-4bf9-9879-f41067d327d6",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Purple_a250 {
background-color: #4f4273;
/*
{
Hex:"#4F4273",
RGB:"r79 g66 b115",
guid:"7cd4639d-fec7-42bb-82f8-7ca7cb70530e",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
/* -- Calcite Core Brown -- */
.Calcite_Brown_100 {
background-color: #e8ddd3;
/*
{
Hex:"#E8DDD3",
RGB:"r233 g222 b212",
guid:"d66dd0c1-bf42-4641-8411-bc6f5b3bf7ae",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Brown_150 {
background-color: #d2b38f;
/*
{
Hex:"#D2B38F",
RGB:"r211 g180 b144",
guid:"eca70e1f-7f60-4b58-b41d-8bc144e476cb",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Brown_200 {
background-color: #b78a54;
/*
{
Hex:"#B78A54",
RGB:"r184 g139 b85",
guid:"b02f6a27-6d0d-46db-96df-6ca3ff7d29b3",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Brown_250 {
background-color: #a57946;
/*
{
Hex:"#A57946",
RGB:"r166 g122 b71",
guid:"733ba9e7-992e-4f52-a786-93ca5b84224a",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Brown_a100 {
background-color: #bf813a;
/*
{
Hex:"#BF813A",
RGB:"r191 g129 b58",
guid:"37268ee6-db88-4afb-9306-5781c120a0ca",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Brown_a150 {
background-color: #a67032;
/*
{
Hex:"#A67032",
RGB:"r166 g112 b50",
guid:"4d0620ad-f5f8-4160-a0ca-aa94e99e3725",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Brown_a200 {
background-color: #8c5e2a;
/*
{
Hex:"#8C5E2A",
RGB:"r140 g94 b42",
guid:"2e90145b-9516-4c3c-bba8-63672ff71fef",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Brown_a250 {
background-color: #734d22;
/*
{
Hex:"#734D22",
RGB:"r115 g77 b34",
guid:"fc9df10f-e68d-4d8f-a558-60a0869f34e2",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
/*# sourceMappingURL=calcite_core_colors.css.map */

View file

@ -0,0 +1,673 @@
.Calcite_Blue_100 {
background-color: #1a4866;
/*
{
Hex:"#194765",
RGB:"r25 g71 b101",
guid:"13f7f404-7f22-4be3-b1a8-63e7d570d109",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Blue_150 {
background-color: #1d5d8c;
/*
{
Hex:"#1C5C8B",
RGB:"r28 g92 b139",
guid:"ba344091-1d38-4d04-9441-8c3d412e7a26",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Blue_200 {
background-color: #3b8fc3;
/*
{
Hex:"#3A8EC2",
RGB:"r58 g142 b194",
guid:"f32f5d5f-6f08-4abb-ad7a-eea60a700409",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Blue_250 {
background-color: #419ed9;
/*
{
Hex:"#409DD8",
RGB:"r64 g157 b216",
guid:"0a37e721-ad68-4004-bf27-e6bbb9832c6c",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Blue_a100 {
background-color: #45a7e6;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"d0f45c43-173a-4107-8b6d-e159dfa33449",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Blue_a150 {
background-color: #60b7f0;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"8e6f8d0e-919e-4fcc-a262-1a773d993a45",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Blue_a200 {
background-color: #6ec1f5;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"6ac6da98-5268-4a4d-88cd-c041582cf039",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Blue_a250 {
background-color: #7dc8fa;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"f08d8462-ddfc-483e-9a2f-77b060a98658",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Yellow_100 {
background-color: #796916;
/*
{
Hex:"#786815",
RGB:"r120 g104 b21",
guid:"96b1f515-4816-4845-9f20-4cec1bb6b15b",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Yellow_150 {
background-color: #a28a00;
/*
{
Hex:"#A18900",
RGB:"r161 g137 b0",
guid:"eb1cb7b1-e500-42ec-aaa1-4c164dd9d766",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Yellow_200 {
background-color: #bda727;
/*
{
Hex:"#BCA626",
RGB:"r188 g166 b38",
guid:"1a3663ed-23c0-47f9-aee0-71cf058e5300",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Yellow_250 {
background-color: #ccb736;
/*
{
Hex:"#CBB635",
RGB:"r203 g182 b53",
guid:"7c241ac9-b0d7-4a35-8de6-33ea53c8e470",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Yellow_a100 {
background-color: #d6bd2a;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"0bbe3546-fc84-42d1-a741-56e42599dc9a",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Yellow_a150 {
background-color: #e3c832;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"d29fd5e2-1e11-4106-ad89-ffe75fa5de90",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Yellow_a200 {
background-color: #edd448;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"04c355b9-1cc1-4b31-a4dc-e4db5a028858",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Yellow_a250 {
background-color: #f5df62;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"270e0bb5-979c-42a6-9126-857042c36cd7",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Orange_100 {
background-color: #754c23;
/*
{
Hex:"#744B22",
RGB:"r116 g75 b34",
guid:"10bc24d0-c2a6-4327-9960-ced18032ed2e",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Orange_150 {
background-color: #a16520;
/*
{
Hex:"#A0641F",
RGB:"r160 g100 b31",
guid:"ea1d5847-9320-4aac-98ec-198e701bf976",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Orange_200 {
background-color: #d18734;
/*
{
Hex:"#D08633",
RGB:"r208 g134 b51",
guid:"5e84a63b-02c0-4513-b989-08720832737a",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Orange_250 {
background-color: #e8963a;
/*
{
Hex:"#E79539",
RGB:"r231 g149 b57",
guid:"d16d400d-f2af-495d-a7be-db87753bba72",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Orange_a100 {
background-color: #f29833;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"4d5cd545-83e6-46a8-bd94-6a9e99d90026",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Orange_a150 {
background-color: #f29f3f;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"75e2a476-8da6-45c3-adc0-4d7d500ad12b",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Orange_a200 {
background-color: #f5aa53;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"0d4c57cd-77f1-46c6-82dd-bcdcf3107cb2",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Orange_a250 {
background-color: #ffb461;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"51296e7e-3646-4686-865a-33f29a683a7b",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Green_100 {
background-color: #295429;
/*
{
Hex:"#285328",
RGB:"r40 g83 b40",
guid:"0c9ebb2b-a11a-4eff-a004-8ebe8f7a864d",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Green_150 {
background-color: #386f38;
/*
{
Hex:"#376E37",
RGB:"r55 g110 b55",
guid:"f34e66a9-cebe-4c92-a715-5dcfec9f4cb8",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Green_200 {
background-color: #4b944a;
/*
{
Hex:"#4A9349",
RGB:"r74 g147 b73",
guid:"31c206df-af65-41c9-823d-617d733cd870",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Green_250 {
background-color: #58ad57;
/*
{
Hex:"#57AC56",
RGB:"r87 g172 b86",
guid:"a487cb84-4ec0-407e-a094-20d22ab88747",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Green_a100 {
background-color: #53b350;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"f4618a95-f0d3-4e29-aba2-719b9b6e6ba4",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Green_a150 {
background-color: #59bf57;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"dbe8f620-e3bf-4a0f-9336-50b2177d3a94",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Green_a200 {
background-color: #67c966;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"2c4234a7-0d16-40b1-ac78-d8a0b2434613",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Green_a250 {
background-color: #74d173;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"74206a10-7562-4efa-8bfd-1185fb3251aa",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Red_100 {
background-color: #632822;
/*
{
Hex:"#622721",
RGB:"r98 g39 b33",
guid:"aab5ddb2-634b-4752-9d52-2efae2d22d73",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Red_150 {
background-color: #853218;
/*
{
Hex:"#843117",
RGB:"r132 g49 b23",
guid:"e9791e86-f31c-4dd9-8be7-4eba9d3b61cb",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Red_200 {
background-color: #ab421f;
/*
{
Hex:"#AA411E",
RGB:"r170 g65 b30",
guid:"2f77f9a5-ecc7-4940-8cb9-131cd88bd597",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Red_250 {
background-color: #c75028;
/*
{
Hex:"#C64F27",
RGB:"r198 g79 b39",
guid:"647617d4-e986-49f9-9055-4a9277b45532",
accessibility_white_text:"AAaa",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Red_a100 {
background-color: #d15226;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"ec36a8f5-b27f-4b45-a937-0ef41be84866",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Red_a150 {
background-color: #d65d33;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"8d721bd3-479c-4006-9b86-f2af7f02dba9",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Red_a200 {
background-color: #e36a40;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"f0e4e732-25b2-4556-86ca-0dfa9692e77a",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Red_a250 {
background-color: #eb7953;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"a5e7ae65-2f04-496a-9042-c68071c36b87",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Purple_100 {
background-color: #3e3654;
/*
{
Hex:"#3D3553",
RGB:"r61 g53 b83",
guid:"97db6f2e-40f0-4abb-be42-b3e98b232d3d",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Purple_150 {
background-color: #4c3e6e;
/*
{
Hex:"#4B3D6D",
RGB:"r75 g61 b109",
guid:"8cb08557-9a65-4751-894c-2c3d417d157d",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Purple_200 {
background-color: #61518c;
/*
{
Hex:"#60508B",
RGB:"r96 g80 b139",
guid:"27291eee-8749-4c47-b4b0-7b9c6f7fce65",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Purple_250 {
background-color: #8070aa;
/*
{
Hex:"#7F6FA9",
RGB:"r127 g111 b169",
guid:"99825edd-7b96-45dc-91e0-6ddd52271e62",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Purple_a100 {
background-color: #846ebf;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"062f96f8-4251-43ab-8d47-0aaeff26ddb3",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Purple_a150 {
background-color: #927acc;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"dd3debdb-695d-4573-ad3f-7b2c1c4bf4c0",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Purple_a200 {
background-color: #9b87d9;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"63bb3eb0-0afb-414e-989a-eb767edfe051",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Purple_a250 {
background-color: #a393d1;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"996dbe04-551d-42c5-ac48-c8d332a08fc5",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Brown_100 {
background-color: #4b341d;
/*
{
Hex:"#4A331C",
RGB:"r74 g51 b28",
guid:"e1be3ec0-54a0-4743-bf47-abc26731417e",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Brown_150 {
background-color: #67441f;
/*
{
Hex:"#66431E",
RGB:"r102 g67 b30",
guid:"61f29613-6817-4852-8bde-a70fc4cd0276",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Brown_200 {
background-color: #8c5e2b;
/*
{
Hex:"#8B5D2A",
RGB:"r139 g93 b42",
guid:"b6d25db6-455a-4603-aae0-2727b1999aa2",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Brown_250 {
background-color: #a67032;
/*
{
Hex:"#A56F31",
RGB:"r65 g111 b49",
guid:"e6f939eb-ae27-4437-92cf-06473463e65d",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Brown_a100 {
background-color: #b37936;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"1999a103-35ca-4b80-8a67-d3cbeca8225c",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Brown_a150 {
background-color: #cc8a3d;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"fa114b3d-2ce1-4d1d-b0b2-a1743dda8f88",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Brown_a200 {
background-color: #d9974c;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"3bdc321f-a3ca-4b74-8bc6-d7ad4afb0ae5",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
.Calcite_Brown_a250 {
background-color: #dea664;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"2fe3c649-8ff6-4196-bb16-6a08317ebdfd",
accessibility_white_text:"",
accessibility_black_text:""
}
*/ }
/*# sourceMappingURL=calcite_core_colors_dark.css.map */

View file

@ -0,0 +1,177 @@
/* Esri Calcite Gray Colors - Last Updated 04/16/15 */
/*
{
name: "Calcite Gray Colors",
tags: "Calcite Gray,Calcite"
}
*/
/* -- Calcite Gray -- */
.Calcite_Gray_050 {
background-color: #ffffff;
/*
{
Hex:"#FFFFFF",
RGB:"r0 g0 b0",
guid:"ce3816ba-9d1f-4868-9741-923892cf8359",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Gray_100 {
background-color: #f8f8f8;
/*
{
Hex:"#F8F8F8",
RGB:"r248 g248 b248",
guid:"d985a8fd-7fje-4c8e-9af4-dbda932b8cfe",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Gray_150 {
background-color: #f4f4f4;
/*
{
Hex:"#F4F4F4",
RGB:"r244 g244 b244",
guid:"2844bcc7-292d-40fd-9fe8-cfb44729dd2d",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Gray_200 {
background-color: #efefef;
/*
{
Hex:"#EFEFEF",
RGB:"r239 g239 b239",
guid:"32d31fab-4659-4b9f-926f-5fcc0735acaf",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Gray_250 {
background-color: #e7e7e7;
/*
{
Hex:"#E7E7E7",
RGB:"r231 g231 b231",
guid:"2cf7c448-98d5-4d8f-9ce4-9bfcccd6e973",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Gray_300 {
background-color: #e0e0e0;
/*
{
Hex:"#E0E0E0",
RGB:"r224 g224 b224",
guid:"9ffbb3ee-4a62-4a28-989a-443b47bf6a72",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Gray_350 {
background-color: #cccccc;
/*
{
Hex:"#CCCCCC",
RGB:"204 g204 b204",
guid:"1dcd7c34-ccc5-4dde-82fa-e79ae93eee91",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Gray_400 {
background-color: #a9a9a9;
/*
{
Hex:"#A9A9A9",
RGB:"r169 g169 b169",
guid:"d07d2783-274b-4e08-965d-7745b9bf6f4e",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Gray_450 {
background-color: #959595;
/*
{
Hex:"#959595",
RGB:"r149 g149 b149",
guid:"172ca0df-3ace-4f3a-b00d-81b65b16b517",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Gray_500 {
background-color: #828282;
/*
{
Hex:"#828282",
RGB:"r130 g130 b130",
guid:"6661ca1b-50d1-40d4-b232-1f2833191e8e",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Gray_550 {
background-color: #6e6e6e;
/*
{
Hex:"#6E6E6E",
RGB:"r110 g110 b110",
guid:"bbe54a4f-b5f3-4d9c-860a-cb9231acd5bb",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Gray_600 {
background-color: #595959;
/*
{
Hex:"#595959",
RGB:"r89 g89 b89",
guid:"7549be08-fad2-41ac-973a-977f6dbd8359",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Gray_650 {
background-color: #4c4c4c;
/*
{
Hex:"#4C4C4C",
RGB:"r76 g76 b76",
guid:"22c404ce-81f7-4e71-9546-704b35497f83",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Gray_700 {
background-color: #323232;
/*
{
Hex:"#323232",
RGB:"r51 g51 b51",
guid:"6776d7ab-2580-4c96-af05-18f006b2818f",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
/*# sourceMappingURL=calcite_gray_colors.css.map */

View file

@ -0,0 +1,169 @@
.Calcite_Gray_050 {
background-color: #242424;
/*
{
Hex:"#232323",
RGB:"r35 g35 b35",
guid:"e6e0234a-c28d-4edd-a7d0-b40b4605bdfc",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Gray_100 {
background-color: #333333;
/*
{
Hex:"#323232",
RGB:"r50 g50 b50",
guid:"b60836ad-9cef-4ade-8523-19235537650a",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Gray_150 {
background-color: #363636;
/*
{
Hex:"#353535",
RGB:"r53 g53 b53",
guid:"3432c105-8cdb-4907-8963-faf75c927f03",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Gray_200 {
background-color: #404040;
/*
{
Hex:"#3F3F3F",
RGB:"r63 g63 b63",
guid:"b84bf4f6-1cae-459b-930a-5f5fcc0814d9",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Gray_250 {
background-color: #474747;
/*
{
Hex:"#474747",
RGB:"r71 g71 b71",
guid:"a55c42af-16f0-49d3-be7e-e104a373823a",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Gray_300 {
background-color: #4c4c4c;
/*
{
Hex:"#4C4C4C",
RGB:"r76 g76 b76",
guid:"5a10d414-5c14-47f9-9f35-0c3eadfc0066",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Gray_350 {
background-color: #5c5c5c;
/*
{
Hex:"#5B5B5B",
RGB:"r91 g91 b91",
guid:"9d182d36-1287-4045-a30c-c4b41136e8ce",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Gray_400 {
background-color: #666666;
/*
{
Hex:"#656565",
RGB:"r101 g101 b101",
guid:"363105b0-331d-45fc-84a2-7a3f78ad9147",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Gray_450 {
background-color: #787878;
/*
{
Hex:"#777777",
RGB:"r119 g119 b119",
guid:"88be1c15-6196-4fe6-ab22-a68c85f73906",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Gray_500 {
background-color: #8a8a8a;
/*
{
Hex:"#898989",
RGB:"r137 g137 b137",
guid:"83e3bd4a-d5ef-4138-b154-fadfd814b68b",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Gray_550 {
background-color: #9e9e9e;
/*
{
Hex:"#9E9E9E",
RGB:"r158 g158 b158",
guid:"1797e19d-e393-46b9-8060-1fa22d0cf09a",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Gray_600 {
background-color: #adadad;
/*
{
Hex:"#ADADAD",
RGB:"r173 g173 b173",
guid:"23a8cfb8-5e9d-4571-8766-d4a8462b60f1",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Gray_650 {
background-color: #bdbdbd;
/*
{
Hex:"#BCBCBC",
RGB:"r188 g188 b188",
guid:"c29b67a2-9131-49d5-ab80-3ee85860cc7b",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Gray_700 {
background-color: #d1d1d1;
/*
{
Hex:"#D1D1D1",
RGB:"r209 g209 b209",
guid:"cc981671-db23-4d82-89b7-58e591931755",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
/*# sourceMappingURL=calcite_gray_colors_dark.css.map */

View file

@ -0,0 +1,178 @@
/* Esri Calcite Highlight Colors - Last Updated 04/16/15 */
/*
{
name: "Calcite Highlight Colors",
tags: "Calcite Highlight,Calcite"
}
*/
/* -- Calcite Highlight_Blue -- */
.Calcite_Highlight_Blue_100 {
background-color: #e2f1fb;
/*
{
Hex:"#E2F1FB",
RGB:"r226 g241 b251",
guid:"8b5be565-e51a-4eb8-baf7-af65c997551a",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Highlight_Blue_150 {
background-color: #c5e5f9;
/*
{
Hex:"#C5E5F9",
RGB:"r197 g229 b249",
guid:"9ea9ad6a-8756-4ee5-9b8f-60f22aa52037",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Highlight_Blue_200 {
background-color: #aadbfa;
/*
{
Hex:"#AADBFA",
RGB:"r170 g219 b250",
guid:"315b751c-4c08-4469-8587-19f54c6edb46",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Highlight_Blue_250 {
background-color: #90cdf2;
/*
{
Hex:"#90CDF2",
RGB:"r144 g205 b242",
guid:"e141cb8a-7fe9-4b74-8726-72532d4b7b7a",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Highlight_Blue_300 {
background-color: #80bce0;
/*
{
Hex:"#80BCE0",
RGB:"r128 g188 b224",
guid:"5b9adabc-a827-4f50-bd89-af5ac458ea90",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Highlight_Blue_350 {
background-color: #0079c1;
/*
{
Hex:"#0079C1",
RGB:"r0 g122 b194",
guid:"d5c8b27f-6ed8-40cf-9d8c-b8c05308a89e",
accessibility_white_text:"AAaa",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Highlight_Blue_400 {
background-color: #005e95;
/*
{
Hex:"#005E95",
RGB:"r0 g95 b150",
guid:"c41634a1-1512-4547-9553-7bc9764beed6",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
/* -- Calcite Highlight Green -- */
.Calcite_Highlight_Green_100 {
background-color: #cfedcc;
/*
{
Hex:"#CFEDCC",
RGB:"r208 g238 b205",
guid:"2cd4fa57-8564-49ca-b94f-ac70f2cf7258",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Highlight_Green_150 {
background-color: #b0e2b0;
/*
{
Hex:"#B0E2B0",
RGB:"r177 g227 b177",
guid:"d9795a5a-7bd2-4400-97de-ca31341a9052",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Highlight_Green_200 {
background-color: #96ce96;
/*
{
Hex:"#96CE96",
RGB:"r151 g207 b151",
guid:"bcd0fd45-c285-40af-891c-575ded969b43",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Highlight_Green_250 {
background-color: #7dc17d;
/*
{
Hex:"#7DC17D",
RGB:"r126 g194 b126",
guid:"52ef3852-41d5-45cd-b553-47e730f54404",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Highlight_Green_300 {
background-color: #7bb974;
/*
{
Hex:"#7BB974",
RGB:"r124 g186 b117",
guid:"2e87a1a5-329b-4d62-b390-78c4f278d60e",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Highlight_Green_350 {
background-color: #31872e;
/*
{
Hex:"#31872E",
RGB:"r49 g135 b46",
guid:"60da2746-4031-485b-9a54-74027c4c9421",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Highlight_Green_400 {
background-color: #2b622b;
/*
{
Hex:"#2B622B",
RGB:"r44 g99 b44",
guid:"1012ac72-462a-4a94-9fcc-79059a273eba",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
/*# sourceMappingURL=calcite_highlight_colors.css.map */

View file

@ -0,0 +1,169 @@
.Calcite_Highlight_Blue_100 {
background-color: #294a66;
/*
{
Hex:"#284965",
RGB:"r40 g73 b101",
guid:"9d9b40c8-bcf8-4daf-bc2e-cda7a945dbfe",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Highlight_Blue_150 {
background-color: #3d6e99;
/*
{
Hex:"#3C6D98",
RGB:"r60 g109 b152",
guid:"abff3827-47ce-48cd-ad38-3fdd15fdf403",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Highlight_Blue_200 {
background-color: #1061a6;
/*
{
Hex:"#1061A5",
RGB:"r16 g97 b165",
guid:"7eb5c97a-acb0-402c-9144-efebee945178",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Highlight_Blue_250 {
background-color: #136fbf;
/*
{
Hex:"#136FBF",
RGB:"r19 g111 b191",
guid:"0cb9beea-9b8c-4c65-9248-4a5b18531fba",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Highlight_Blue_300 {
background-color: #2183d9;
/*
{
Hex:"#80BCE0",
RGB:"r128 g188 b224",
guid:"38f2919c-06ad-460a-8b0c-0a744db64124",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Highlight_Blue_350 {
background-color: #2493f2;
/*
{
Hex:"#2493F2",
RGB:"r36 g147 b242",
guid:"2ca7fdf2-ec0c-476d-87a9-9f380f87e8e0",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Highlight_Blue_400 {
background-color: #40a7ff;
/*
{
Hex:"#3FA6FF",
RGB:"r63 g166 b255",
guid:"0e23bbec-ea9a-4141-8ff5-85eff51dcd02",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Highlight_Green_100 {
background-color: #205920;
/*
{
Hex:"#1f581f",
RGB:"r31 g88 b31",
guid:"7afcbda4-d694-4058-84ba-3f088eea4e7c",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Highlight_Green_150 {
background-color: #478c47;
/*
{
Hex:"#468b46",
RGB:"r70 g139 b70",
guid:"434a4524-83a7-44e4-abbf-2b0e138deff3",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Highlight_Green_200 {
background-color: #257a25;
/*
{
Hex:"#247924",
RGB:"r36 g121 b36",
guid:"c631a293-e5f6-46bf-973b-979c870239f7",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Highlight_Green_250 {
background-color: #2a8c2a;
/*
{
Hex:"#298b29",
RGB:"r41 g139 b41",
guid:"fb0fa22b-7ef8-4658-9c13-b657587aacbf",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Highlight_Green_300 {
background-color: #31a331;
/*
{
Hex:"#30a230",
RGB:"r48 g162 b48",
guid:"326cee71-a89f-4d7c-8eaa-3089d1587f40",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Highlight_Green_350 {
background-color: #34ad34;
/*
{
Hex:"#33ac33",
RGB:"r51 g172 b51",
guid:"75d53b8a-d9e6-42e4-87f8-b8c0e6b14b04",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Highlight_Green_400 {
background-color: #39bf39;
/*
{
Hex:"#38be38",
RGB:"r56 g190 b56",
guid:"63b45775-fd77-49b8-a86b-a8fdd0b24d14",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
/*# sourceMappingURL=calcite_highlight_colors_dark.css.map */

View file

@ -0,0 +1,273 @@
/* Esri Calcite Vibrant Colors - Last Updated 04/16/15 */
/*
{
name: "Calcite Vibrant Colors",
tags: "Calcite Vibrant,Calcite"
}
*/
/* -- Calcite Vibrant_Blue -- */
.Calcite_Vibrant_Blue_100 {
background-color: #c7e9ff;
/*
{
Hex:"#C7E9FF",
RGB:"r199 g233 b255",
guid:"f16ccaa6-04ab-4987-a1ec-4f3237839027",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Blue_150 {
background-color: #69dcff;
/*
{
Hex:"#69DCFF",
RGB:"r105 g220 b255",
guid:"6f2a2e80-a057-4a0c-82d7-4cfd61c879a1",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Blue_200 {
background-color: #00dee7;
/*
{
Hex:"#00DEE7",
RGB:"r0 g222 b231",
guid:"c601933c-ce51-41b6-b673-d806dc3f3e70",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Blue_250 {
background-color: #b3e9f9;
/*
{
Hex:"#B3E9F9",
RGB:"r179 g233 b249",
guid:"04e45f44-5d64-4fd1-89e0-bfaa370ec07f",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Yellow_100 {
background-color: #ffefb7;
/*
{
Hex:"#FFEFB7",
RGB:"r255 g239 b183",
guid:"a6c30ee4-200a-41f6-9aef-ad61262df6ad",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Yellow_150 {
background-color: #fad817;
/*
{
Hex:"#FAD817",
RGB:"r250 g216 b23",
guid:"44e4a34c-79ae-4c80-872b-8931e39f3519",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Yellow_200 {
background-color: #fff000;
/*
{
Hex:"#FFF000",
RGB:"r255 g240 b0",
guid:"584c655a-ab63-45eb-b900-51d2541f0404",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Orange_100 {
background-color: #ffdab6;
/*
{
Hex:"#FFDAB6",
RGB:"r255 g217 b181",
guid:"97aade8f-6471-4d29-adb7-a51440e04ac5",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Orange_150 {
background-color: #ffbc6b;
/*
{
Hex:"#FFBC6D",
RGB:"r255 g187 b106",
guid:"725e3a5a-dd72-4189-a64b-bc904d3ab4e2",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Orange_200 {
background-color: #ffcc00;
/*
{
Hex:"#FFCC00",
RGB:"r255 g203 b0",
guid:"a360d6ed-89b0-420b-b7a6-a7bda9e0eed3",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Green_100 {
background-color: #daffd9;
/*
{
Hex:"#DAFFD9",
RGB:"r218 g255 b217",
guid:"5b12373e-3bb1-4334-93fb-8bab6264e79e",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Green_150 {
background-color: #71de6e;
/*
{
Hex:"#71DE6E",
RGB:"r113 g222 b110",
guid:"71c4d11c-1a9a-41b9-a3fd-988c3da79b8c",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Green_200 {
background-color: #a5e800;
/*
{
Hex:"#A5E800",
RGB:"r165 g232 b0",
guid:"2a8512c5-beae-4889-b75a-9146e178dce1",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Red_100 {
background-color: #ffc0b3;
/*
{
Hex:"#FFC0B3",
RGB:"r255 g192 b179",
guid:"463b658b-c27b-4323-a9f1-307a4aeec38e",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Red_150 {
background-color: #ff642e;
/*
{
Hex:"#FF642E",
RGB:"r255 g100 b46",
guid:"a8f0ff9b-3205-4b82-be41-6c184c7bc3a6",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Red_200 {
background-color: #de2900;
/*
{
Hex:"#DE2900",
RGB:"r222 g41 b0",
guid:"2144446b-9b48-46ba-a006-1c435c401d9b",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Vibrant_Purple_100 {
background-color: #daccff;
/*
{
Hex:"#DACCFF",
RGB:"r218 g204 b255",
guid:"6dae4600-41dd-4239-bae6-ea589fbe0183",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Purple_150 {
background-color: #b096ff;
/*
{
Hex:"#B096FF",
RGB:"r176 g150 b255",
guid:"0679b073-7f94-42db-99cf-9b2608501e0a",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Purple_200 {
background-color: #f185ff;
/*
{
Hex:"#F185FF",
RGB:"r241 g133 b255",
guid:"124bfbab-0bba-4d05-9163-40f34a372f5f",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Brown_100 {
background-color: #ffdbb3;
/*
{
Hex:"#FFDBB3",
RGB:"r255 g219 b179",
guid:"8a4fc6ef-b831-4c85-9c81-06686baad81b",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Brown_150 {
background-color: #db8d2f;
/*
{
Hex:"#DB8D2F",
RGB:"r219 g141 b47",
guid:"45efb8bb-fdba-41d8-8e35-b8fe77869d81",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Brown_200 {
background-color: #ffbc6b;
/*
{
Hex:"#FFBC6B",
RGB:"r255 g188 b107",
guid:"a59cae25-9fce-459e-80b0-eafdff499a00",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
/*# sourceMappingURL=calcite_vibrant_colors.css.map */

View file

@ -0,0 +1,265 @@
.Calcite_Vibrant_Blue_100 {
background-color: #1376bf;
/*
{
Hex:"#1275BE",
RGB:"r18 g117 b190",
guid:"cd7d5208-4b1d-4ded-a32c-d255f3abb3a7",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Vibrant_Blue_150 {
background-color: #0089f0;
/*
{
Hex:"#0088EF",
RGB:"r0 g136 b239",
guid:"9d362f4a-4df1-4912-93fe-6ba8a5811b36",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Blue_200 {
background-color: #00c0f0;
/*
{
Hex:"#00BFEF",
RGB:"r0 g191 b239",
guid:"0de86406-710c-4887-9712-e12a7dfa0362",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Blue_250 {
background-color: #00b5b9;
/*
{
Hex:"#00B4BC",
RGB:"r0 g180 b188",
guid:"80bd24b8-df54-4d1a-8ebb-26e834eefd63",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Yellow_100 {
background-color: #917b00;
/*
{
Hex:"#917B00",
RGB:"r145 g123 b0",
guid:"1f92d8db-ac14-40c1-83d0-1d5db3b17548",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Yellow_150 {
background-color: #c7a900;
/*
{
Hex:"#C7A900",
RGB:"r199 g169 b0",
guid:"0c11a9d9-54d7-4844-a66a-aa957b72b435",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Yellow_200 {
background-color: #ffd800;
/*
{
Hex:"#FFD800",
RGB:"r255 g216 b0",
guid:"ef5dd2fc-2972-498e-9f03-9a55922bb597",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Orange_100 {
background-color: #a15600;
/*
{
Hex:"#A05500",
RGB:"r160 g85 b0",
guid:"71388981-779b-4fa2-b373-c98a7c8dd9e2",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Vibrant_Orange_150 {
background-color: #cf7d1f;
/*
{
Hex:"#CE7C1E",
RGB:"r206 g124 b30",
guid:"e1008f42-2e5f-495f-a7ec-e69eb4dafb18",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Orange_200 {
background-color: #ffc415;
/*
{
Hex:"#FFC314",
RGB:"r255 g195 b20",
guid:"1d148e0c-418d-43f2-9e01-9994606cde2e",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Green_100 {
background-color: #386f38;
/*
{
Hex:"#376E37",
RGB:"r55 g110 b55",
guid:"ea2bead1-e919-4684-a4ae-66b6be54dd32",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Vibrant_Green_150 {
background-color: #59d152;
/*
{
Hex:"#58D051",
RGB:"r88 g208 b81",
guid:"34de12dc-c22a-4f9a-9d36-9efb45cff4c6",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Green_200 {
background-color: #85e800;
/*
{
Hex:"#A4E700",
RGB:"r164 g231 b0",
guid:"8959874c-3160-40b1-a9cc-bfdc7800b520",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Red_100 {
background-color: #751d00;
/*
{
Hex:"#741C00",
RGB:"r116 g28 b0",
guid:"ccf3b82c-1feb-4951-8059-2b0c5ddda49a",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Vibrant_Red_150 {
background-color: #993516;
/*
{
Hex:"#983415",
RGB:"r152 g52 b21",
guid:"be7392cc-0de9-4741-9f65-0f1bc65baac1",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Vibrant_Red_200 {
background-color: #e65c2e;
/*
{
Hex:"#E55B2D",
RGB:"r229 g91 b45",
guid:"b874b8ed-3493-4a6d-913a-d7d00801f893",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Purple_100 {
background-color: #503691;
/*
{
Hex:"#4F3590",
RGB:"r79 g53 b144",
guid:"beb0f9ad-3d3a-4231-89b4-344ed3567802",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Vibrant_Purple_150 {
background-color: #754fd4;
/*
{
Hex:"#744ED3",
RGB:"r116 g78 b211",
guid:"fb718f2f-104d-4299-adae-a39165c2c90a",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Vibrant_Purple_200 {
background-color: #9b4ba6;
/*
{
Hex:"#9A4AA5",
RGB:"r154 g74 b65",
guid:"b5863254-85f6-479b-aa78-2c35796a6365",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Vibrant_Brown_100 {
background-color: #673d10;
/*
{
Hex:"#663C0F",
RGB:"r102 g60 b15",
guid:"d6abdd92-ea9d-4d39-9190-4d1ab1c6e81c",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/ }
.Calcite_Vibrant_Brown_150 {
background-color: #995d18;
/*
{
Hex:"#985C17",
RGB:"r152 g92 b23",
guid:"024d248d-7fff-4a37-afae-d715bae79065",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Vibrant_Brown_200 {
background-color: #df8c39;
/*
{
Hex:"#D38B38",
RGB:"r211 g139 b56",
guid:"8e60415c-3325-40b8-9dee-37eb5d53be08",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
/*# sourceMappingURL=calcite_vibrant_colors_dark.css.map */

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,464 @@
/* Esri Brand Colors - Last Updated 04/16/15 */
@import "../../scss/variables";
/*
{
name: "Esri Brand Colors",
tags: "Brand Colors,Brand"
}
*/
/* -- Esri Brand Blue -- */
.Brand_Blue_100 {
background-color: $Brand_Blue_100;
/*
{
Hex:"#b9e0f7",
CMYK:"c25 m2 y0 k0",
AdobeRGB:"r196 g223 b246",
sRGB:"r185 g224 b247",
guid:"487af1c6-5547-4727-9716-913b4d0b3a7a",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Brand_Blue_150 {
background-color: $Brand_Blue_150;
/*
{
Hex:"#00b9f2",
CMYK:"c80 m0 y0 k0",
AdobeRGB:"r75 g184 b239",
sRGB:"r0 g185 b242",
guid:"a6395586-91ea-4893-932a-571b66582a67",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Brand_Blue_200 {
background-color: $Brand_Blue_200;
/*
{
Hex:"#007ac2",
CMYK:"c100 m43 y0 k0",
AdobeRGB:"r23 g121 b191",
sRGB:"r0 g122 b194",
guid:"f1c219e1-ef6a-46be-9a4e-fa0b5dc5a552",
accessibility_white_text:"AAaa",
accessibility_black_text:"AAaa"
}
*/
}
.Brand_Blue_250 {
background-color: $Brand_Blue_250;
/*
{
Hex:"#004575",
CMYK:"c100 m43 y0 k50",
AdobeRGB:"r0 g71 b115",
sRGB:"r0 g69 b117",
guid:"ba4e2698-0172-4983-81ff-c22b0ab7f0d3",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
/* -- Esri Brand Warm -- */
.Brand_Yellow_100 {
background-color: $Brand_Yellow_100;
/*
{
Hex:"#ffec4f",
CMYK:"c0 m3 y80 k0",
AdobeRGB:"r245 g235 b93",
sRGB:"r225 g236 b79",
guid:"2af4ee33-7083-40b6-ac44-9f905f0a266f",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Brand_Orange_100 {
background-color: $Brand_Orange_100;
/*
{
Hex:"#f89927",
CMYK:"c0 m45 y95 k0",
AdobeRGB:"r226 g152 b54",
sRGB:"r248 g153 b39",
guid:"12e5df75-11dc-400f-939f-c7d8bd7a95f8",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Brand_Orange_150 {
background-color: $Brand_Orange_150;
/*
{
Hex:"#f36f20",
CMYK:"c0 m70 y100 k0",
AdobeRGB:"r215 g111 b44",
sRGB:"r243 g111 b32",
guid:"d64dcde0-f5b5-4689-93f7-8313175ef618",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Brand_Orange_200 {
background-color: $Brand_Orange_200;
/*
{
Hex:"#da4d1e",
CMYK:"c0 m82 y100 k10",
AdobeRGB:"r190 g79 b38",
sRGB:"r218 g77 b30",
guid:"6cbe3a22-21ae-4e54-af13-e0db797a6346",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Brand_Red_100 {
background-color: $Brand_Red_100;
/*
{
Hex:"#de2900",
CMYK:"c7 m95 y100 k0",
AdobeRGB:"r0 g0 b0",
sRGB:"r222 g41 b0",
guid:"ca450d51-156e-4d0d-a1e6-49205555fc4b",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
/* -- Esri Brand Green -- */
.Brand_Green_100 {
background-color: $Brand_Green_100;
/*
{
Hex:"#d1e391",
CMYK:"c20 m0 y55 k0",
AdobeRGB:"r213 g226 b148",
sRGB:"r209 g227 b145",
guid:"74d795a0-7cc4-4cf5-8d6d-4ae147179d93",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Brand_Green_150 {
background-color: $Brand_Green_150;
/*
{
Hex:"#aad04b",
CMYK:"c38 m0 y90 k0",
AdobeRGB:"r180 g207 b87",
sRGB:"r170 g208 b75",
guid:"c0bead6b-3d92-4fb0-a126-f73517e33f8c",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Brand_Green_200 {
background-color: $Brand_Green_200;
/*
{
Hex:"#35ac46",
CMYK:"c75 m0 y100 k5",
AdobeRGB:"r105 g170 b79",
sRGB:"r53 g172 b70",
guid:"f23988a2-1cde-490f-940e-7bdf39db9f52",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Brand_Green_250 {
background-color: $Brand_Green_250;
/*
{
Hex:"#2a7433",
CMYK:"c73 m9 y94 k39",
AdobeRGB:"r74 g115 b58",
sRGB:"r42 g116 b51",
guid:"f270cfb7-6cd9-4597-ba90-d812fb7f65d3",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
/* -- Esri Brand Purple -- */
.Brand_Purple_100 {
background-color: $Brand_Purple_100;
/*
{
Hex:"#dfcce3",
CMYK:"c10 m20 y0 k0",
AdobeRGB:"r217 g203 b226",
sRGB:"r223 g203 b227",
guid:"d5b964e1-cebf-4e38-973d-ec272a90371d",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Brand_Purple_150 {
background-color: $Brand_Purple_150;
/*
{
Hex:"#b279b4",
CMYK:"c30 m60 y0 k0",
AdobeRGB:"r163 g121 b177",
sRGB:"r178 g122 b179",
guid:"05c574ef-8588-4e97-9251-9130f9193978",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Brand_Purple_200 {
background-color: $Brand_Purple_200;
/*
{
Hex:"#8f499c",
CMYK:"c50 m85 y0 k0",
AdobeRGB:"r127 g74 b152",
sRGB:"r142 g73 b155",
guid:"4efa3594-8b85-4b71-8f7f-d5e38ba8cca3",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Brand_Purple_250 {
background-color: $Brand_Purple_250;
/*
{
Hex:"#6b1978",
CMYK:"c60 m100 y0 k20",
AdobeRGB:"r93 g32 b117",
sRGB:"r102 g26 b100",
guid:"462cd8c4-ea73-40ac-8d22-ccce6b27f25b",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
/* -- Esri Brand Brown -- */
.Brand_Brown_100 {
background-color: $Brand_Brown_100;
/*
{
Hex:"#ecdcb9",
CMYK:"c2 m7 y26 k5",
AdobeRGB:"r232 g219 b185",
sRGB:"r236 g220 b185",
guid:"942a8da4-fa03-4d1f-977e-a6327c8c0a14",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Brand_Brown_150 {
background-color: $Brand_Brown_150;
/*
{
Hex:"#be9969",
CMYK:"c7 m27 y55 k22",
AdobeRGB:"r179 g152 b107",
sRGB:"r190 g153 b105",
guid:"854a356c-36b8-4c14-a54f-dca3c85ba2e1",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Brand_Brown_200 {
background-color: $Brand_Brown_200;
/*
{
Hex:"#7b4f1c",
CMYK:"c17 m52 y87 k50",
AdobeRGB:"r112 g80 b37",
sRGB:"r123 g79 b28",
guid:"240ba3a7-fec3-4639-bbb8-ed38a47743ae",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Brand_Brown_250 {
background-color: $Brand_Brown_250;
/*
{
Hex:"#523b20",
CMYK:"c25 m45 y70 k70",
AdobeRGB:"r78 g62 b39",
sRGB:"r82 g59 b32",
guid:"e7975f09-420f-4467-bbe4-1f9292b1abf8",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
/* -- Esri Brand Gray -- */
.Brand_Gray_100 {
background-color: $Brand_Gray_100;
/*
{
Hex:"#b4b4b4",
CMYK:"c0 m0 y0 k35",
AdobeRGB:"r178 g178 b178",
sRGB:"r180 g180 b180",
guid:"d985a8fd-68f3-4c8e-9af4-dbda932b8cfe",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Brand_Gray_150 {
background-color: $Brand_Gray_150;
/*
{
Hex:"#969696",
CMYK:"c0 m0 y0 k50",
AdobeRGB:"r150 g150 b150",
sRGB:"r150 g150 b150",
guid:"b8fdaa89-975e-45b8-b001-abfb359eb0d1",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Brand_Gray_200 {
background-color: $Brand_Gray_200;
/*
{
Hex:"#6e6e6e",
CMYK:"c0 m0 y0 k70",
AdobeRGB:"r110 g110 b110",
sRGB:"r110 g110 b110",
guid:"520fe793-6207-4373-9b30-9584d69eed2a",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Brand_Gray_250 {
background-color: $Brand_Gray_250;
/*
{
Hex:"#464646",
CMYK:"c0 m0 y0 k88",
AdobeRGB:"r71 g71 b71",
sRGB:"r70 g70 b70",
guid:"404d0353-df2a-41fd-8c66-24604343d84c",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}

View file

@ -0,0 +1,967 @@
/* Esri Calcite Core Colors - Last Updated 04/16/15 */
@import "../../scss/variables";
/*
{
name: "Calcite Core Colors",
tags: "Calcite Core,Calcite"
}
*/
/* -- Calcite Core Blue -- */
.Calcite_Blue_100 {
background-color: $Calcite_Blue_100;
/*
{
Hex:"#D2E9F9",
RGB:"r221 g234 b249",
guid:"4655dee8-192b-4fdd-bd76-a3026c629763",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Blue_150 {
background-color: $Calcite_Blue_150;
/*
{
Hex:"#BCDAED",
RGB:"r189 g219 b238",
guid:"9ba1245d-dd02-4dc1-ac28-fa2048fc1627",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Blue_200 {
background-color: $Calcite_Blue_200;
/*
{
Hex:"#6CB4E2",
RGB:"r109 g181 b227",
guid:"88e16018-ce1b-4ef2-ab21-e7ee260a217a",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Blue_250 {
background-color: $Calcite_Blue_250;
/*
{
Hex:"#56A5D8",
RGB:"r87 g166 b217",
guid:"d36d7477-5d0f-46fe-a5c9-0cd59b4028d6",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Blue_a100 {
background-color: $Calcite_Blue_a100;
/*
{
Hex:"#49B0F2",
RGB:"r73 g176 b242",
guid:"e22efb06-71b5-4ee0-b1ce-9c599df2ac9d",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Blue_a150 {
background-color: $Calcite_Blue_a150;
/*
{
Hex:"#419ED9",
RGB:"r65 g158 b217",
guid:"64d227d5-55fa-4c78-af72-64bc4e5c2dac",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Blue_a200 {
background-color: $Calcite_Blue_a200;
/*
{
Hex:"#3B8FC4",
RGB:"r59 g143 b196",
guid:"d4a595a8-8c99-4776-ad24-5db864faf1d4",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Blue_a250 {
background-color: $Calcite_Blue_a250;
/*
{
Hex:"#196FA6",
RGB:"r25 g111 b166",
guid:"cead1d1f-5cd2-4b80-86ec-0fe7c35323bc",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
/* -- Calcite Core Yellow -- */
.Calcite_Yellow_100 {
background-color: $Calcite_Yellow_100;
/*
{
Hex:"#F3EDC7",
RGB:"r244 g238 b200",
guid:"b4ad1067-29aa-4d47-acf1-365dc5779e43",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Yellow_150 {
background-color: $Calcite_Yellow_150;
/*
{
Hex:"#EFE397",
RGB:"r240 g228 b152",
guid:"74554988-b164-47dd-9bd7-8714503bfedd",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Yellow_200 {
background-color: $Calcite_Yellow_200;
/*
{
Hex:"#E4D154",
RGB:"r229 g210 b85",
guid:"e1ac1163-5f62-4239-a0a4-35a421d2b82d",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Yellow_250 {
background-color: $Calcite_Yellow_250;
/*
{
Hex:"#D8C34B",
RGB:"r217 g196 b76",
guid:"bb431533-9ae1-4c1f-bf70-6b9234ec4065",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Yellow_a100 {
background-color: $Calcite_Yellow_a100;
/*
{
Hex:"#F2D530",
RGB:"r242 g213 b48",
guid:"72bc84b6-854a-4b65-ac7a-fd894d3d73b0",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Yellow_a150 {
background-color: $Calcite_Yellow_a150;
/*
{
Hex:"#D9BF2B",
RGB:"r217 g191 b43",
guid:"45dfb92c-ca20-404a-b761-50df7d6d55ac",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Yellow_a200 {
background-color: $Calcite_Yellow_a200;
/*
{
Hex:"#BDA726",
RGB:"r189 g167 b38",
guid:"be6f0c4d-ab00-40f2-9df5-8e5ea1ac4fea",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Yellow_a250 {
background-color: $Calcite_Yellow_a250;
/*
{
Hex:"#A68D00",
RGB:"r166 g141 b0",
guid:"ed030b74-86fe-481e-85c1-abe97b1cd9bb",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
/* -- Calcite Core Orange -- */
.Calcite_Orange_100 {
background-color: $Calcite_Orange_100;
/*
{
Hex:"#FBE1C2",
RGB:"r251 g226 b195",
guid:"5367b7b0-a1a3-4cf4-bb02-89af77834fc3",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Orange_150 {
background-color: $Calcite_Orange_150;
/*
{
Hex:"#F6CA92",
RGB:"r247 g203 b147",
guid:"751dde41-e219-4130-b096-50252d454d0c",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Orange_200 {
background-color: $Calcite_Orange_200;
/*
{
Hex:"#EDA959",
RGB:"r238 g170 b90",
guid:"08a9135b-e9ba-44c3-a7b9-aafaee9ba634",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Orange_250 {
background-color: $Calcite_Orange_250;
/*
{
Hex:"#E79C47",
RGB:"r232 g157 b72",
guid:"a01870e1-ceb4-424b-927d-21e794a92da7",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Orange_a100 {
background-color: $Calcite_Orange_a100;
/*
{
Hex:"#FF9F33",
RGB:"r255 g159 b51",
guid:"1d63fc35-0b74-4f2b-a0a4-0a5f72a4c630",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Orange_a150 {
background-color: $Calcite_Orange_a150;
/*
{
Hex:"#E8912E",
RGB:"r232 g145 b46",
guid:"f92a6f43-90a3-4007-8758-3305b07542d7",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Orange_a200 {
background-color: $Calcite_Orange_a200;
/*
{
Hex:"#D17E21",
RGB:"r209 g126 b33",
guid:"66ef990d-1980-499a-8ad7-a2027e473954",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Orange_a250 {
background-color: $Calcite_Orange_a250;
/*
{
Hex:"#AD6511",
RGB:"r173 g101 b17",
guid:"861cc1ae-dce3-4272-a55c-1d3c7c9f068a",
accessibility_white_text:"AAaa",
accessibility_black_text:"AAaa"
}
*/
}
/* -- Calcite Core Green -- */
.Calcite_Green_100 {
background-color: $Calcite_Green_100;
/*
{
Hex:"#DDEEDB",
RGB:"r221 g238 b219",
guid:"e308a3ec-840e-4a77-a51b-df5ce37ff3bb",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Green_150 {
background-color: $Calcite_Green_150;
/*
{
Hex:"#9BC19C",
RGB:"r155 g194 b156",
guid:"79c4211e-4942-41af-ab09-2f64352ffd35",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Green_200 {
background-color: $Calcite_Green_200;
/*
{
Hex:"#67A966",
RGB:"r105 g170 b103",
guid:"a6b78543-830a-40ed-b5ce-d0781dc7fec4",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Green_250 {
background-color: $Calcite_Green_250;
/*
{
Hex:"#5A9359",
RGB:"r91 g148 b90",
guid:"275dfc18-669b-4172-8d05-ebe756967689",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Green_a100 {
background-color: $Calcite_Green_a100;
/*
{
Hex:"#50AD4E",
RGB:"r80 g173 b78",
guid:"a57aee23-1ea4-4b5e-92c1-3f905cd2f57e",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Green_a150 {
background-color: $Calcite_Green_a150;
/*
{
Hex:"#449443",
RGB:"r68 g148 b67",
guid:"c0772e3f-d054-4789-bb1c-68fa5fe30af0",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Green_a200 {
background-color: $Calcite_Green_a200;
/*
{
Hex:"#338033",
RGB:"r51 g128 b51",
guid:"5e702fde-9966-487f-98af-52041709c9a7",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Green_a250 {
background-color: $Calcite_Green_a250;
/*
{
Hex:"#275E26",
RGB:"r39 g94 b38",
guid:"edb72c89-e39a-4de8-984f-8b7d9f838f98",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
/* -- Calcite Core Red -- */
.Calcite_Red_100 {
background-color: $Calcite_Red_100;
/*
{
Hex:"#F3DED7",
RGB:"r244 g223 b216",
guid:"7f79cf3c-0a16-4386-a7e5-53ec317d9e8a",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Red_150 {
background-color: $Calcite_Red_150;
/*
{
Hex:"#E4A793",
RGB:"r229 g168 b148",
guid:"d0d38ae2-c916-4a16-a1f3-d951cc499e65",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Red_200 {
background-color: $Calcite_Red_200;
/*
{
Hex:"#C86A4A",
RGB:"r210 g107 b75",
guid:"233ed1cf-5f23-4fab-aa17-63b29a50801b",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Red_250 {
background-color: $Calcite_Red_250;
/*
{
Hex:"#C6542D",
RGB:"r199 g85 b46",
guid:"891511b8-fe34-45f3-b51d-88d3fa6d24b8",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Red_a100 {
background-color: $Calcite_Red_a100;
/*
{
Hex:"#E04F1D",
RGB:"r224 g79 b29",
guid:"a318043e-4402-4471-834b-7665b8fb5d0b",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Red_a150 {
background-color: $Calcite_Red_a150;
/*
{
Hex:"#C7461A",
RGB:"r199 g70 b26",
guid:"f3b9c963-b6cf-40c6-975d-f08584298268",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Red_a200 {
background-color: $Calcite_Red_a200;
/*
{
Hex:"#AB3C16",
RGB:"r171 g60 b22",
guid:"592dfff5-bc8b-4d59-ad83-41b268873db0",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Red_a250 {
background-color: $Calcite_Red_a250;
/*
{
Hex:"#8C2907",
RGB:"r140 g41 b7",
guid:"ede8a7e5-c655-44cc-828a-292984b98964",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
/* -- Calcite Core Purple -- */
.Calcite_Purple_100 {
background-color: $Calcite_Purple_100;
/*
{
Hex:"#E5E1EF",
RGB:"r230 g226 b240",
guid:"17a68f19-2176-4883-90ec-0e02f7ebab6f",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Purple_150 {
background-color: $Calcite_Purple_150;
/*
{
Hex:"#C4BCDC",
RGB:"r197 g189 b221",
guid:"92900e24-b8f4-454a-baba-181897f51978",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Purple_200 {
background-color: $Calcite_Purple_200;
/*
{
Hex:"#9081BC",
RGB:"r145 g130 b189",
guid:"10b9463d-488f-42d9-8899-034e3c3029fa",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Purple_250 {
background-color: $Calcite_Purple_250;
/*
{
Hex:"#7B6CA7",
RGB:"r124 g109 b168",
guid:"687fb17c-d87c-4e2e-a24c-132e70aa92b8",
accessibility_white_text:"AAaa",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Purple_a100 {
background-color: $Calcite_Purple_a100;
/*
{
Hex:"#846EBF",
RGB:"r132 g110 b191",
guid:"d861e9f1-bf6a-42f3-b217-93894bab3386",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Purple_a150 {
background-color: $Calcite_Purple_a150;
/*
{
Hex:"#7461A8",
RGB:"r116 g97 b168",
guid:"35d3955f-b3cd-4421-a0b5-38a0bfffd03b",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Purple_a200 {
background-color: $Calcite_Purple_a200;
/*
{
Hex:"#61518C",
RGB:"r97 g81 b140",
guid:"a9c9b7f3-6973-4bf9-9879-f41067d327d6",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Purple_a250 {
background-color: $Calcite_Purple_a250;
/*
{
Hex:"#4F4273",
RGB:"r79 g66 b115",
guid:"7cd4639d-fec7-42bb-82f8-7ca7cb70530e",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
/* -- Calcite Core Brown -- */
.Calcite_Brown_100 {
background-color: $Calcite_Brown_100;
/*
{
Hex:"#E8DDD3",
RGB:"r233 g222 b212",
guid:"d66dd0c1-bf42-4641-8411-bc6f5b3bf7ae",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Brown_150 {
background-color: $Calcite_Brown_150;
/*
{
Hex:"#D2B38F",
RGB:"r211 g180 b144",
guid:"eca70e1f-7f60-4b58-b41d-8bc144e476cb",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Brown_200 {
background-color: $Calcite_Brown_200;
/*
{
Hex:"#B78A54",
RGB:"r184 g139 b85",
guid:"b02f6a27-6d0d-46db-96df-6ca3ff7d29b3",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Brown_250 {
background-color: $Calcite_Brown_250;
/*
{
Hex:"#A57946",
RGB:"r166 g122 b71",
guid:"733ba9e7-992e-4f52-a786-93ca5b84224a",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Brown_a100 {
background-color: $Calcite_Brown_a100;
/*
{
Hex:"#BF813A",
RGB:"r191 g129 b58",
guid:"37268ee6-db88-4afb-9306-5781c120a0ca",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Brown_a150 {
background-color: $Calcite_Brown_a150;
/*
{
Hex:"#A67032",
RGB:"r166 g112 b50",
guid:"4d0620ad-f5f8-4160-a0ca-aa94e99e3725",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Brown_a200 {
background-color: $Calcite_Brown_a200;
/*
{
Hex:"#8C5E2A",
RGB:"r140 g94 b42",
guid:"2e90145b-9516-4c3c-bba8-63672ff71fef",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Brown_a250 {
background-color: $Calcite_Brown_a250;
/*
{
Hex:"#734D22",
RGB:"r115 g77 b34",
guid:"fc9df10f-e68d-4d8f-a558-60a0869f34e2",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}

View file

@ -0,0 +1,964 @@
@import "../../scss/variables_dark";
//*
//{
//name: "Calcite Core Colors Dark",
//tags: "Calcite Core,Calcite,Dark"
//}
//*/
//* -- Calcite Core Blue -- */
.Calcite_Blue_100 {
background-color: $Calcite_Blue_100;
/*
{
Hex:"#194765",
RGB:"r25 g71 b101",
guid:"13f7f404-7f22-4be3-b1a8-63e7d570d109",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Blue_150 {
background-color: $Calcite_Blue_150;
/*
{
Hex:"#1C5C8B",
RGB:"r28 g92 b139",
guid:"ba344091-1d38-4d04-9441-8c3d412e7a26",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Blue_200 {
background-color: $Calcite_Blue_200;
/*
{
Hex:"#3A8EC2",
RGB:"r58 g142 b194",
guid:"f32f5d5f-6f08-4abb-ad7a-eea60a700409",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Blue_250 {
background-color: $Calcite_Blue_250;
/*
{
Hex:"#409DD8",
RGB:"r64 g157 b216",
guid:"0a37e721-ad68-4004-bf27-e6bbb9832c6c",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Blue_a100 {
background-color: $Calcite_Blue_a100;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"d0f45c43-173a-4107-8b6d-e159dfa33449",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Blue_a150 {
background-color: $Calcite_Blue_a150;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"8e6f8d0e-919e-4fcc-a262-1a773d993a45",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Blue_a200 {
background-color: $Calcite_Blue_a200;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"6ac6da98-5268-4a4d-88cd-c041582cf039",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Blue_a250 {
background-color: $Calcite_Blue_a250;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"f08d8462-ddfc-483e-9a2f-77b060a98658",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
//* -- Calcite Core Yellow -- *//
.Calcite_Yellow_100 {
background-color: $Calcite_Yellow_100;
/*
{
Hex:"#786815",
RGB:"r120 g104 b21",
guid:"96b1f515-4816-4845-9f20-4cec1bb6b15b",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Yellow_150 {
background-color: $Calcite_Yellow_150;
/*
{
Hex:"#A18900",
RGB:"r161 g137 b0",
guid:"eb1cb7b1-e500-42ec-aaa1-4c164dd9d766",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Yellow_200 {
background-color: $Calcite_Yellow_200;
/*
{
Hex:"#BCA626",
RGB:"r188 g166 b38",
guid:"1a3663ed-23c0-47f9-aee0-71cf058e5300",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Yellow_250 {
background-color: $Calcite_Yellow_250;
/*
{
Hex:"#CBB635",
RGB:"r203 g182 b53",
guid:"7c241ac9-b0d7-4a35-8de6-33ea53c8e470",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Yellow_a100 {
background-color: $Calcite_Yellow_a100;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"0bbe3546-fc84-42d1-a741-56e42599dc9a",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Yellow_a150 {
background-color: $Calcite_Yellow_a150;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"d29fd5e2-1e11-4106-ad89-ffe75fa5de90",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Yellow_a200 {
background-color: $Calcite_Yellow_a200;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"04c355b9-1cc1-4b31-a4dc-e4db5a028858",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Yellow_a250 {
background-color: $Calcite_Yellow_a250;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"270e0bb5-979c-42a6-9126-857042c36cd7",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
//* -- Calcite Core Orange -- *//
.Calcite_Orange_100 {
background-color: $Calcite_Orange_100;
/*
{
Hex:"#744B22",
RGB:"r116 g75 b34",
guid:"10bc24d0-c2a6-4327-9960-ced18032ed2e",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Orange_150 {
background-color: $Calcite_Orange_150;
/*
{
Hex:"#A0641F",
RGB:"r160 g100 b31",
guid:"ea1d5847-9320-4aac-98ec-198e701bf976",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Orange_200 {
background-color: $Calcite_Orange_200;
/*
{
Hex:"#D08633",
RGB:"r208 g134 b51",
guid:"5e84a63b-02c0-4513-b989-08720832737a",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Orange_250 {
background-color: $Calcite_Orange_250;
/*
{
Hex:"#E79539",
RGB:"r231 g149 b57",
guid:"d16d400d-f2af-495d-a7be-db87753bba72",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Orange_a100 {
background-color: $Calcite_Orange_a100;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"4d5cd545-83e6-46a8-bd94-6a9e99d90026",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Orange_a150 {
background-color: $Calcite_Orange_a150;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"75e2a476-8da6-45c3-adc0-4d7d500ad12b",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Orange_a200 {
background-color: $Calcite_Orange_a200;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"0d4c57cd-77f1-46c6-82dd-bcdcf3107cb2",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Orange_a250 {
background-color: $Calcite_Orange_a250;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"51296e7e-3646-4686-865a-33f29a683a7b",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
//* -- Calcite Core Green -- *//
.Calcite_Green_100 {
background-color: $Calcite_Green_100;
/*
{
Hex:"#285328",
RGB:"r40 g83 b40",
guid:"0c9ebb2b-a11a-4eff-a004-8ebe8f7a864d",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Green_150 {
background-color: $Calcite_Green_150;
/*
{
Hex:"#376E37",
RGB:"r55 g110 b55",
guid:"f34e66a9-cebe-4c92-a715-5dcfec9f4cb8",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Green_200 {
background-color: $Calcite_Green_200;
/*
{
Hex:"#4A9349",
RGB:"r74 g147 b73",
guid:"31c206df-af65-41c9-823d-617d733cd870",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Green_250 {
background-color: $Calcite_Green_250;
/*
{
Hex:"#57AC56",
RGB:"r87 g172 b86",
guid:"a487cb84-4ec0-407e-a094-20d22ab88747",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Green_a100 {
background-color: $Calcite_Green_a100;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"f4618a95-f0d3-4e29-aba2-719b9b6e6ba4",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Green_a150 {
background-color: $Calcite_Green_a150;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"dbe8f620-e3bf-4a0f-9336-50b2177d3a94",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Green_a200 {
background-color: $Calcite_Green_a200;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"2c4234a7-0d16-40b1-ac78-d8a0b2434613",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Green_a250 {
background-color: $Calcite_Green_a250;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"74206a10-7562-4efa-8bfd-1185fb3251aa",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
//* -- Calcite Core Red -- *//
.Calcite_Red_100 {
background-color: $Calcite_Red_100;
/*
{
Hex:"#622721",
RGB:"r98 g39 b33",
guid:"aab5ddb2-634b-4752-9d52-2efae2d22d73",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Red_150 {
background-color: $Calcite_Red_150;
/*
{
Hex:"#843117",
RGB:"r132 g49 b23",
guid:"e9791e86-f31c-4dd9-8be7-4eba9d3b61cb",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Red_200 {
background-color: $Calcite_Red_200;
/*
{
Hex:"#AA411E",
RGB:"r170 g65 b30",
guid:"2f77f9a5-ecc7-4940-8cb9-131cd88bd597",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Red_250 {
background-color: $Calcite_Red_250;
/*
{
Hex:"#C64F27",
RGB:"r198 g79 b39",
guid:"647617d4-e986-49f9-9055-4a9277b45532",
accessibility_white_text:"AAaa",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Red_a100 {
background-color: $Calcite_Red_a100;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"ec36a8f5-b27f-4b45-a937-0ef41be84866",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Red_a150 {
background-color: $Calcite_Red_a150;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"8d721bd3-479c-4006-9b86-f2af7f02dba9",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Red_a200 {
background-color: $Calcite_Red_a200;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"f0e4e732-25b2-4556-86ca-0dfa9692e77a",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Red_a250 {
background-color: $Calcite_Red_a250;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"a5e7ae65-2f04-496a-9042-c68071c36b87",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
//* -- Calcite Core Purple -- *//
.Calcite_Purple_100 {
background-color: $Calcite_Purple_100;
/*
{
Hex:"#3D3553",
RGB:"r61 g53 b83",
guid:"97db6f2e-40f0-4abb-be42-b3e98b232d3d",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Purple_150 {
background-color: $Calcite_Purple_150;
/*
{
Hex:"#4B3D6D",
RGB:"r75 g61 b109",
guid:"8cb08557-9a65-4751-894c-2c3d417d157d",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Purple_200 {
background-color: $Calcite_Purple_200;
/*
{
Hex:"#60508B",
RGB:"r96 g80 b139",
guid:"27291eee-8749-4c47-b4b0-7b9c6f7fce65",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Purple_250 {
background-color: $Calcite_Purple_250;
/*
{
Hex:"#7F6FA9",
RGB:"r127 g111 b169",
guid:"99825edd-7b96-45dc-91e0-6ddd52271e62",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Purple_a100 {
background-color: $Calcite_Purple_a100;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"062f96f8-4251-43ab-8d47-0aaeff26ddb3",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Purple_a150 {
background-color: $Calcite_Purple_a150;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"dd3debdb-695d-4573-ad3f-7b2c1c4bf4c0",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Purple_a200 {
background-color: $Calcite_Purple_a200;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"63bb3eb0-0afb-414e-989a-eb767edfe051",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Purple_a250 {
background-color: $Calcite_Purple_a250;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"996dbe04-551d-42c5-ac48-c8d332a08fc5",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
//* -- Calcite Core Brown -- *//
.Calcite_Brown_100 {
background-color: $Calcite_Brown_100;
/*
{
Hex:"#4A331C",
RGB:"r74 g51 b28",
guid:"e1be3ec0-54a0-4743-bf47-abc26731417e",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Brown_150 {
background-color: $Calcite_Brown_150;
/*
{
Hex:"#66431E",
RGB:"r102 g67 b30",
guid:"61f29613-6817-4852-8bde-a70fc4cd0276",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Brown_200 {
background-color: $Calcite_Brown_200;
/*
{
Hex:"#8B5D2A",
RGB:"r139 g93 b42",
guid:"b6d25db6-455a-4603-aae0-2727b1999aa2",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Brown_250 {
background-color: $Calcite_Brown_250;
/*
{
Hex:"#A56F31",
RGB:"r65 g111 b49",
guid:"e6f939eb-ae27-4437-92cf-06473463e65d",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Brown_a100 {
background-color: $Calcite_Brown_a100;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"1999a103-35ca-4b80-8a67-d3cbeca8225c",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Brown_a150 {
background-color: $Calcite_Brown_a150;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"fa114b3d-2ce1-4d1d-b0b2-a1743dda8f88",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Brown_a200 {
background-color: $Calcite_Brown_a200;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"3bdc321f-a3ca-4b74-8bc6-d7ad4afb0ae5",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}
.Calcite_Brown_a250 {
background-color: $Calcite_Brown_a250;
/*
{
Hex:"#CCCCCC",
RGB:"r204 g204 b204",
guid:"2fe3c649-8ff6-4196-bb16-6a08317ebdfd",
accessibility_white_text:"",
accessibility_black_text:""
}
*/
}

View file

@ -0,0 +1,265 @@
/* Esri Calcite Gray Colors - Last Updated 04/16/15 */
@import "../../scss/variables";
/*
{
name: "Calcite Gray Colors",
tags: "Calcite Gray,Calcite"
}
*/
/* -- Calcite Gray -- */
.Calcite_Gray_050 {
background-color: $Calcite_Gray_050;
/*
{
Hex:"#FFFFFF",
RGB:"r0 g0 b0",
guid:"ce3816ba-9d1f-4868-9741-923892cf8359",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Gray_100 {
background-color: $Calcite_Gray_100;
/*
{
Hex:"#F8F8F8",
RGB:"r248 g248 b248",
guid:"d985a8fd-7fje-4c8e-9af4-dbda932b8cfe",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Gray_150 {
background-color: $Calcite_Gray_150;
/*
{
Hex:"#F4F4F4",
RGB:"r244 g244 b244",
guid:"2844bcc7-292d-40fd-9fe8-cfb44729dd2d",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Gray_200 {
background-color: $Calcite_Gray_200;
/*
{
Hex:"#EFEFEF",
RGB:"r239 g239 b239",
guid:"32d31fab-4659-4b9f-926f-5fcc0735acaf",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Gray_250 {
background-color: $Calcite_Gray_250;
/*
{
Hex:"#E7E7E7",
RGB:"r231 g231 b231",
guid:"2cf7c448-98d5-4d8f-9ce4-9bfcccd6e973",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Gray_300 {
background-color: $Calcite_Gray_300;
/*
{
Hex:"#E0E0E0",
RGB:"r224 g224 b224",
guid:"9ffbb3ee-4a62-4a28-989a-443b47bf6a72",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Gray_350 {
background-color: $Calcite_Gray_350;
/*
{
Hex:"#CCCCCC",
RGB:"204 g204 b204",
guid:"1dcd7c34-ccc5-4dde-82fa-e79ae93eee91",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Gray_400 {
background-color: $Calcite_Gray_400;
/*
{
Hex:"#A9A9A9",
RGB:"r169 g169 b169",
guid:"d07d2783-274b-4e08-965d-7745b9bf6f4e",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Gray_450 {
background-color: $Calcite_Gray_450;
/*
{
Hex:"#959595",
RGB:"r149 g149 b149",
guid:"172ca0df-3ace-4f3a-b00d-81b65b16b517",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Gray_500 {
background-color: $Calcite_Gray_500;
/*
{
Hex:"#828282",
RGB:"r130 g130 b130",
guid:"6661ca1b-50d1-40d4-b232-1f2833191e8e",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Gray_550 {
background-color: $Calcite_Gray_550;
/*
{
Hex:"#6E6E6E",
RGB:"r110 g110 b110",
guid:"bbe54a4f-b5f3-4d9c-860a-cb9231acd5bb",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Gray_600 {
background-color: $Calcite_Gray_600;
/*
{
Hex:"#595959",
RGB:"r89 g89 b89",
guid:"7549be08-fad2-41ac-973a-977f6dbd8359",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Gray_650 {
background-color: $Calcite_Gray_650;
/*
{
Hex:"#4C4C4C",
RGB:"r76 g76 b76",
guid:"22c404ce-81f7-4e71-9546-704b35497f83",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Gray_700 {
background-color: $Calcite_Gray_700;
/*
{
Hex:"#323232",
RGB:"r51 g51 b51",
guid:"6776d7ab-2580-4c96-af05-18f006b2818f",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}

View file

@ -0,0 +1,263 @@
@import "../../scss/variables_dark";
//*
//{
//name: "Calcite Gray Colors Dark",
//tags: "Calcite Gray,Calcite,Dark"
//}
//*/
//* -- Calcite Gray -- *//
.Calcite_Gray_050 {
background-color: $Calcite_Gray_050;
/*
{
Hex:"#232323",
RGB:"r35 g35 b35",
guid:"e6e0234a-c28d-4edd-a7d0-b40b4605bdfc",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Gray_100 {
background-color: $Calcite_Gray_100;
/*
{
Hex:"#323232",
RGB:"r50 g50 b50",
guid:"b60836ad-9cef-4ade-8523-19235537650a",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Gray_150 {
background-color: $Calcite_Gray_150;
/*
{
Hex:"#353535",
RGB:"r53 g53 b53",
guid:"3432c105-8cdb-4907-8963-faf75c927f03",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Gray_200 {
background-color: $Calcite_Gray_200;
/*
{
Hex:"#3F3F3F",
RGB:"r63 g63 b63",
guid:"b84bf4f6-1cae-459b-930a-5f5fcc0814d9",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Gray_250 {
background-color: $Calcite_Gray_250;
/*
{
Hex:"#474747",
RGB:"r71 g71 b71",
guid:"a55c42af-16f0-49d3-be7e-e104a373823a",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Gray_300 {
background-color: $Calcite_Gray_300;
/*
{
Hex:"#4C4C4C",
RGB:"r76 g76 b76",
guid:"5a10d414-5c14-47f9-9f35-0c3eadfc0066",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Gray_350 {
background-color: $Calcite_Gray_350;
/*
{
Hex:"#5B5B5B",
RGB:"r91 g91 b91",
guid:"9d182d36-1287-4045-a30c-c4b41136e8ce",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Gray_400 {
background-color: $Calcite_Gray_400;
/*
{
Hex:"#656565",
RGB:"r101 g101 b101",
guid:"363105b0-331d-45fc-84a2-7a3f78ad9147",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Gray_450 {
background-color: $Calcite_Gray_450;
/*
{
Hex:"#777777",
RGB:"r119 g119 b119",
guid:"88be1c15-6196-4fe6-ab22-a68c85f73906",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Gray_500 {
background-color: $Calcite_Gray_500;
/*
{
Hex:"#898989",
RGB:"r137 g137 b137",
guid:"83e3bd4a-d5ef-4138-b154-fadfd814b68b",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Gray_550 {
background-color: $Calcite_Gray_550;
/*
{
Hex:"#9E9E9E",
RGB:"r158 g158 b158",
guid:"1797e19d-e393-46b9-8060-1fa22d0cf09a",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Gray_600 {
background-color: $Calcite_Gray_600;
/*
{
Hex:"#ADADAD",
RGB:"r173 g173 b173",
guid:"23a8cfb8-5e9d-4571-8766-d4a8462b60f1",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Gray_650 {
background-color: $Calcite_Gray_650;
/*
{
Hex:"#BCBCBC",
RGB:"r188 g188 b188",
guid:"c29b67a2-9131-49d5-ab80-3ee85860cc7b",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Gray_700 {
background-color: $Calcite_Gray_700;
/*
{
Hex:"#D1D1D1",
RGB:"r209 g209 b209",
guid:"cc981671-db23-4d82-89b7-58e591931755",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}

View file

@ -0,0 +1,237 @@
/* Esri Calcite Highlight Colors - Last Updated 04/16/15 */
@import "../../scss/variables";
/*
{
name: "Calcite Highlight Colors",
tags: "Calcite Highlight,Calcite"
}
*/
/* -- Calcite Highlight_Blue -- */
.Calcite_Highlight_Blue_100 {
background-color: $Calcite_Highlight_Blue_100;
/*
{
Hex:"#E2F1FB",
RGB:"r226 g241 b251",
guid:"8b5be565-e51a-4eb8-baf7-af65c997551a",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Highlight_Blue_150 {
background-color: $Calcite_Highlight_Blue_150;
/*
{
Hex:"#C5E5F9",
RGB:"r197 g229 b249",
guid:"9ea9ad6a-8756-4ee5-9b8f-60f22aa52037",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Highlight_Blue_200 {
background-color: $Calcite_Highlight_Blue_200;
/*
{
Hex:"#AADBFA",
RGB:"r170 g219 b250",
guid:"315b751c-4c08-4469-8587-19f54c6edb46",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Highlight_Blue_250 {
background-color: $Calcite_Highlight_Blue_250;
/*
{
Hex:"#90CDF2",
RGB:"r144 g205 b242",
guid:"e141cb8a-7fe9-4b74-8726-72532d4b7b7a",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Highlight_Blue_300 {
background-color: $Calcite_Highlight_Blue_300;
/*
{
Hex:"#80BCE0",
RGB:"r128 g188 b224",
guid:"5b9adabc-a827-4f50-bd89-af5ac458ea90",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Highlight_Blue_350 {
background-color: $Calcite_Highlight_Blue_350;
/*
{
Hex:"#0079C1",
RGB:"r0 g122 b194",
guid:"d5c8b27f-6ed8-40cf-9d8c-b8c05308a89e",
accessibility_white_text:"AAaa",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Highlight_Blue_400 {
background-color: $Calcite_Highlight_Blue_400;
/*
{
Hex:"#005E95",
RGB:"r0 g95 b150",
guid:"c41634a1-1512-4547-9553-7bc9764beed6",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
/* -- Calcite Highlight Green -- */
.Calcite_Highlight_Green_100 {
background-color: $Calcite_Highlight_Green_100;
/*
{
Hex:"#CFEDCC",
RGB:"r208 g238 b205",
guid:"2cd4fa57-8564-49ca-b94f-ac70f2cf7258",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Highlight_Green_150 {
background-color: $Calcite_Highlight_Green_150;
/*
{
Hex:"#B0E2B0",
RGB:"r177 g227 b177",
guid:"d9795a5a-7bd2-4400-97de-ca31341a9052",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Highlight_Green_200 {
background-color: $Calcite_Highlight_Green_200;
/*
{
Hex:"#96CE96",
RGB:"r151 g207 b151",
guid:"bcd0fd45-c285-40af-891c-575ded969b43",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Highlight_Green_250 {
background-color: $Calcite_Highlight_Green_250;
/*
{
Hex:"#7DC17D",
RGB:"r126 g194 b126",
guid:"52ef3852-41d5-45cd-b553-47e730f54404",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Highlight_Green_300 {
background-color: $Calcite_Highlight_Green_300;
/*
{
Hex:"#7BB974",
RGB:"r124 g186 b117",
guid:"2e87a1a5-329b-4d62-b390-78c4f278d60e",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Highlight_Green_350 {
background-color: $Calcite_Highlight_Green_350;
/*
{
Hex:"#31872E",
RGB:"r49 g135 b46",
guid:"60da2746-4031-485b-9a54-74027c4c9421",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Highlight_Green_400 {
background-color: $Calcite_Highlight_Green_400;
/*
{
Hex:"#2B622B",
RGB:"r44 g99 b44",
guid:"1012ac72-462a-4a94-9fcc-79059a273eba",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}

View file

@ -0,0 +1,235 @@
@import "../../scss/variables_dark";
//*
//{
//name: "Calcite Highlight Colors Dark",
//tags: "Calcite Highlight,Calcite,Dark"
//}
//*/
//* -- Calcite Highlight_Blue -- *//
.Calcite_Highlight_Blue_100 {
background-color: $Calcite_Highlight_Blue_100;
/*
{
Hex:"#284965",
RGB:"r40 g73 b101",
guid:"9d9b40c8-bcf8-4daf-bc2e-cda7a945dbfe",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Highlight_Blue_150 {
background-color: $Calcite_Highlight_Blue_150;
/*
{
Hex:"#3C6D98",
RGB:"r60 g109 b152",
guid:"abff3827-47ce-48cd-ad38-3fdd15fdf403",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Highlight_Blue_200 {
background-color: $Calcite_Highlight_Blue_200;
/*
{
Hex:"#1061A5",
RGB:"r16 g97 b165",
guid:"7eb5c97a-acb0-402c-9144-efebee945178",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Highlight_Blue_250 {
background-color: $Calcite_Highlight_Blue_250;
/*
{
Hex:"#136FBF",
RGB:"r19 g111 b191",
guid:"0cb9beea-9b8c-4c65-9248-4a5b18531fba",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Highlight_Blue_300 {
background-color: $Calcite_Highlight_Blue_300;
/*
{
Hex:"#80BCE0",
RGB:"r128 g188 b224",
guid:"38f2919c-06ad-460a-8b0c-0a744db64124",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Highlight_Blue_350 {
background-color: $Calcite_Highlight_Blue_350;
/*
{
Hex:"#2493F2",
RGB:"r36 g147 b242",
guid:"2ca7fdf2-ec0c-476d-87a9-9f380f87e8e0",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Highlight_Blue_400 {
background-color: $Calcite_Highlight_Blue_400;
/*
{
Hex:"#3FA6FF",
RGB:"r63 g166 b255",
guid:"0e23bbec-ea9a-4141-8ff5-85eff51dcd02",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
//* -- Calcite Highlight Green -- */
.Calcite_Highlight_Green_100 {
background-color: $Calcite_Highlight_Green_100;
/*
{
Hex:"#1f581f",
RGB:"r31 g88 b31",
guid:"7afcbda4-d694-4058-84ba-3f088eea4e7c",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Highlight_Green_150 {
background-color: $Calcite_Highlight_Green_150;
/*
{
Hex:"#468b46",
RGB:"r70 g139 b70",
guid:"434a4524-83a7-44e4-abbf-2b0e138deff3",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Highlight_Green_200 {
background-color: $Calcite_Highlight_Green_200;
/*
{
Hex:"#247924",
RGB:"r36 g121 b36",
guid:"c631a293-e5f6-46bf-973b-979c870239f7",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Highlight_Green_250 {
background-color: $Calcite_Highlight_Green_250;
/*
{
Hex:"#298b29",
RGB:"r41 g139 b41",
guid:"fb0fa22b-7ef8-4658-9c13-b657587aacbf",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Highlight_Green_300 {
background-color: $Calcite_Highlight_Green_300;
/*
{
Hex:"#30a230",
RGB:"r48 g162 b48",
guid:"326cee71-a89f-4d7c-8eaa-3089d1587f40",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Highlight_Green_350 {
background-color: $Calcite_Highlight_Green_350;
/*
{
Hex:"#33ac33",
RGB:"r51 g172 b51",
guid:"75d53b8a-d9e6-42e4-87f8-b8c0e6b14b04",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Highlight_Green_400 {
background-color: $Calcite_Highlight_Green_400;
/*
{
Hex:"#38be38",
RGB:"r56 g190 b56",
guid:"63b45775-fd77-49b8-a86b-a8fdd0b24d14",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}

View file

@ -0,0 +1,376 @@
/* Esri Calcite Vibrant Colors - Last Updated 04/16/15 */
@import "../../scss/variables";
/*
{
name: "Calcite Vibrant Colors",
tags: "Calcite Vibrant,Calcite"
}
*/
/* -- Calcite Vibrant_Blue -- */
.Calcite_Vibrant_Blue_100 {
background-color: $Calcite_Vibrant_Blue_100;
/*
{
Hex:"#C7E9FF",
RGB:"r199 g233 b255",
guid:"f16ccaa6-04ab-4987-a1ec-4f3237839027",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Blue_150 {
background-color: $Calcite_Vibrant_Blue_150;
/*
{
Hex:"#69DCFF",
RGB:"r105 g220 b255",
guid:"6f2a2e80-a057-4a0c-82d7-4cfd61c879a1",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Blue_200 {
background-color: $Calcite_Vibrant_Blue_200;
/*
{
Hex:"#00DEE7",
RGB:"r0 g222 b231",
guid:"c601933c-ce51-41b6-b673-d806dc3f3e70",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Blue_250 {
background-color: $Calcite_Vibrant_Blue_250;
/*
{
Hex:"#B3E9F9",
RGB:"r179 g233 b249",
guid:"04e45f44-5d64-4fd1-89e0-bfaa370ec07f",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Yellow_100 {
background-color: $Calcite_Vibrant_Yellow_100;
/*
{
Hex:"#FFEFB7",
RGB:"r255 g239 b183",
guid:"a6c30ee4-200a-41f6-9aef-ad61262df6ad",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Yellow_150 {
background-color: $Calcite_Vibrant_Yellow_150;
/*
{
Hex:"#FAD817",
RGB:"r250 g216 b23",
guid:"44e4a34c-79ae-4c80-872b-8931e39f3519",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Yellow_200 {
background-color: $Calcite_Vibrant_Yellow_200;
/*
{
Hex:"#FFF000",
RGB:"r255 g240 b0",
guid:"584c655a-ab63-45eb-b900-51d2541f0404",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Orange_100 {
background-color: $Calcite_Vibrant_Orange_100;
/*
{
Hex:"#FFDAB6",
RGB:"r255 g217 b181",
guid:"97aade8f-6471-4d29-adb7-a51440e04ac5",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Orange_150 {
background-color: $Calcite_Vibrant_Orange_150;
/*
{
Hex:"#FFBC6D",
RGB:"r255 g187 b106",
guid:"725e3a5a-dd72-4189-a64b-bc904d3ab4e2",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Orange_200 {
background-color: $Calcite_Vibrant_Orange_200;
/*
{
Hex:"#FFCC00",
RGB:"r255 g203 b0",
guid:"a360d6ed-89b0-420b-b7a6-a7bda9e0eed3",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Green_100 {
background-color: $Calcite_Vibrant_Green_100;
/*
{
Hex:"#DAFFD9",
RGB:"r218 g255 b217",
guid:"5b12373e-3bb1-4334-93fb-8bab6264e79e",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Green_150 {
background-color: $Calcite_Vibrant_Green_150;
/*
{
Hex:"#71DE6E",
RGB:"r113 g222 b110",
guid:"71c4d11c-1a9a-41b9-a3fd-988c3da79b8c",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Green_200 {
background-color: $Calcite_Vibrant_Green_200;
/*
{
Hex:"#A5E800",
RGB:"r165 g232 b0",
guid:"2a8512c5-beae-4889-b75a-9146e178dce1",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Red_100 {
background-color: $Calcite_Vibrant_Red_100;
/*
{
Hex:"#FFC0B3",
RGB:"r255 g192 b179",
guid:"463b658b-c27b-4323-a9f1-307a4aeec38e",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Red_150 {
background-color: $Calcite_Vibrant_Red_150;
/*
{
Hex:"#FF642E",
RGB:"r255 g100 b46",
guid:"a8f0ff9b-3205-4b82-be41-6c184c7bc3a6",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Red_200 {
background-color: $Calcite_Vibrant_Red_200;
/*
{
Hex:"#DE2900",
RGB:"r222 g41 b0",
guid:"2144446b-9b48-46ba-a006-1c435c401d9b",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Vibrant_Purple_100 {
background-color: $Calcite_Vibrant_Purple_100;
/*
{
Hex:"#DACCFF",
RGB:"r218 g204 b255",
guid:"6dae4600-41dd-4239-bae6-ea589fbe0183",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Purple_150 {
background-color: $Calcite_Vibrant_Purple_150;
/*
{
Hex:"#B096FF",
RGB:"r176 g150 b255",
guid:"0679b073-7f94-42db-99cf-9b2608501e0a",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Purple_200 {
background-color: $Calcite_Vibrant_Purple_200;
/*
{
Hex:"#F185FF",
RGB:"r241 g133 b255",
guid:"124bfbab-0bba-4d05-9163-40f34a372f5f",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Brown_100 {
background-color: $Calcite_Vibrant_Brown_100;
/*
{
Hex:"#FFDBB3",
RGB:"r255 g219 b179",
guid:"8a4fc6ef-b831-4c85-9c81-06686baad81b",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Brown_150 {
background-color: $Calcite_Vibrant_Brown_150;
/*
{
Hex:"#DB8D2F",
RGB:"r219 g141 b47",
guid:"45efb8bb-fdba-41d8-8e35-b8fe77869d81",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Brown_200 {
background-color: $Calcite_Vibrant_Brown_200;
/*
{
Hex:"#FFBC6B",
RGB:"r255 g188 b107",
guid:"a59cae25-9fce-459e-80b0-eafdff499a00",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}

View file

@ -0,0 +1,347 @@
@import "../../scss/variables_dark";
//* -- Calcite Vibrant_Blue_Dark -- */
.Calcite_Vibrant_Blue_100 {
background-color: $Calcite_Vibrant_Blue_100;
/*
{
Hex:"#1275BE",
RGB:"r18 g117 b190",
guid:"cd7d5208-4b1d-4ded-a32c-d255f3abb3a7",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Vibrant_Blue_150 {
background-color: $Calcite_Vibrant_Blue_150;
/*
{
Hex:"#0088EF",
RGB:"r0 g136 b239",
guid:"9d362f4a-4df1-4912-93fe-6ba8a5811b36",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Blue_200 {
background-color: $Calcite_Vibrant_Blue_200;
/*
{
Hex:"#00BFEF",
RGB:"r0 g191 b239",
guid:"0de86406-710c-4887-9712-e12a7dfa0362",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Blue_250 {
background-color: $Calcite_Vibrant_Blue_250;
/*
{
Hex:"#00B4BC",
RGB:"r0 g180 b188",
guid:"80bd24b8-df54-4d1a-8ebb-26e834eefd63",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Yellow_100 {
background-color: $Calcite_Vibrant_Yellow_100;
/*
{
Hex:"#917B00",
RGB:"r145 g123 b0",
guid:"1f92d8db-ac14-40c1-83d0-1d5db3b17548",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Yellow_150 {
background-color: $Calcite_Vibrant_Yellow_150;
/*
{
Hex:"#C7A900",
RGB:"r199 g169 b0",
guid:"0c11a9d9-54d7-4844-a66a-aa957b72b435",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Yellow_200 {
background-color: $Calcite_Vibrant_Yellow_200;
/*
{
Hex:"#FFD800",
RGB:"r255 g216 b0",
guid:"ef5dd2fc-2972-498e-9f03-9a55922bb597",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Orange_100 {
background-color: $Calcite_Vibrant_Orange_100;
/*
{
Hex:"#A05500",
RGB:"r160 g85 b0",
guid:"71388981-779b-4fa2-b373-c98a7c8dd9e2",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/ }
.Calcite_Vibrant_Orange_150 {
background-color: $Calcite_Vibrant_Orange_150;
/*
{
Hex:"#CE7C1E",
RGB:"r206 g124 b30",
guid:"e1008f42-2e5f-495f-a7ec-e69eb4dafb18",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Orange_200 {
background-color: $Calcite_Vibrant_Orange_200;
/*
{
Hex:"#FFC314",
RGB:"r255 g195 b20",
guid:"1d148e0c-418d-43f2-9e01-9994606cde2e",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/ }
.Calcite_Vibrant_Green_100 {
background-color: $Calcite_Vibrant_Green_100;
/*
{
Hex:"#376E37",
RGB:"r55 g110 b55",
guid:"ea2bead1-e919-4684-a4ae-66b6be54dd32",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Vibrant_Green_150 {
background-color: $Calcite_Vibrant_Green_150;
/*
{
Hex:"#58D051",
RGB:"r88 g208 b81",
guid:"34de12dc-c22a-4f9a-9d36-9efb45cff4c6",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Green_200 {
background-color: $Calcite_Vibrant_Green_200;
/*
{
Hex:"#A4E700",
RGB:"r164 g231 b0",
guid:"8959874c-3160-40b1-a9cc-bfdc7800b520",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Red_100 {
background-color: $Calcite_Vibrant_Red_100;
/*
{
Hex:"#741C00",
RGB:"r116 g28 b0",
guid:"ccf3b82c-1feb-4951-8059-2b0c5ddda49a",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Vibrant_Red_150 {
background-color: $Calcite_Vibrant_Red_150;
/*
{
Hex:"#983415",
RGB:"r152 g52 b21",
guid:"be7392cc-0de9-4741-9f65-0f1bc65baac1",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Vibrant_Red_200 {
background-color: $Calcite_Vibrant_Red_200;
/*
{
Hex:"#E55B2D",
RGB:"r229 g91 b45",
guid:"b874b8ed-3493-4a6d-913a-d7d00801f893",
accessibility_white_text:"AA",
accessibility_black_text:"AAaa"
}
*/
}
.Calcite_Vibrant_Purple_100 {
background-color: $Calcite_Vibrant_Purple_100;
/*
{
Hex:"#4F3590",
RGB:"r79 g53 b144",
guid:"beb0f9ad-3d3a-4231-89b4-344ed3567802",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Vibrant_Purple_150 {
background-color: $Calcite_Vibrant_Purple_150;
/*
{
Hex:"#744ED3",
RGB:"r116 g78 b211",
guid:"fb718f2f-104d-4299-adae-a39165c2c90a",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Vibrant_Purple_200 {
background-color: $Calcite_Vibrant_Purple_200;
/*
{
Hex:"#9A4AA5",
RGB:"r154 g74 b65",
guid:"b5863254-85f6-479b-aa78-2c35796a6365",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Vibrant_Brown_100 {
background-color: $Calcite_Vibrant_Brown_100;
/*
{
Hex:"#663C0F",
RGB:"r102 g60 b15",
guid:"d6abdd92-ea9d-4d39-9190-4d1ab1c6e81c",
accessibility_white_text:"AAaa",
accessibility_black_text:""
}
*/
}
.Calcite_Vibrant_Brown_150 {
background-color: $Calcite_Vibrant_Brown_150;
/*
{
Hex:"#985C17",
RGB:"r152 g92 b23",
guid:"024d248d-7fff-4a37-afae-d715bae79065",
accessibility_white_text:"AAaa",
accessibility_black_text:"AA"
}
*/
}
.Calcite_Vibrant_Brown_200 {
background-color: $Calcite_Vibrant_Brown_200;
/*
{
Hex:"#D38B38",
RGB:"r211 g139 b56",
guid:"8e60415c-3325-40b8-9dee-37eb5d53be08",
accessibility_white_text:"",
accessibility_black_text:"AAaa"
}
*/
}

View file

@ -0,0 +1,12 @@
// Build
@import "brand_colors";
@import "calcite_core_colors";
@import "calcite_gray_colors";
@import "calcite_vibrant_colors";
@import "calcite_highlight_colors";
body.dark{ @import "calcite_core_colors_dark";}
body.dark{ @import "calcite_gray_colors_dark";}
body.dark{ @import "calcite_highlight_colors_dark";}
body.dark{ @import "calcite_vibrant_colors_dark";}

View file

@ -0,0 +1,148 @@
// Esri Brand Colors
$Brand_Blue_100: #b9e0f7; // previously blue 14
$Brand_Blue_150: #00b9f2; // previously blue 13
$Brand_Blue_200: #007ac2; // "Esri Blue", previously blue 12
$Brand_Blue_250: #004575; // previously blue 11
$Brand_Yellow_100: #ffec4f; // previously yellow 22
$Brand_Orange_100: #f89927; // previously orange 21
$Brand_Orange_150: #f36f20; // previously orange 20
$Brand_Orange_200: #da4d1e; // previously orange 19
$Brand_Red_100: #de2900; // new color :)
$Brand_Green_100: #d1e391; // previously green 18
$Brand_Green_150: #aad04b; // previously green 17
$Brand_Green_200: #35ac46; // "Esri Green", previously green 16
$Brand_Green_250: #2a7433; // previously green 15
$Brand_Purple_100: #dfcce3; // previously purple 26
$Brand_Purple_150: #b279b4; // previously purple 25
$Brand_Purple_200: #8f499c; // previously purple 24
$Brand_Purple_250: #6b1978; // previously purple 23
$Brand_Brown_100: #ecdcb9; // previously brown 10
$Brand_Brown_150: #be9969; // previously brown 9
$Brand_Brown_200: #7b4f1c; // previously brown 8
$Brand_Brown_250: #523b20; // previously brown 7
$Brand_Gray_100: #b4b4b4; // previously gray 6, 35%
$Brand_Gray_150: #969696; // previously gray 5, 50%
$Brand_Gray_200: #6e6e6e; // previously gray 4, 75%
$Brand_Gray_250: #464646; // previously gray 3, 88%
// Calcite Core Colors
$Calcite_Blue_100: #d2e9f9;
$Calcite_Blue_150: #bcdaed;
$Calcite_Blue_200: #6cb4e2;
$Calcite_Blue_250: #56a5d8;
$Calcite_Blue_a100: #49b0f2;
$Calcite_Blue_a150: #419ed9;
$Calcite_Blue_a200: #3b8fc4;
$Calcite_Blue_a250: #196fa6;
$Calcite_Yellow_100: #f3edc7; // previously Esri_Yellow1
$Calcite_Yellow_150: #efe397; // previously Esri_Yellow2
$Calcite_Yellow_200: #e4d154; // previously Esri_Yellow3
$Calcite_Yellow_250: #d8c34b; // previously Esri_Yellow4
$Calcite_Yellow_a100: #f2d530;
$Calcite_Yellow_a150: #d9bf2b;
$Calcite_Yellow_a200: #bda726;
$Calcite_Yellow_a250: #a68d00;
$Calcite_Orange_100: #fbe1c2; // previously Esri_Orange1
$Calcite_Orange_150: #f6ca92; // previously Esri_Orange2
$Calcite_Orange_200: #eda959; // previously Esri_Orange3
$Calcite_Orange_250: #e79c47; // previously Esri_Orange4
$Calcite_Orange_a100: #ff9f33;
$Calcite_Orange_a150: #e8912e;
$Calcite_Orange_a200: #d17e21;
$Calcite_Orange_a250: #ad6511;
$Calcite_Green_100: #ddeedb; // replaces Esri_Green1. Use in Success Messages with Calcite_Green_450
$Calcite_Green_150: #9bc19c; // previously Esri_Green2
$Calcite_Green_200: #67a966; // previously Esri_Green3
$Calcite_Green_250: #5a9359; // previously Esri_Green4
$Calcite_Green_a100: #50ad4e;
$Calcite_Green_a150: #449443;
$Calcite_Green_a200: #338033;
$Calcite_Green_a250: #275e26; // replaces Esri_Green5. Use in Success Messages with Calcite_Green_100
$Calcite_Red_100: #f3ded7; // previously Esri_Red1
$Calcite_Red_150: #e4a793; // previously Esri_Red2
$Calcite_Red_200: #c86a4a; // previously Esri_Red3
$Calcite_Red_250: #c6542d; // previously Esri_Red4
$Calcite_Red_a100: #e04f1d;
$Calcite_Red_a150: #c7461a; // aa AA | background with white text passes accessibility
$Calcite_Red_a200: #ab3c16; // aa AA | background with white text passes accessibility
$Calcite_Red_a250: #8c2907; // aa AA | background with white text passes accessibility
$Calcite_Purple_100: #e5e1ef; // previously Esri_Purple1
$Calcite_Purple_150: #c4bcdc; // previously Esri_Purple2
$Calcite_Purple_200: #9081bc; // previously Esri_Purple3
$Calcite_Purple_250: #7b6ca7; // previously Esri_Purple4
$Calcite_Purple_a100: #846ebf;
$Calcite_Purple_a150: #7461a8;
$Calcite_Purple_a200: #61518c;
$Calcite_Purple_a250: #4f4273;
$Calcite_Brown_100: #e8ddd3; // previously Esri_Brown1
$Calcite_Brown_150: #d2b38f; // previously Esri_Brown2
$Calcite_Brown_200: #b78a54; // previously Esri_Brown3
$Calcite_Brown_250: #a57946; // previously Esri_Brown4
$Calcite_Brown_a100: #bf813a;
$Calcite_Brown_a150: #a67032; // replaces Esri_Yellow6. Use in Warning Messages
$Calcite_Brown_a200: #8c5e2a;
$Calcite_Brown_a250: #734d22;
// Calcite Gray Colors
$Calcite_Gray_050: #ffffff; // 0% Previously Esri_White
$Calcite_Gray_100: #f8f8f8; // 3%, previously Esri_Gray100. background
$Calcite_Gray_150: #f4f4f4; // 4%, previously Esri_Gray105
$Calcite_Gray_200: #efefef; // 6%, previously Esri_Gray110
$Calcite_Gray_250: #e7e7e7; // 10%, previously Esri_Gray115
$Calcite_Gray_300: #e0e0e0; // 12%, previously Esri_Gray120
$Calcite_Gray_350: #cccccc; // 20%, previously Esri_Gray125
$Calcite_Gray_400: #a9a9a9; // 30%, previously Esri_Gray130
$Calcite_Gray_450: #959595; // 40%, previously Esri_Gray135
$Calcite_Gray_500: #828282; // 50%, previously Esri_Gray140
$Calcite_Gray_550: #6e6e6e; // 56%, previously Esri_Gray145
$Calcite_Gray_600: #595959; // 65%, previously Esri_Gray150
$Calcite_Gray_650: #4c4c4c; // 70%, previously Esri_Gray155. body text
$Calcite_Gray_700: #323232; // 80%, previously Esri_Gray160
// Calcite Hightlight Color
$Calcite_Highlight_Blue_100: #e2f1fb; // hovered, previously Esri_Blue1. NOTE--Esri_Blue2 was removed in Calcite Colors v8.00 due to it being so similar to Calcite_Highlight_Blue_100 and 150
$Calcite_Highlight_Blue_150: #c5e5f9; // hovered & selected, previously Esri_Blue5
$Calcite_Highlight_Blue_200: #aadbfa; // selected (toggled), previously Esri_Blue6
$Calcite_Highlight_Blue_250: #90cdf2; // pressed, previously Esri_Blue7
$Calcite_Highlight_Blue_300: #80bce0; // border on hover, previously Esri_Blue3, previously 7FBBDF
$Calcite_Highlight_Blue_350: #0079c1; // previously Esri_Blue
$Calcite_Highlight_Blue_400: #005e95; // previously Esri_BlueDark
$Calcite_Highlight_Green_100: #cfedcc; // hovered, previously Esri_Green11
$Calcite_Highlight_Green_150: #b0e2b0; // hovered & selected, previously Esri_Green15
$Calcite_Highlight_Green_200: #96ce96; // selected (toggled), previously Esri_Green16
$Calcite_Highlight_Green_250: #7dc17d; // pressed, previously Esri_Green17
$Calcite_Highlight_Green_300: #7bb974; // border on hover, previously Esri_Green13
$Calcite_Highlight_Green_350: #31872e; // previously Esri_Green
$Calcite_Highlight_Green_400: #2b622b; // previously Esri_GreenDark
//Calcite Vibrant Colors
// For all Calcite Vibrant colors -- they should comprise <10% of the image area. Only use if additional contrast is needed.
$Calcite_Vibrant_Blue_100: #c7e9ff;
$Calcite_Vibrant_Blue_150: #69dcff;
$Calcite_Vibrant_Blue_200: #00dee7;
$Calcite_Vibrant_Blue_250: #b3e9f9; // only for use inside icons, to show "selection"
$Calcite_Vibrant_Yellow_100: #ffefb7; // replaces Esri_Yellow5. Use in Warning Messages along with Calcite_Brown_350, which replaces Esri_Yellow6
$Calcite_Vibrant_Yellow_150: #fad817;
$Calcite_Vibrant_Yellow_200: #fff000;
$Calcite_Vibrant_Orange_100: #ffdab6; // New as of 8/11/15
$Calcite_Vibrant_Orange_150: #ffbc6b; // New as of 8/11/15
$Calcite_Vibrant_Orange_200: #ffcc00; // New as of 8/11/15
$Calcite_Vibrant_Green_100: #daffd9;
$Calcite_Vibrant_Green_150: #71de6e;
$Calcite_Vibrant_Green_200: #a5e800;
$Calcite_Vibrant_Red_100: #ffc0b3; // replaces Esri_Red5. Use in Error Messages with Calcite_Vibrant-Red_200
$Calcite_Vibrant_Red_150: #ff642e;
$Calcite_Vibrant_Red_200: #de2900; // replaces Esri_Red6. Use in Error Messages with Calcite_Vibrant-Red_100
$Calcite_Vibrant_Purple_100: #daccff;
$Calcite_Vibrant_Purple_150: #b096ff;
$Calcite_Vibrant_Purple_200: #f185ff;
$Calcite_Vibrant_Brown_100: #ffdbb3;
$Calcite_Vibrant_Brown_150: #db8d2f;
$Calcite_Vibrant_Brown_200: #ffbc6b;

View file

@ -0,0 +1,150 @@
// Esri Brand Colors
$Brand_Blue_100: #b9e0f7;
$Brand_Blue_150: #00b9f2;
$Brand_Blue_200: #007ac2;
$Brand_Blue_250: #004575;
$Brand_Yellow_100: #ffec4f;
$Brand_Orange_100: #f89927;
$Brand_Orange_150: #f36f20;
$Brand_Orange_200: #da4d1e;
$Brand_Red_100: #de2900;
$Brand_Green_100: #d1e391;
$Brand_Green_150: #aad04b;
$Brand_Green_200: #35ac46;
$Brand_Green_250: #2a7433;
$Brand_Purple_100: #dfcce3;
$Brand_Purple_150: #b279b4;
$Brand_Purple_200: #8f499c;
$Brand_Purple_250: #6b1978;
$Brand_Brown_100: #ecdcb9;
$Brand_Brown_150: #be9969;
$Brand_Brown_200: #7b4f1c;
$Brand_Brown_250: #523b20;
$Brand_Gray_100: #b4b4b4;
$Brand_Gray_150: #969696;
$Brand_Gray_200: #6e6e6e;
$Brand_Gray_250: #464646;
// Calcite Core Colors Dark
$Calcite_Blue_100: #1a4866;
$Calcite_Blue_150: #1d5d8c;
$Calcite_Blue_200: #3b8fc3;
$Calcite_Blue_250: #419ed9;
$Calcite_Blue_a100: #45a7e6;
$Calcite_Blue_a150: #60b7f0;
$Calcite_Blue_a200: #6ec1f5;
$Calcite_Blue_a250: #7dc8fa;
$Calcite_Yellow_100: #796916;
$Calcite_Yellow_150: #a28a00;
$Calcite_Yellow_200: #bda727;
$Calcite_Yellow_250: #ccb736;
$Calcite_Yellow_a100: #d6bd2a;
$Calcite_Yellow_a150: #e3c832;
$Calcite_Yellow_a200: #edd448;
$Calcite_Yellow_a250: #f5df62;
$Calcite_Orange_100: #754c23;
$Calcite_Orange_150: #a16520;
$Calcite_Orange_200: #d18734;
$Calcite_Orange_250: #e8963a;
$Calcite_Orange_a100: #f29833;
$Calcite_Orange_a150: #f29f3f;
$Calcite_Orange_a200: #f5aa53;
$Calcite_Orange_a250: #ffb461;
$Calcite_Green_100: #295429;
$Calcite_Green_150: #386f38;
$Calcite_Green_200: #4b944a;
$Calcite_Green_250: #58ad57;
$Calcite_Green_a100: #53b350;
$Calcite_Green_a150: #59bf57;
$Calcite_Green_a200: #67c966;
$Calcite_Green_a250: #74d173;
$Calcite_Red_100: #632822;
$Calcite_Red_150: #853218;
$Calcite_Red_200: #ab421f;
$Calcite_Red_250: #c75028;
$Calcite_Red_a100: #d15226;
$Calcite_Red_a150: #d65d33;
$Calcite_Red_a200: #e36a40;
$Calcite_Red_a250: #eb7953;
$Calcite_Purple_100: #3e3654;
$Calcite_Purple_150: #4c3e6e;
$Calcite_Purple_200: #61518c;
$Calcite_Purple_250: #8070aa;
$Calcite_Purple_a100: #846ebf;
$Calcite_Purple_a150: #927acc;
$Calcite_Purple_a200: #9b87d9;
$Calcite_Purple_a250: #a393d1;
$Calcite_Brown_100: #4b341d;
$Calcite_Brown_150: #67441f;
$Calcite_Brown_200: #8c5e2b;
$Calcite_Brown_250: #a67032;
$Calcite_Brown_a100: #b37936;
$Calcite_Brown_a150: #cc8a3d;
$Calcite_Brown_a200: #d9974c;
$Calcite_Brown_a250: #dea664;
// Calcite Gray Colors Dark
$Calcite_Gray_050: #242424; // 86%
$Calcite_Gray_100: #333333; // 80%
$Calcite_Gray_150: #363636; // 79%
$Calcite_Gray_200: #404040; // 75%
$Calcite_Gray_250: #474747; // 72%
$Calcite_Gray_300: #4c4c4c; // 70%
$Calcite_Gray_350: #5c5c5c; // 64%
$Calcite_Gray_400: #666666; // 60%
$Calcite_Gray_450: #787878; // 53%
$Calcite_Gray_500: #8a8a8a; // 46%
$Calcite_Gray_550: #9e9e9e; // 38%
$Calcite_Gray_600: #adadad; // 32%
$Calcite_Gray_650: #bdbdbd; // 26%
$Calcite_Gray_700: #d1d1d1; // 18%
// Calcite Hightlight Color Dark
$Calcite_Highlight_Blue_100: #294a66; // hovered
$Calcite_Highlight_Blue_150: #3d6e99; // hovered & selected
$Calcite_Highlight_Blue_200: #1061a6; // selected (toggled)
$Calcite_Highlight_Blue_250: #136fbf; // pressed
$Calcite_Highlight_Blue_300: #2183d9; // border on hover
$Calcite_Highlight_Blue_350: #2493f2; // active
$Calcite_Highlight_Blue_400: #40a7ff; // active accent
$Calcite_Highlight_Green_100: #205920; // hovered
$Calcite_Highlight_Green_150: #478c47; // hovered & selected
$Calcite_Highlight_Green_200: #257a25; // selected (toggled)
$Calcite_Highlight_Green_250: #2a8c2a; // pressed
$Calcite_Highlight_Green_300: #31a331; // border on hover
$Calcite_Highlight_Green_350: #34ad34; // active
$Calcite_Highlight_Green_400: #39bf39; // active accent
//Calcite Vibrant Colors Dark
// For all Calcite Vibrant colors -- they should comprise <10% of the image area. Only use if additional contrast is needed.
$Calcite_Vibrant_Blue_100: #1376bf;
$Calcite_Vibrant_Blue_150: #0089f0;
$Calcite_Vibrant_Blue_200: #00c0f0;
$Calcite_Vibrant_Blue_250: #00b5b9; // only use inside icons, to show "selection"
$Calcite_Vibrant_Yellow_100: #917b00;
$Calcite_Vibrant_Yellow_150: #c7a900;
$Calcite_Vibrant_Yellow_200: #ffd800;
$Calcite_Vibrant_Orange_100: #a15600;
$Calcite_Vibrant_Orange_150: #cf7d1f;
$Calcite_Vibrant_Orange_200: #ffc415;
$Calcite_Vibrant_Green_100: #386f38;
$Calcite_Vibrant_Green_150: #59d152;
$Calcite_Vibrant_Green_200: #85e800;
$Calcite_Vibrant_Red_100: #751d00;
$Calcite_Vibrant_Red_150: #993516;
$Calcite_Vibrant_Red_200: #e65c2e;
$Calcite_Vibrant_Purple_100: #503691;
$Calcite_Vibrant_Purple_150: #754fd4;
$Calcite_Vibrant_Purple_200: #9b4ba6;
$Calcite_Vibrant_Brown_100: #673d10;
$Calcite_Vibrant_Brown_150: #995d18;
$Calcite_Vibrant_Brown_200: #df8c39;

View file

@ -0,0 +1,3 @@
$calcite-fonts-path: "./";
@import "./fonts.scss";
@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=f9e335c8-e150-4885-976e-f4c392e562c4");

View file

@ -0,0 +1,527 @@
/*!
* Use of any font is restricted as follows:
* - Font files may be used for Esri-business purposes only.
* - Fonts files may also be used by Esri Authorized Distributors for Esri business purposes only as they pertain to Esri, Inc. and its products or marketing materials.
* - Font files may be used in Esri software only.
* - Font files may not be distributed or used by third parties.
* - Font files may be embedded in documents as long as the font files are not provided in a separate file that allows them to be exported.
*/
$calcite-fonts-path: "./fonts/" !default;
$calcite-fonts-display: auto !default;
/*
Basic Latin
Basic Latin, Latin-1 Supplement, Combining Diacritical Marks, General Punctuation
Note: Diacritics unfortunately must be included with the basic latin subset for NFD to work across browsers.
*/
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}b8b15cdf-85d1-4120-8daa-48863d803939.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}09ab0626-bb45-4650-acc8-0182d693df02.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2") format("woff2");
font-weight: 400;
font-style: italic;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}12f4c786-0bef-4a48-b7c0-eebaa7591688.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}0c8a5d21-8a14-4451-8145-695071809cb7.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: $calcite-fonts-display;
}
/*
Math
Superscripts and Subscripts, Currency Symbols, Letterlike Symbols, Number Forms, Mathematical Operators
*/
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}b8b15cdf-85d1-4120-8daa-48863d803939-math.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: $calcite-fonts-display;
unicode-range: U+2070-209F, U+20A0-20CF, U+2100-214F, U+2200-22FF;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}09ab0626-bb45-4650-acc8-0182d693df02-math.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: $calcite-fonts-display;
unicode-range: U+2070-209F, U+20A0-20CF, U+2100-214F, U+2200-22FF;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}b9c5b839-db56-4419-8fcb-6ab661babb1d-math.woff2") format("woff2");
font-weight: 400;
font-style: italic;
font-display: $calcite-fonts-display;
unicode-range: U+2070-209F, U+20A0-20CF, U+2100-214F, U+2200-22FF;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}12f4c786-0bef-4a48-b7c0-eebaa7591688-math.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: $calcite-fonts-display;
unicode-range: U+2070-209F, U+20A0-20CF, U+2100-214F, U+2200-22FF;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}0c8a5d21-8a14-4451-8145-695071809cb7-math.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: $calcite-fonts-display;
unicode-range: U+2070-209F, U+20A0-20CF, U+2100-214F, U+2200-22FF;
}
/*
Latin Extended
Latin Extended A, Latin Extended B, IPA Extensions
*/
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}b8b15cdf-85d1-4120-8daa-48863d803939-ext.woff2") format("woff2");
font-weight: 300;
font-style: normal;
unicode-range: U+0100-017F, U+0180-024F, U+0250-02AF, U+02B0-02FF;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}09ab0626-bb45-4650-acc8-0182d693df02-ext.woff2") format("woff2");
font-weight: 400;
font-style: normal;
unicode-range: U+0100-017F, U+0180-024F, U+0250-02AF, U+02B0-02FF, U+0300-036F;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}b9c5b839-db56-4419-8fcb-6ab661babb1d-ext.woff2") format("woff2");
font-weight: 400;
font-style: italic;
unicode-range: U+0100-017F, U+0180-024F, U+0250-02AF, U+02B0-02FF, U+0300-036F;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}12f4c786-0bef-4a48-b7c0-eebaa7591688-ext.woff2") format("woff2");
font-weight: 500;
font-style: normal;
unicode-range: U+0100-017F, U+0180-024F, U+0250-02AF, U+02B0-02FF, U+0300-036F;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}0c8a5d21-8a14-4451-8145-695071809cb7-ext.woff2") format("woff2");
font-weight: 700;
font-style: normal;
unicode-range: U+0100-017F, U+0180-024F, U+0250-02AF, U+02B0-02FF, U+0300-036F;
font-display: $calcite-fonts-display;
}
/*
Greek
Greek and Coptic
*/
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}b8b15cdf-85d1-4120-8daa-48863d803939-greek.woff2") format("woff2");
font-weight: 300;
font-style: normal;
unicode-range: U+0370-03FF;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}09ab0626-bb45-4650-acc8-0182d693df02-greek.woff2") format("woff2");
font-weight: 400;
font-style: normal;
unicode-range: U+0370-03FF;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}b9c5b839-db56-4419-8fcb-6ab661babb1d-greek.woff2") format("woff2");
font-weight: 400;
font-style: italic;
unicode-range: U+0370-03FF;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}12f4c786-0bef-4a48-b7c0-eebaa7591688-greek.woff2") format("woff2");
font-weight: 500;
font-style: normal;
unicode-range: U+0370-03FF;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}0c8a5d21-8a14-4451-8145-695071809cb7-greek.woff2") format("woff2");
font-weight: 700;
font-style: normal;
unicode-range: U+0370-03FF;
font-display: $calcite-fonts-display;
}
/*
Cyrillic
Cyrillic
*/
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}b8b15cdf-85d1-4120-8daa-48863d803939-cyrillic.woff2") format("woff2");
font-weight: 300;
font-style: normal;
unicode-range: U+0400-04FF;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}09ab0626-bb45-4650-acc8-0182d693df02-cyrillic.woff2") format("woff2");
font-weight: 400;
font-style: normal;
unicode-range: U+0400-04FF;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}b9c5b839-db56-4419-8fcb-6ab661babb1d-cyrillic.woff2") format("woff2");
font-weight: 400;
font-style: italic;
unicode-range: U+0400-04FF;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}12f4c786-0bef-4a48-b7c0-eebaa7591688-cyrillic.woff2") format("woff2");
font-weight: 500;
font-style: normal;
unicode-range: U+0400-04FF;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}0c8a5d21-8a14-4451-8145-695071809cb7-cyrillic.woff2") format("woff2");
font-weight: 700;
font-style: normal;
unicode-range: U+0400-04FF;
font-display: $calcite-fonts-display;
}
/*
Georgian
Georgian
*/
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}b8b15cdf-85d1-4120-8daa-48863d803939-georgian.woff2") format("woff2");
font-weight: 300;
font-style: normal;
unicode-range: U+10A0-10FF;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}09ab0626-bb45-4650-acc8-0182d693df02-georgian.woff2") format("woff2");
font-weight: 400;
font-style: normal;
unicode-range: U+10A0-10FF;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}12f4c786-0bef-4a48-b7c0-eebaa7591688-georgian.woff2") format("woff2");
font-weight: 500;
font-style: normal;
unicode-range: U+10A0-10FF;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}0c8a5d21-8a14-4451-8145-695071809cb7-georgian.woff2") format("woff2");
font-weight: 700;
font-style: normal;
unicode-range: U+10A0-10FF;
font-display: $calcite-fonts-display;
}
/*
Arabic
Arabic, Arabic Presentation Forms A, Arabic Presentation Forms B
*/
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}b8b15cdf-85d1-4120-8daa-48863d803939-arabic.woff2") format("woff2");
font-weight: 300;
font-style: normal;
unicode-range: U+0600-06FF, U+FB50-FDFF, U+FE70-FEFF;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}09ab0626-bb45-4650-acc8-0182d693df02-arabic.woff2") format("woff2");
font-weight: 400;
font-style: normal;
unicode-range: U+0600-06FF, U+FB50-FDFF, U+FE70-FEFF;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}12f4c786-0bef-4a48-b7c0-eebaa7591688-arabic.woff2") format("woff2");
font-weight: 500;
font-style: normal;
unicode-range: U+0600-06FF, U+FB50-FDFF, U+FE70-FEFF;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}0c8a5d21-8a14-4451-8145-695071809cb7-arabic.woff2") format("woff2");
font-weight: 700;
font-style: normal;
unicode-range: U+0600-06FF, U+FB50-FDFF, U+FE70-FEFF;
font-display: $calcite-fonts-display;
}
/*
Hebrew
Hebrew, Alphabetic Presentation Forms
*/
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}b8b15cdf-85d1-4120-8daa-48863d803939-hebrew.woff2") format("woff2");
font-weight: 300;
font-style: normal;
unicode-range: U+0590-05FF, U+FB00-FB4F;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}09ab0626-bb45-4650-acc8-0182d693df02-hebrew.woff2") format("woff2");
font-weight: 400;
font-style: normal;
unicode-range: U+0590-05FF, U+FB00-FB4F;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}b9c5b839-db56-4419-8fcb-6ab661babb1d-hebrew.woff2") format("woff2");
font-weight: 400;
font-style: italic;
unicode-range: U+0590-05FF, U+FB00-FB4F;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}12f4c786-0bef-4a48-b7c0-eebaa7591688-hebrew.woff2") format("woff2");
font-weight: 500; /* Helvetica Hebrew doesn't have 500 so use 700 weight files */
font-style: normal;
unicode-range: U+0590-05FF, U+FB00-FB4F;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}0c8a5d21-8a14-4451-8145-695071809cb7-hebrew.woff2") format("woff2");
font-weight: 700;
font-style: normal;
unicode-range: U+0590-05FF, U+FB00-FB4F;
font-display: $calcite-fonts-display;
}
/*
Hindi
Devanagari (subset from Saral Devanagari)
*/
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}94aa531e-7746-4df0-bb6e-349891f2eda5.woff2") format("woff2");
font-weight: 300;
font-style: normal;
unicode-range: U+0900-097F;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}3ae1e25e-3aa6-4061-a016-a079159f9d65.woff2") format("woff2");
font-weight: 400;
font-style: normal;
unicode-range: U+0900-097F;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}41331c3c-3759-4462-8695-33c9a21b6a5b.woff2") format("woff2");
font-weight: 500;
font-style: normal;
unicode-range: U+0900-097F;
font-display: $calcite-fonts-display;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}41331c3c-3759-4462-8695-33c9a21b6a5b.woff2") format("woff2");
font-weight: 700;
font-style: normal;
unicode-range: U+0900-097F;
font-display: $calcite-fonts-display;
}
/*
Thai
Thai
*/
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}b8b15cdf-85d1-4120-8daa-48863d803939-thai.woff2") format("woff2");
font-weight: 300;
font-style: normal;
unicode-range: U+0E00-0E7F;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}09ab0626-bb45-4650-acc8-0182d693df02-thai.woff2") format("woff2");
font-weight: 400;
font-style: normal;
unicode-range: U+0E00-0E7F;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}12f4c786-0bef-4a48-b7c0-eebaa7591688-thai.woff2") format("woff2");
font-weight: 500;
font-style: normal;
unicode-range: U+0E00-0E7F;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}0c8a5d21-8a14-4451-8145-695071809cb7-thai.woff2") format("woff2");
font-weight: 700;
font-style: normal;
unicode-range: U+0E00-0E7F;
}
/*
Vietnamese
Latin Extended Additional
*/
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}b8b15cdf-85d1-4120-8daa-48863d803939-vietnamese.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: $calcite-fonts-display;
unicode-range: U+1E00-1EFF;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}09ab0626-bb45-4650-acc8-0182d693df02-vietnamese.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: $calcite-fonts-display;
unicode-range: U+1E00-1EFF;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}b9c5b839-db56-4419-8fcb-6ab661babb1d-vietnamese.woff2") format("woff2");
font-weight: 400;
font-style: italic;
font-display: $calcite-fonts-display;
unicode-range: U+1E00-1EFF;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}12f4c786-0bef-4a48-b7c0-eebaa7591688-vietnamese.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: $calcite-fonts-display;
unicode-range: U+1E00-1EFF;
}
@font-face {
font-family: "Avenir Next";
src: url("#{$calcite-fonts-path}0c8a5d21-8a14-4451-8145-695071809cb7-vietnamese.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: $calcite-fonts-display;
unicode-range: U+1E00-1EFF;
}

Some files were not shown because too many files have changed in this diff Show more