@adobe/coral-spectrum
Version:
Coral Spectrum is a JavaScript library of Web Components following Spectrum design patterns.
50 lines (43 loc) • 1.36 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-Well {
display: block;
min-width: 240px;
padding: 16px;
margin-top: 4px;
border-width: 1px;
border-style: solid;
border-radius: 4px;
}
.coral--large .coral-Well {
min-width: 300px;
padding: 20px;
margin-top: 5px;
border-width: 1px;
border-radius: 5px;
}
.coral--light .coral-Well {
background-color: rgba(75,75,75,0.02);
border-color: rgba(44,44,44,0.05);
}
.coral--lightest .coral-Well {
background-color: rgba(80,80,80,0.02);
border-color: rgba(50,50,50,0.05);
}
.coral--dark .coral-Well {
background-color: rgba(227,227,227,0.02);
border-color: rgba(255,255,255,0.05);
}
.coral--darkest .coral-Well {
background-color: rgba(200,200,200,0.02);
border-color: rgba(239,239,239,0.05);
}