83 lines
1.4 KiB
Sass
83 lines
1.4 KiB
Sass
.two-column
|
|
width: 100%
|
|
table-layout: fixed
|
|
|
|
th
|
|
text-transform: uppercase
|
|
|
|
th, td
|
|
width: 50%
|
|
text-align: left
|
|
|
|
|
|
.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
|
|
|
|
|
|
// 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
|
|
|
|
@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
|