51 lines
865 B
SCSS
51 lines
865 B
SCSS
|
table {
|
||
|
|
font-size: $font-size-small;
|
||
|
|
border-spacing: 0;
|
||
|
|
thead {
|
||
|
|
th {
|
||
|
|
font-weight: $font-weight-bold;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
tbody {
|
||
|
|
td {
|
||
|
|
@include padding($space-one $space-small);
|
||
|
|
border-bottom: 1px solid $color-border-light;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.woot-table {
|
||
|
|
|
||
|
|
tr {
|
||
|
|
.show-if-hover {
|
||
|
|
opacity: 0;
|
||
|
|
@include transition(all .2s $ease-in-out-cubic);
|
||
|
|
}
|
||
|
|
&:hover {
|
||
|
|
.show-if-hover {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.agent-name {
|
||
|
|
font-weight: $font-weight-medium;
|
||
|
|
display: block;
|
||
|
|
text-transform: capitalize;
|
||
|
|
}
|
||
|
|
.woot-thumbnail {
|
||
|
|
border-radius: 50%;
|
||
|
|
width: 5rem;
|
||
|
|
height: 5rem;
|
||
|
|
}
|
||
|
|
.button-wrapper {
|
||
|
|
min-width: 20rem;
|
||
|
|
@include flex;
|
||
|
|
@include flex-align(left, null);
|
||
|
|
@include flex-direction(row);
|
||
|
|
}
|
||
|
|
.button {
|
||
|
|
@include margin($zero);
|
||
|
|
}
|
||
|
|
}
|