Beispiel-Datei strukturiert
This commit is contained in:
parent
9c03fb44cc
commit
e7ca01dd40
12 changed files with 5023 additions and 170 deletions
|
|
@ -48,7 +48,7 @@
|
|||
*,
|
||||
::before,
|
||||
::after {
|
||||
box-sizing: border-box;
|
||||
box-sizing: $box_sizing;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -82,8 +82,7 @@
|
|||
background-color: transparentize($alpha_color, .5);
|
||||
}
|
||||
|
||||
.viewport-hover-body {
|
||||
@extend %full_viewport;
|
||||
.hover_background_change {
|
||||
background-color: darken($basic_background_color, 20%);
|
||||
transition: background-color .2s ease-in-out;
|
||||
&:hover {
|
||||
|
|
|
|||
|
|
@ -12,13 +12,13 @@ html {
|
|||
// -----------------------------------------------------------------------------
|
||||
|
||||
body {
|
||||
box-sizing: border-box;
|
||||
box-sizing: $box_sizing;
|
||||
font-family: $primary_font_family;
|
||||
font-size: $basic_size;
|
||||
line-height: $basic_line;
|
||||
color: $basic_font_color;
|
||||
background-color: $basic_background_color;
|
||||
|
||||
|
||||
*,
|
||||
::before,
|
||||
::after {
|
||||
|
|
@ -108,4 +108,3 @@ h6 {
|
|||
text-transform: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@ tfoot {
|
|||
|
||||
.table_blank {
|
||||
border: $basic_border_width solid transparent;
|
||||
|
||||
|
||||
th, td {
|
||||
border: $basic_border_width solid transparent;
|
||||
}
|
||||
|
|
@ -74,74 +74,3 @@ 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: $basic_highlight_color;
|
||||
}
|
||||
|
||||
&: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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue