Skip to content

Instantly share code, notes, and snippets.

@codewizard13
Created November 16, 2022 20:17
Show Gist options
  • Save codewizard13/6f6feab421fb305990e253dead1ad859 to your computer and use it in GitHub Desktop.
Save codewizard13/6f6feab421fb305990e253dead1ad859 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
/* ---------- TABLE: BASE ------------ */
.ehw-body.notes {
h2 {
color: cadetblue;
}
table {
border: solid 2px brown;
margin: 0;
margin-bottom: 2em;
max-width: 1024px;
border-collapse: collapse;
th,
td {
padding: 0.4em;
border-bottom: solid gray 1px;
font-weight: normal;
text-align: left;
}
th:first-of-type,
td:first-of-type {
background: #d6fafa;
font-weight: 600;
text-align: left;
white-space: nowrap;
}
tr:last-of-type td {
border-bottom: none;
}
}
.table--2-col {
td:last-child {
width: 100%;
}
}
.table-horz {
th,
td:first-of-type {
background: none;
font-weight: 600;
text-align: left;
white-space: nowrap;
border-right: 1px solid gray;
}
th {
background: #d6fafa;
}
td {
border-right: 1px solid gray;
}
}
#course-info-table {
th {
background: gold;
}
th:first-of-type {
background: gold;
text-align: center;
}
td:first-of-type {
background: antiquewhite;
}
}
/* Force any table with last col 100% to auto */
.fit-content {
td:last-child {
width: auto;
}
}
#videos ~ h2:before {
font-family: "FontAwesome";
content: "\f008";
padding-right: .6rem;
}
}
@charset "UTF-8";
/* ---------- TABLE: BASE ------------ */
.ehw-body.notes {
/* Force any table with last col 100% to auto */
}
.ehw-body.notes h2 {
color: cadetblue;
}
.ehw-body.notes table {
border: solid 2px brown;
margin: 0;
margin-bottom: 2em;
max-width: 1024px;
border-collapse: collapse;
}
.ehw-body.notes table th,
.ehw-body.notes table td {
padding: 0.4em;
border-bottom: solid gray 1px;
font-weight: normal;
text-align: left;
}
.ehw-body.notes table th:first-of-type,
.ehw-body.notes table td:first-of-type {
background: #d6fafa;
font-weight: 600;
text-align: left;
white-space: nowrap;
}
.ehw-body.notes table tr:last-of-type td {
border-bottom: none;
}
.ehw-body.notes .table--2-col td:last-child {
width: 100%;
}
.ehw-body.notes .table-horz th,
.ehw-body.notes .table-horz td:first-of-type {
background: none;
font-weight: 600;
text-align: left;
white-space: nowrap;
border-right: 1px solid gray;
}
.ehw-body.notes .table-horz th {
background: #d6fafa;
}
.ehw-body.notes .table-horz td {
border-right: 1px solid gray;
}
.ehw-body.notes #course-info-table th {
background: gold;
}
.ehw-body.notes #course-info-table th:first-of-type {
background: gold;
text-align: center;
}
.ehw-body.notes #course-info-table td:first-of-type {
background: antiquewhite;
}
.ehw-body.notes .fit-content td:last-child {
width: auto;
}
.ehw-body.notes #videos ~ h2:before {
font-family: "FontAwesome";
content: "";
padding-right: 0.6rem;
}
{
"sass": {
"compiler": "dart-sass/1.32.12",
"extensions": {},
"syntax": "SCSS",
"outputStyle": "expanded"
},
"autoprefixer": false
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment