Sha256: 08b1bdcc0849f0db82749231fe57c00eb46f76cc61535a9ccf0d15d1891deb51
Contents?: true
Size: 1.73 KB
Versions: 9
Compression:
Stored size: 1.73 KB
Contents
// Table of Contents
// ==================================================
// Card
// scss-lint:disable NestingDepth
// Card
// ==================================================
.card {
border: 1px solid;
border-color: color(dark-haze);
border-radius: border-radius(b);
> img {
border-radius: 0;
margin-left: -1px;
max-width: calc(100% + 3px);
width: calc(100% + 3px);
}
.table-encase,
.table-border {
border-radius: 0;
border-width: 0;
}
}
.card-header,
.card-body,
.card-footer { padding: 10px 15px; }
.card-header {
border-bottom-style: solid;
border-bottom-width: 1px;
font-weight: text-weight(semibold);
}
.card-wizard {
border-collapse: separate;
box-sizing: border-box;
display: table;
font-size: text-size(s);
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
table-layout: fixed;
white-space: nowrap;
> a,
> li {
display: table-cell;
padding: 8px 0 10px;
text-align: center;
vertical-align: middle;
width: 1%;
&:not(:first-child) {
border-left-style: solid;
border-left-width: 1px;
}
&.current {
background: color(haze);
color: color(primary);
}
&.completed {
background: color(light-haze);
color: color(gray);
}
}
&.dark {
> a,
> li {
&.current { background: color(light-black); }
&.completed { background: color(black); }
}
}
&.light {
> a,
> li {
&.current { background: color(dark-haze); }
&.completed { background: color(haze); }
}
}
}
.card-wizard,
.card-body {
+ .card-body,
+ .card-wizard {
border-top-style: solid;
border-top-width: 1px;
}
}
.card-footer {
border-top-style: solid;
border-top-width: 1px;
}
Version data entries
9 entries across 9 versions & 1 rubygems