pnx/httpcb
Archived
1
0
Fork 0
Code Releases Activity

scss: adding list-group component.

Browse source
This commit is contained in:
Henrik Hautakoski 2018-09-01 14:47:42 +02:00
parent 124eb1ef16
commit 56a80ef350
3 changed files with 58 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

46
app/assets/sass/components/_list-group.scss Normal file
View file

@ -0,0 +1,46 @@
.list-group {
padding-left: 0; // for <ul>, reset left padding.
margin-bottom: 0; // for <ul>, reset bottom margin.
&-item {
display: block;
padding: .5em 1em;
color: $list-group-item-color;
background-color: $list-group-item-background;
border: 1px solid $list-group-item-border-color;
&-active {
background-color: $list-group-item-active-background;
}
// Remove bottom border for all but last item.
&:not(:last-child) {
border-bottom: 0;
}
}
}
// Links
// ----------------------------------
.list-group-item-link,
a.list-group-item {
color: $list-group-item-color;
cursor: pointer;
&:hover,
&:active,
&:focus {
text-decoration: none;
}
&:hover,
&:focus {
background: $list-group-hover-background;
}
}