org-media-sass/_tables.sass

100 lines
1.7 KiB
Sass
Raw Permalink Normal View History

2025-02-19 02:42:43 +02:00
.two-column
width: 100%
table-layout: fixed
th
text-transform: uppercase
th, td
width: 50%
text-align: left
.two-column-definitions
width: 100%
table-layout: fixed
colgroup
col:first-child
width: 20%
col:last-child
width: 80%
th
text-transform: uppercase
th, td
text-align: left
2025-02-19 02:42:43 +02:00
.two-column-desc
width: 100%
table-layout: fixed
th, td
width: 50%
text-align: left
thead
th
text-align: left
tr:nth-child(1) th
text-transform: uppercase
padding-bottom: 0
border-bottom: none
tr:nth-child(2) th
text-transform: lowercase
border-top: none
font-size: .7em
padding-left: 1rem
2024-11-27 02:08:59 +02:00
// Quotes Table Style
.quotes
border-collapse: collapse
width: 8em // Set the width to 8em for a much shorter table
margin: 20px 0
border: none // Ensure no borders are applied to the table
td
padding: 10px 0
vertical-align: top
border: none // Remove borders between rows
td:first-child
text-align: left
font-weight: bold
td:last-child
text-align: right
font-style: italic
&:before
content: ''
&:after
content: ''
// Thin Table for Calls/Username with Side Borders Only
.thin-table
width: auto
border-spacing: 0
margin: 15px 0
font-size: 14px
th
font-weight: bold
th, td
padding: 12px 16px /* Increased padding for more width */
text-align: center
2024-11-29 10:29:02 +02:00
@mixin set-table-thin-color($table-border, $table-border-sides)
.thin-table
border: solid $table-border
th, td
border-left: 1px solid $table-border-sides
border-right: 1px solid $table-border-sides