|
|
| (5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) |
| Zeile 50: |
Zeile 50: |
| font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; | | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; |
| color: #262626; | | color: #262626; |
| }
| |
|
| |
| /* TABELLEN */
| |
| table {
| |
| border-collapse: separate;
| |
| border-spacing: 0;
| |
| border: 1px solid var(--color-gray-40);
| |
| border-radius: 10px;
| |
| overflow: hidden;
| |
| width: 100%;
| |
| margin-bottom: 2rem;
| |
| }
| |
|
| |
| thead th {
| |
| padding: 1rem;
| |
| background-color: var(--color-background-secondary);
| |
| font-weight: bold;
| |
| font-size: inherit;
| |
| }
| |
|
| |
| thead th:not(:last-child) {
| |
| border-right: 1px solid var(--color-gray-40);
| |
| }
| |
|
| |
| tbody td {
| |
| border-bottom: 1px solid var(--color-gray-40);
| |
| padding: 1rem;
| |
| p {
| |
| margin: 0;
| |
| }
| |
| }
| |
|
| |
| tbody td:not(:last-child) {
| |
| border-right: 1px solid var(--color-gray-40);
| |
| }
| |
|
| |
| tbody tr:last-child td {
| |
| border-bottom: none;
| |
| }
| |
|
| |
| tbody tr:first-child td {
| |
| border-top: 1px solid var(--color-gray-40);
| |
| }
| |
|
| |
| tfoot td {
| |
| padding-right: spacing();
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| tfoot tr:first-child td {
| |
| border-top: 1px solid var(--color-gray-40);
| |
| }
| |
|
| |
| tfoot td:not(:last-child) {
| |
| border-right: none;
| |
| }
| |
|
| |
| .product {
| |
| display: flex;
| |
| align-items: center;
| |
| gap: 0.5rem;
| |
| width: 100%;
| |
| }
| |
|
| |
| //for the set contents table footer, SetContents.tsx
| |
| tfoot {
| |
| tr {
| |
| td p {
| |
| margin: 0.25rem 0;
| |
| }
| |
|
| |
| td.priceBold {
| |
| font-weight: bold;
| |
| }
| |
|
| |
| &.youSave {
| |
| color: var(--color-negative);
| |
| }
| |
|
| |
| &.setPrice {
| |
| color: var(--color-text-title-primary);
| |
| }
| |
| }
| |
| } | | } |
