Files
wordpress-preseed/wp-content/themes/Pirate-Rogue/css/sass/elements/_tables.scss
2019-08-31 00:48:20 +02:00

108 lines
1.5 KiB
SCSS

/*-----------------------------------------------------------------------------------*/
/* Tables
/*-----------------------------------------------------------------------------------*/
table {
line-height: 2;
@include px2rem($font-size-tables);
border-collapse: collapse;
border-bottom-width: 1px;
border-bottom-style: solid;
border-spacing: 0;
border-width: 1px;
margin: 0 0 1.6em;
width: 100%;
&.sorttable {
thead {
cursor: pointer;
}
}
&.center {
th, td {
text-align: center;
}
}
&.right {
td {
text-align: right;
}
}
thead {
th {
border-bottom-width: 2px;
border-bottom-style: solid;
}
}
&.long,
&.border {
td {
border-bottom-width: 1px;
border-bottom-style: solid;
}
}
}
caption, th, td {
font-weight: normal;
text-align: left;
vertical-align: top;
}
caption {
padding: 3px 5px;
font-style: italic;
margin: 40px 0;
&.right {
text-align: right;
}
&.center {
text-align: center;
}
}
th {
font-weight: bold;
}
th, td {
padding: 0.4em;
}
th.right,
td.right {
text-align: right;
}
th.center,
td.center {
text-align: center;
}
@media screen and (max-width: $breakpoint-sm) {
table, tr, td {
padding:0;
}
table {
border:none;
}
thead {
display:none;
}
tr {
float: left;
width: 100%;
margin-bottom: 2em;
}
td {
float: left;
width: 100%;
padding:1em;
}
}