ansible.l3d.space/assets/scss/_table.scss
2023-03-10 00:03:52 +01:00

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;
}
}
}
}
}