interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

Add example html file

Browse source 
Therefore also added normalize.css
This has to be different in the future
This commit is contained in:
Stephan 2016-12-08 23:21:28 +01:00
parent d8a0b5e8d0
commit eb4b4bfaca
9 changed files with 581 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

94
basic/_tables.scss
View file

@ -5,6 +5,7 @@ table {
margin-top: $space_2;
margin-bottom: $space_2;
border: $basic_border;
border-collapse: collapse;
}
th, td {
@ -13,8 +14,7 @@ th, td {
}
th {
border: $basic_border_width dotted $basic_border_color;
border-bottom: $basic_border;
border: $basic_border;
text-align: left;
}
@ -23,7 +23,22 @@ th {
}
td {
border: $basic_border_width dotted $basic_border_color;
border-right: $cell_border;
border-bottom: $cell_border;
}
td:last-child {
border-right: 0;
}
tr:last-child td {
border-bottom: 0;
}
tfoot {
tr:first-child td {
border-top: $basic_border;
}
}
.table_blank {
@ -45,7 +60,7 @@ td {
}
tr:nth-child(even) td {
background-color: rgba($white,.1);
background-color: $light_color;
}
}
@ -59,3 +74,74 @@ caption {
border: $basic_border_width dotted $basic_border_color;
text-align: center;
}
.table_link {
width: 100%;
border: 0;
table-layout: auto;
tbody {
border-bottom: $cell_border;
&:hover {
background-color: $light_color;
}
}
th, td {
border: 0;
}
.cell_icon {
width: 48px;
text-align: center;
img {
vertical-align: text-top;
}
}
.cell_link {
padding-right: $basic_space;
padding-left: $basic_space;
&:hover {
background-color: $foxtrot_color;
}
a {
display: block;
}
.link_url {
display: none;
}
&:hover .link_url {
display: block;
color: $white;
}
&:hover .link_text {
display: none;
}
}
.cell_date {
width: 12%;
text-align: center;
}
.cell_text {
padding-right: $basic_space;
padding-left: $basic_space;
div {
width: 100%;
}
.shorten {
@extend %short;
max-height: 44px;
}
}
}