31 lines
1.7 KiB
SCSS
31 lines
1.7 KiB
SCSS
table {
|
|
border-collapse: collapse;
|
|
min-width: 100%;
|
|
text-align: left;
|
|
thead {
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
background-color: $animated_color;
|
|
box-shadow: 400px 0px 0px $animated_color, -400px 0px 0px $animated_color, 800px 0px 0px $animated_color, -800px 0px 0px $animated_color, 1500px 0px 0px $animated_color, -1500px 0px 0px $animated_color, 2800px 0px 0px $animated_color, -2800px 0px 0px $animated_color, 4000px 0px 0px $animated_color, -4000px 0px 0px $animated_color;
|
|
color: white;
|
|
}
|
|
tbody {
|
|
tr:nth-child(even){
|
|
background-color: $lighter_background_color;
|
|
box-shadow: 400px 0px 0px $lighter_background_color, -400px 0px 0px $lighter_background_color, 800px 0px 0px $lighter_background_color, -800px 0px 0px $lighter_background_color, 1500px 0px 0px $lighter_background_color, -1500px 0px 0px $lighter_background_color, 2800px 0px 0px $lighter_background_color, -2800px 0px 0px $lighter_background_color, 4000px 0px 0px $lighter_background_color, -4000px 0px 0px $lighter_background_color;
|
|
}
|
|
tr:hover {
|
|
box-shadow: 400px 0px 0px $even_lighter_background_color, -400px 0px 0px $even_lighter_background_color, 800px 0px 0px $even_lighter_background_color, -800px 0px 0px $even_lighter_background_color, 1500px 0px 0px $even_lighter_background_color, -1500px 0px 0px $even_lighter_background_color, 2800px 0px 0px $even_lighter_background_color, -2800px 0px 0px $even_lighter_background_color, 4000px 0px 0px $even_lighter_background_color, -4000px 0px 0px $even_lighter_background_color;
|
|
background-color: $even_lighter_background_color;
|
|
}
|
|
tr th {
|
|
a[href] {
|
|
text-decoration: none;
|
|
color: white;
|
|
&:hover{
|
|
color: $animated_color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|