@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
115 lines (107 loc) • 2.9 kB
CSS
.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;
}