Files
notifications-admin/app/assets/stylesheets/components/message.scss
Chris Hill-Scott 07dd59f5b6 Add folder icons to template list
To make it easier to identify what is a folder.
2018-11-12 11:53:37 +00:00

58 lines
755 B
SCSS

.message {
&-name {
@include bold-24;
margin: 0;
a {
display: block;
margin-bottom: -$gutter;
padding-bottom: $gutter;
}
}
&-type {
color: $secondary-text-colour;
margin: 0 0 $gutter-two-thirds 0;
pointer-events: none;
}
}
#template-list {
margin-top: $gutter;
}
.template-list {
&-item {
&-with-checkbox {
position: relative;
padding-left: $gutter * 2;
.multiple-choice {
position: absolute;
left: 0;
}
}
}
&-folder {
a {
text-indent: 40px;
background-image: file-url('folder-blue-bold.svg');
background-repeat: no-repeat;
background-size: auto 20px;
background-position: 0px 2px;
}
}
}