UNPKG

@adobe/spectrum-css

Version:

The Spectrum CSS top-level backwards compatible package

115 lines (107 loc) 2.9 kB
.spectrum--large .spectrum-Card { min-width: 300px; border: 1px solid transparent; border-radius: 5px; } .spectrum--large .spectrum-Card-actions { right: 13px; top: 13px; height: 50px; } .spectrum--large .spectrum-Card-quickActions { left: 20px; top: 20px; width: 50px; height: 50px } .spectrum--large .spectrum-Card-coverPhoto { height: 212px; border-bottom: 1px solid transparent; border-radius: 4px 4px 0 0; } .spectrum--large .spectrum-Card-body { padding-top: 25px; padding-right: 30px; padding-bottom: 25px; padding-left: 30px; } .spectrum--large .spectrum-Card-body:last-child { border-radius: 0 0 5px 5px; } .spectrum--large .spectrum-Card-preview { border-radius: 4px 4px 0 0; } .spectrum--large .spectrum-Card-header { height: 22px; } .spectrum--large .spectrum-Card-content { height: 18px; margin-top: 8px; } .spectrum--large .spectrum-Card-title { font-size: 17px; padding-right: 10px; } .spectrum--large .spectrum-Card-subtitle { font-size: 13px; letter-spacing: 0.06em; padding-right: 10px; } .spectrum--large .spectrum-Card-description { font-size: 13px; } .spectrum--large .spectrum-Card-subtitle + .spectrum-Card-description:before { padding-right: 10px; } .spectrum--large .spectrum-Card-footer { padding-top: 18px; margin-right: 30px; padding-bottom: 25px; margin-left: 30px; border-top: 1px solid; } .spectrum--large .spectrum-Card--quiet .spectrum-Card-preview { min-height: 212px; } .spectrum--large .spectrum-Card--quiet, .spectrum--large .spectrum-Card--gallery { min-width: 212px; } .spectrum--large .spectrum-Card--quiet .spectrum-Card-preview, .spectrum--large .spectrum-Card--gallery .spectrum-Card-preview { padding: 25px; border-radius: 5px; transition: background-color 130ms; } .spectrum--large .spectrum-Card--quiet .spectrum-Card-preview:before, .spectrum--large .spectrum-Card--gallery .spectrum-Card-preview:before { border: 1px solid transparent; } .spectrum--large .spectrum-Card--quiet .spectrum-Card-header, .spectrum--large .spectrum-Card--gallery .spectrum-Card-header { height: 22px; margin-top: 18px; } .spectrum--large .spectrum-Card--small { min-width: 112px; } .spectrum--large .spectrum-Card--small .spectrum-Card-quickActions { left: 13px; top: 13px; } .spectrum--large .spectrum-Card--small .spectrum-Card-preview { padding: 15px; min-height: 112px; } .spectrum--large .spectrum-Card--small .spectrum-Card-header { margin-top: 10px; height: 15px; } .spectrum--large .spectrum-Card--small .spectrum-Card-title { font-size: 17px; } .spectrum--large .spectrum-Card--horizontal .spectrum-Card-preview { border-radius: 5px 0 0 5px; border-right: 1px solid transparent; padding: 18px; } .spectrum--large .spectrum-Card--horizontal .spectrum-Card-body { padding: 0 20px; }