add unprose class, closes #793 (#795)

mapbox · Jul 2, 2017 · 8dd7f57 · 8dd7f57
1 parent 5056f87
commit 8dd7f57
Show file tree

Hide file tree

Showing 6 changed files with 445 additions and 472 deletions.
diff --git a/src/buttons.css b/src/buttons.css
@@ -33,7 +33,6 @@
   padding: 6px 12px;
   font-weight: bold;
   text-align: center;
-  text-decoration: none !important; /* prevent underline when inside .prose */
   transition: background-color var(--transition),
     border-color var(--transition),
     color var(--transition);

diff --git a/src/forms.css b/src/forms.css
@@ -803,7 +803,6 @@ because it seems to be more cross-browser consistent with all HTML5 input types
   font-weight: bold;
   padding: 0 12px;
   border-radius: 13px;
-  text-decoration: none !important; /* prevent underline when inside .prose */
   background-color: var(--transparent);
   transition: color var(--transition),
     background-color var(--transition);

diff --git a/src/tables.css b/src/tables.css
@@ -31,7 +31,7 @@
  *
  */
 .table,
-.prose table {
+.prose table:not(.unprose) {
   width: 100%;
   background-color: transparent;
   border-spacing: 0;
@@ -44,14 +44,14 @@
 and need an outer border on the whole table. The borders of cells must then
 be adjusted based on their position. */
 
-.prose table {
+.prose table:not(.unprose) {
   margin-bottom: 18px;
 }
 
 .table th,
 .table td,
-.prose table th,
-.prose table td {
+.prose table th:not(.unprose),
+.prose table td:not(.unprose) {
   text-align: left;
   vertical-align: top;
   padding: 12px;
@@ -63,15 +63,15 @@ be adjusted based on their position. */
 
 .table th:first-child,
 .table td:first-child,
-.prose table th:first-child,
-.prose table td:first-child {
+.prose table th:first-child:not(.unprose),
+.prose table td:first-child:not(.unprose) {
   border-left-width: 0;
 }
 
 .table :not(thead) tr:last-of-type th,
 .table :not(thead) tr:last-of-type td,
-.prose table :not(thead) tr:last-of-type th,
-.prose table :not(thead) tr:last-of-type td {
+.prose table :not(thead) tr:last-of-type th:not(.unprose),
+.prose table :not(thead) tr:last-of-type td:not(.unprose) {
   border-bottom-width: 0;
 }
 
@@ -104,16 +104,16 @@ be adjusted based on their position. */
  *
  */
 .table--dark,
-.prose--dark table {
+.prose--dark table:not(.unprose) {
   background: transparent;
   border-color: var(--white);
   color: var(--white);
 }
 
 .table--dark th,
 .table--dark td,
-.prose--dark th,
-.prose--dark td {
+.prose--dark th:not(.unprose),
+.prose--dark td:not(.unprose) {
   border-bottom-color: var(--white);
 }