@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700');
$base-spacing-unit: 24px;
$half-spacing-unit: $base-spacing-unit / 2;
$color-alpha: #1772FF;
$color-form-highlight: #EEEEEE;
h1,h2,h3,h4,h5,h6 {
margin:0;
}
.cage{
display: flex;
align-items: center;
justify-content: center;
background-color: #1772FF;
}
.boxx{
height: 50px;
width: 50px;
background-color: black;
}
.table {
width:100%;
border:1px solid $color-form-highlight;
}
.table-header {
display:flex;
width:100%;
background:#3d3d3d;
padding:($half-spacing-unit * 1.5) 0;
}
.table-row {
display:flex;
width:100%;
padding:($half-spacing-unit * 1.5) 0;
&:nth-of-type(odd) {
background:$color-form-highlight;
}
}
.table-data, .header__item {
flex: 1 1 20%;
text-align:center;
}
.header__item {
text-transform:uppercase;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
}
.filter__link {
color:white;
text-decoration: none;
position:relative;
display:inline-block;
padding-left:$base-spacing-unit;
padding-right:$base-spacing-unit;
&::after {
content:'';
position:absolute;
right:-($half-spacing-unit * 1.5);
color:white;
font-size:$half-spacing-unit;
top: 50%;
transform: translateY(-50%);
}
}