add is-icon, is-darker class and colored border for card-table

This commit is contained in:
Florian Scholdei
2019-06-12 15:24:32 +02:00
parent 467d0fd4ae
commit d8d1513f3c

View File

@@ -219,16 +219,23 @@ ul.is-separated {
// card tables
.card-table {
border-collapse: separate;
border-spacing: 0px 5px;
border-spacing: 0 5px;
tr {
a {
color: #363636;
}
&.border-is-green td:first-child {
border-left-color: $green;
}
&.border-is-yellow td:first-child {
border-left-color: $yellow;
}
&:hover {
td {
background-color: whitesmoke;
&:nth-child(4) {
&.is-darker {
background-color: #e1e1e1;
}
}
@@ -238,13 +245,14 @@ ul.is-separated {
}
}
td {
border-bottom: 1px solid whitesmoke;
background-color: #fafafa;
padding: 1em 1.25em;
background-color: #fafafa;
border-bottom: 1px solid whitesmoke;
&:first-child {
border-left: 3px solid $mint;
border-left: 3px solid $grey;
}
&:nth-child(4) {
&.is-darker {
background-color: whitesmoke;
}
}
@@ -318,6 +326,10 @@ form .field:not(.is-grouped) {
}
}
.is-icon {
color: $grey-light;
}
// label with help-icon compensation
.label-icon-spacing {
margin-top: 30px;