v1
This commit is contained in:
@@ -0,0 +1,47 @@
|
||||
//
|
||||
// Accordion
|
||||
//
|
||||
|
||||
.accordion {
|
||||
.card {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
|
||||
&:after {
|
||||
content: '+';
|
||||
position: absolute;
|
||||
right: 1.5rem;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
font-family: $font-family-base;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
.card-header[aria-expanded="false"] {
|
||||
&:after {
|
||||
content: '+';
|
||||
}
|
||||
}
|
||||
|
||||
.card-header[aria-expanded="true"] {
|
||||
&:after {
|
||||
content: '-';
|
||||
}
|
||||
|
||||
.heading {
|
||||
color: theme-color("primary");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.accordion-spaced {
|
||||
.card {
|
||||
margin-bottom: 1.5rem;
|
||||
@include border-radius($card-border-radius !important);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,112 @@
|
||||
//
|
||||
// Card
|
||||
//
|
||||
|
||||
|
||||
.card {
|
||||
position: relative;
|
||||
margin-bottom: $grid-gutter-width;
|
||||
|
||||
@if $enable-shadows {
|
||||
// border: 0;
|
||||
@include box-shadow($card-shadow);
|
||||
}
|
||||
|
||||
&.hover-scale-110:hover {
|
||||
z-index: 2;
|
||||
@include border-radius($card-border-radius !important);
|
||||
}
|
||||
|
||||
&.rounded-top-right {
|
||||
@include border-radius($card-border-radius $jumbotron-border-radius $jumbotron-border-radius $card-border-radius $card-border-radius !important);
|
||||
}
|
||||
|
||||
&.rounded-top-left {
|
||||
@include border-radius($jumbotron-border-radius $card-border-radius $card-border-radius $card-border-radius !important);
|
||||
}
|
||||
|
||||
&.rounded-bottom-right {
|
||||
@include border-radius($card-border-radius $card-border-radius $jumbotron-border-radius $card-border-radius !important);
|
||||
}
|
||||
|
||||
&.rounded-bottom-left {
|
||||
@include border-radius($card-border-radius $card-border-radius $card-border-radius $jumbotron-border-radius !important);
|
||||
}
|
||||
|
||||
&.rounded-diagonal-left {
|
||||
@include border-radius($jumbotron-border-radius $card-border-radius $jumbotron-border-radius $card-border-radius !important);
|
||||
}
|
||||
|
||||
&.rounded-diagonal-right {
|
||||
@include border-radius($card-border-radius $jumbotron-border-radius $card-border-radius $jumbotron-border-radius !important);
|
||||
}
|
||||
}
|
||||
|
||||
.card-fluid {
|
||||
height: calc(100% - #{$grid-gutter-width});
|
||||
}
|
||||
|
||||
.card-header {
|
||||
@if $enable-card-cap-border {
|
||||
border-bottom: $card-cap-border-width solid $card-cap-border-color;
|
||||
} @else {
|
||||
border-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.action-item {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.card-btn {
|
||||
@include border-top-radius(0 !important);
|
||||
@include border-bottom-radius($card-border-radius !important);
|
||||
}
|
||||
|
||||
.card-deck + .row {
|
||||
margin-top: $grid-gutter-width;
|
||||
}
|
||||
|
||||
.card-wrapper {
|
||||
.card:last-child {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Images as card backgrounds
|
||||
|
||||
.card-img-bg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background-size: cover;
|
||||
border-radius: $card-border-radius;
|
||||
-webkit-backface-visibility: hidden;
|
||||
@include transition($transition-base);
|
||||
|
||||
& ~ .card-body {
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
&:hover {
|
||||
.card-img-bg {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// IE fixes
|
||||
|
||||
.card {
|
||||
.card-image,
|
||||
.animate-this,
|
||||
> a {
|
||||
min-height: 1px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user