UNPKG

@spectrum-web-components/styles

Version:

Spectrum Web Components are a [`LitElement`](https://lit-element.polymer-project.org) powered web component library of patterns built ontop of the [Spectrum CSS](https://opensource.adobe.com/spectrum-css) specification. Styles for these components are mad

16 lines (15 loc) 9.62 kB
/* Copyright 2020 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. */ import { css } from '@spectrum-web-components/base'; const styles = css` .spectrum-Detail{font-family:var(--spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family))}.spectrum-Detail-strong,strong{font-weight:var(--spectrum-detail-m-strong-text-font-weight,var(--spectrum-global-font-weight-black))}.spectrum-Detail-emphasis,em{font-style:var(--spectrum-detail-m-emphasis-text-font-style,var(--spectrum-global-font-style-italic))}.spectrum-Detail--light{font-style:var(--spectrum-detail-light-m-text-font-style,var(--spectrum-global-font-style-regular));font-weight:var(--spectrum-detail-light-m-text-font-weight,var(--spectrum-alias-detail-text-font-weight-light))}.spectrum-Detail--serif{font-family:var(--spectrum-body-serif-m-text-font-family,var(--spectrum-alias-serif-text-font-family))}.spectrum-Detail--sizeXL{font-size:var(--spectrum-detail-xl-text-size,var(--spectrum-global-dimension-font-size-200));font-weight:var(--spectrum-detail-xl-text-font-weight,var(--spectrum-alias-detail-text-font-weight));line-height:var(--spectrum-detail-xl-text-line-height,var(--spectrum-alias-body-text-line-height));font-style:var(--spectrum-detail-xl-text-font-style,var(--spectrum-global-font-style-regular));letter-spacing:var(--spectrum-detail-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium));text-transform:var(--spectrum-detail-xl-text-transform,uppercase);margin-top:0;margin-bottom:0}.spectrum-Detail--sizeXL em{font-size:var(--spectrum-detail-xl-emphasis-text-size,var(--spectrum-global-dimension-font-size-200));font-weight:var(--spectrum-detail-xl-emphasis-text-font-weight,var(--spectrum-alias-detail-text-font-weight));line-height:var(--spectrum-detail-xl-emphasis-text-line-height,var(--spectrum-alias-body-text-line-height));font-style:var(--spectrum-detail-xl-emphasis-text-font-style,var(--spectrum-global-font-style-italic));letter-spacing:var(--spectrum-detail-xl-emphasis-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium));text-transform:var(--spectrum-detail-xl-emphasis-text-transform,uppercase);margin-top:0;margin-bottom:0}.spectrum-Detail--sizeXL strong{font-size:var(--spectrum-detail-xl-strong-text-size,var(--spectrum-global-dimension-font-size-200));font-weight:var(--spectrum-detail-xl-strong-text-font-weight,var(--spectrum-global-font-weight-black));line-height:var(--spectrum-detail-xl-strong-text-line-height,var(--spectrum-alias-body-text-line-height));font-style:var(--spectrum-detail-xl-strong-text-font-style,var(--spectrum-global-font-style-regular));letter-spacing:var(--spectrum-detail-xl-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium));text-transform:var(--spectrum-detail-xl-strong-text-transform,uppercase);margin-top:0;margin-bottom:0}.spectrum-Detail--sizeL{font-size:var(--spectrum-detail-l-text-size,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-detail-l-text-font-weight,var(--spectrum-alias-detail-text-font-weight));line-height:var(--spectrum-detail-l-text-line-height,var(--spectrum-alias-body-text-line-height));font-style:var(--spectrum-detail-l-text-font-style,var(--spectrum-global-font-style-regular));letter-spacing:var(--spectrum-detail-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium));text-transform:var(--spectrum-detail-l-text-transform,uppercase);margin-top:0;margin-bottom:0}.spectrum-Detail--sizeL em{font-size:var(--spectrum-detail-l-emphasis-text-size,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-detail-l-emphasis-text-font-weight,var(--spectrum-alias-detail-text-font-weight));line-height:var(--spectrum-detail-l-emphasis-text-line-height,var(--spectrum-alias-body-text-line-height));font-style:var(--spectrum-detail-l-emphasis-text-font-style,var(--spectrum-global-font-style-italic));letter-spacing:var(--spectrum-detail-l-emphasis-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium));text-transform:var(--spectrum-detail-l-emphasis-text-transform,uppercase);margin-top:0;margin-bottom:0}.spectrum-Detail--sizeL strong{font-size:var(--spectrum-detail-l-strong-text-size,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-detail-l-strong-text-font-weight,var(--spectrum-global-font-weight-black));line-height:var(--spectrum-detail-l-strong-text-line-height,var(--spectrum-alias-body-text-line-height));font-style:var(--spectrum-detail-l-strong-text-font-style,var(--spectrum-global-font-style-regular));letter-spacing:var(--spectrum-detail-l-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium));text-transform:var(--spectrum-detail-l-strong-text-transform,uppercase);margin-top:0;margin-bottom:0}.spectrum-Detail--sizeM{font-size:var(--spectrum-detail-m-text-size,var(--spectrum-global-dimension-font-size-75));font-weight:var(--spectrum-detail-m-text-font-weight,var(--spectrum-alias-detail-text-font-weight));line-height:var(--spectrum-detail-m-text-line-height,var(--spectrum-alias-body-text-line-height));font-style:var(--spectrum-detail-m-text-font-style,var(--spectrum-global-font-style-regular));letter-spacing:var(--spectrum-detail-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium));text-transform:var(--spectrum-detail-m-text-transform,uppercase);margin-top:0;margin-bottom:0}.spectrum-Detail--sizeM em{font-size:var(--spectrum-detail-m-emphasis-text-size,var(--spectrum-global-dimension-font-size-75));font-weight:var(--spectrum-detail-m-emphasis-text-font-weight,var(--spectrum-alias-detail-text-font-weight));line-height:var(--spectrum-detail-m-emphasis-text-line-height,var(--spectrum-alias-body-text-line-height));font-style:var(--spectrum-detail-m-emphasis-text-font-style,var(--spectrum-global-font-style-italic));letter-spacing:var(--spectrum-detail-m-emphasis-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium));text-transform:var(--spectrum-detail-m-emphasis-text-transform,uppercase);margin-top:0;margin-bottom:0}.spectrum-Detail--sizeM strong{font-size:var(--spectrum-detail-m-strong-text-size,var(--spectrum-global-dimension-font-size-75));font-weight:var(--spectrum-detail-m-strong-text-font-weight,var(--spectrum-global-font-weight-black));line-height:var(--spectrum-detail-m-strong-text-line-height,var(--spectrum-alias-body-text-line-height));font-style:var(--spectrum-detail-m-strong-text-font-style,var(--spectrum-global-font-style-regular));letter-spacing:var(--spectrum-detail-m-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium));text-transform:var(--spectrum-detail-m-strong-text-transform,uppercase);margin-top:0;margin-bottom:0}.spectrum-Detail--sizeS{font-size:var(--spectrum-detail-s-text-size,var(--spectrum-global-dimension-font-size-50));font-weight:var(--spectrum-detail-s-text-font-weight,var(--spectrum-alias-detail-text-font-weight));line-height:var(--spectrum-detail-s-text-line-height,var(--spectrum-alias-body-text-line-height));font-style:var(--spectrum-detail-s-text-font-style,var(--spectrum-global-font-style-regular));letter-spacing:var(--spectrum-detail-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium));text-transform:var(--spectrum-detail-s-text-transform,uppercase);margin-top:0;margin-bottom:0}.spectrum-Detail--sizeS em{font-size:var(--spectrum-detail-s-emphasis-text-size,var(--spectrum-global-dimension-font-size-50));font-weight:var(--spectrum-detail-s-emphasis-text-font-weight,var(--spectrum-alias-detail-text-font-weight));line-height:var(--spectrum-detail-s-emphasis-text-line-height,var(--spectrum-alias-body-text-line-height));font-style:var(--spectrum-detail-s-emphasis-text-font-style,var(--spectrum-global-font-style-italic));letter-spacing:var(--spectrum-detail-s-emphasis-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium));text-transform:var(--spectrum-detail-s-emphasis-text-transform,uppercase);margin-top:0;margin-bottom:0}.spectrum-Detail--sizeS strong{font-size:var(--spectrum-detail-s-strong-text-size,var(--spectrum-global-dimension-font-size-50));font-weight:var(--spectrum-detail-s-strong-text-font-weight,var(--spectrum-global-font-weight-black));line-height:var(--spectrum-detail-s-strong-text-line-height,var(--spectrum-alias-body-text-line-height));font-style:var(--spectrum-detail-s-strong-text-font-style,var(--spectrum-global-font-style-regular));letter-spacing:var(--spectrum-detail-s-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium));text-transform:var(--spectrum-detail-s-strong-text-transform,uppercase);margin-top:0;margin-bottom:0}.spectrum-Detail--sizeXL{color:var(--spectrum-detail-xl-text-color,var(--spectrum-alias-heading-text-color))}.spectrum-Detail--sizeL{color:var(--spectrum-detail-l-text-color,var(--spectrum-alias-heading-text-color))}.spectrum-Detail--sizeM{color:var(--spectrum-detail-m-text-color,var(--spectrum-alias-heading-text-color))}.spectrum-Detail--sizeS{color:var(--spectrum-detail-s-text-color,var(--spectrum-alias-heading-text-color))} `; export default styles;