@adobe/coral-spectrum
Version:
Coral Spectrum is a JavaScript library of Web Components following Spectrum design patterns.
36 lines (34 loc) • 1.14 kB
CSS
/**
* Copyright 2019 Adobe. All rights reserved.
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License. You may obtain a copy
* of the License at http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
* OF ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*/
._coral-CharacterCount {
display: inline-flex;
align-items: center;
margin: 0;
height: 32px;
padding: 0 8px;
}
.coral--large ._coral-CharacterCount {
height: 40px;
padding: 0 10px;
}
.coral--darkest ._coral-CharacterCount.is-invalid {
color: rgb(236, 91, 98);
}
.coral--dark ._coral-CharacterCount.is-invalid {
color: rgb(247, 109, 116);
}
.coral--light ._coral-CharacterCount.is-invalid {
color: rgb(201, 37, 45);
}
.coral--lightest ._coral-CharacterCount.is-invalid {
color: rgb(215, 55, 63);
}