angular-docs-cn/public/resources/css/module/_card.scss

58 lines
893 B
SCSS

.card {
margin-bottom: $unit * 4;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
border-radius: 2px;
header {
background: $mist;
padding: $unit * 2;
border-radius: 2px 2px 0px 0px;
h2 {
margin: ($unit * 2) 0px 0px 0px;
}
}
p {
padding: 0px ($unit * 2);
margin-bottom: 0px;
}
.card-content {
border-bottom: 1px solid $mist;
padding: $unit * 2;
&:last-child {
border-bottom: none;
}
h3 {
margin: 0px;
}
ul {
padding: 0px;
margin: 0px 0px 0px ($unit * 4);
a {
font-size: 14px;
display: block;
line-height: 24px;
text-decoration: none;
padding: 0px 4px;
&:hover {
text-decoration: underline;
background: $mist;
}
}
}
}
footer {
a {
color: $blueberry;
font-size: 13px;
}
}
}