silverstripe-framework/admin/client/src/containers/CampaignAdmin/CampaignAdmin.scss

104 lines
1.7 KiB
SCSS
Raw Normal View History

.campaign-items {
.list-group {
margin-left: -$spacer-y;
margin-right: -$spacer-y;
border-bottom: 1px solid $border-color-light;
margin-bottom: $spacer-y*.75;
2016-04-12 00:24:16 +02:00
}
.list-group-item {
padding-left: $spacer-y;
padding-right: $spacer-y;
min-height: 64px;
cursor: pointer;
text-decoration: none;
2016-04-12 00:24:16 +02:00
&:first-child {
border-top: none;
2016-04-12 00:24:16 +02:00
}
&:hover {
text-decoration: none;
2016-04-12 00:24:16 +02:00
.list-group-item--has-links {
2016-04-12 00:24:16 +02:00
display: block;
opacity: 1;
}
}
2016-04-12 00:24:16 +02:00
&.active {
background-color: $brand-primary;
color: #FFF;
opacity: 1;
.list-group-item--has-links,
.list-group-item__status {
color: #FFF;
opacity: 1;
2016-04-12 00:24:16 +02:00
}
}
}
.list-group-item__heading {
font-weight: 400;
font-size: 14px;
margin: 2px 0 5px;
color: $body-color;
}
.list-group-item__thumbnail {
width: 64px;
height: 64px;
display: block;
background: #ccc;
float: left;
margin: -12px 12px 0 -$spacer-y;
}
.label {
text-transform: uppercase;
font-size: 10px;
font-weight: 400;
letter-spacing: .4px;
}
// Show linked items
.list-group-item--has-links,
.list-group-item--is-linked {
color: $brand-primary;
float: right;
font-size: $font-size-sm;
position: absolute;
right: $spacer-y;
top: 27px;
opacity: 0;
transition: opacity .2s ease-in-out;
.font-icon-link {
font-size: 16px;
position: relative;
top: 3px;
margin-right: 1px;
}
}
2016-04-12 00:24:16 +02:00
.list-group-item--published {
opacity: .6;
transition: opacity .2s ease-in-out;
.list-group-item__status {
opacity: 0;
transition: opacity .2s ease-in-out;
}
&:hover {
opacity: 1;
2016-04-12 00:24:16 +02:00
.list-group-item__status {
display: inline-block;
opacity: 1;
}
2016-04-12 00:24:16 +02:00
}
}
}