bitwrench 2.0.15 → 2.0.16

package/dist/bitwrench.css

@@ -30,7 +30,7 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   color: #212529;
-  background-color: #ffffff;
+  background-color: #fafafa;
 }
 
 .bw_page {
@@ -295,8 +295,8 @@ a {
 
 .bw_container_fluid {
   width: 100%;
-  padding-right: 15px;
-  padding-left: 15px;
+  padding-right: 0.75rem;
+  padding-left: 0.75rem;
   margin-right: auto;
   margin-left: auto;
 }
@@ -436,7 +436,7 @@ a {
   background-clip: border-box;
   margin-bottom: 1.5rem;
   overflow: hidden;
-  background-color: #f8f9fa;
+  background-color: #f4f6f6;
   border: 1px solid #fcfdfd;
   border-radius: 8px;
   box-shadow: 0 1px 3px rgba(0,0,0,0.08);
@@ -528,7 +528,7 @@ a {
   padding: 0.5rem 0.75rem;
   border-radius: 6px;
   color: #212529;
-  background-color: #f8f9fa;
+  background-color: #f4f6f6;
   border-color: #fcfdfd;
 }
 
@@ -758,6 +758,8 @@ textarea.bw_form_control {
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
+  padding: 0.35rem 0.65rem;
+  border-radius: 0.25rem;
 }
 
 .bw_badge:empty {
@@ -901,7 +903,7 @@ textarea.bw_form_control {
   font-size: 0.9375rem;
   padding: 0.75rem 1rem;
   color: #212529;
-  background-color: #f8f9fa;
+  background-color: #f4f6f6;
   border-color: #fcfdfd;
 }
 
@@ -922,7 +924,7 @@ textarea.bw_form_control {
 .bw_list_group_item.disabled {
   pointer-events: none;
   color: #6c757d;
-  background-color: #f8f9fa;
+  background-color: #f4f6f6;
 }
 
 a.bw_list_group_item {
@@ -968,7 +970,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   line-height: 1.25;
   text-decoration: none;
   color: #006666;
-  background-color: #f8f9fa;
+  background-color: #f4f6f6;
   border-color: #fcfdfd;
 }
 
@@ -1299,6 +1301,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   margin: 0;
   border: none;
   overflow-x: auto;
+  max-width: 100%;
 }
 
 .bw_code_block {
@@ -1384,7 +1387,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
 
 .bw_accordion_item {
   border: 1px solid transparent;
-  background-color: #f8f9fa;
+  background-color: #f4f6f6;
   border-color: #fcfdfd;
 }
 
@@ -1564,7 +1567,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
 
 .bw_modal_dialog {
   position: relative;
-  width: 100%;
+  width: calc(100% - 1rem);
   max-width: 500px;
   margin: 1.75rem auto;
   pointer-events: none;
@@ -1594,7 +1597,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   background-clip: padding-box;
   border: 1px solid transparent;
   outline: 0;
-  background-color: #f8f9fa;
+  background-color: #f4f6f6;
   border-color: #fcfdfd;
   box-shadow: 0 4px 12px rgba(0,0,0,0.16);
 }
@@ -1673,10 +1676,10 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
 .bw_toast {
   pointer-events: auto;
   width: 350px;
-  max-width: 100%;
+  max-width: calc(100vw - 2rem);
   background-clip: padding-box;
   opacity: 0;
-  background-color: #f8f9fa;
+  background-color: #f4f6f6;
   border-color: rgba(0,0,0,0.1);
   box-shadow: 0 4px 12px rgba(0,0,0,0.16);
 }
@@ -1731,7 +1734,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
-  background-color: #f8f9fa;
+  background-color: #f4f6f6;
   border-color: #fcfdfd;
   box-shadow: 0 2px 6px rgba(0,0,0,0.12);
 }
@@ -1912,6 +1915,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   z-index: 999;
   font-size: 0.875rem;
   white-space: nowrap;
+  max-width: min(300px, calc(100vw - 1rem));
   pointer-events: none;
   opacity: 0;
   visibility: hidden;
@@ -1979,7 +1983,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   position: absolute;
   z-index: 1000;
   min-width: 200px;
-  max-width: 320px;
+  max-width: min(320px, calc(100vw - 2rem));
   pointer-events: none;
   opacity: 0;
   visibility: hidden;
@@ -2429,6 +2433,45 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   .bw_feature_grid, .bw_feature-grid {
     grid-template-columns: 1fr;
   }
+  .bw_modal_dialog {
+    margin: 0.5rem auto;
+  }
+  .bw_modal_lg {
+    max-width: calc(100% - 1rem);
+  }
+  .bw_modal_xl {
+    max-width: calc(100% - 1rem);
+  }
+  .bw_navbar {
+    padding: 0.5rem 0.75rem;
+  }
+  .bw_navbar_brand {
+    margin-right: 0.5rem;
+    font-size: 1rem;
+  }
+  .bw_navbar_nav {
+    flex-wrap: wrap;
+  }
+  .bw_tooltip {
+    white-space: normal;
+  }
+  .bw_table {
+    display: block;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .bw_col, .bw_col_1, .bw_col_2, .bw_col_3, .bw_col_4, .bw_col_5, .bw_col_6, .bw_col_7, .bw_col_8, .bw_col_9, .bw_col_10, .bw_col_11, .bw_col_12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .bw_container {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+  .bw_container_fluid {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
 }
 
 .bw_m_0 {
@@ -3178,7 +3221,7 @@ a:hover {
   padding: 0.5rem 0.75rem;
   border-radius: 6px;
   color: #212529;
-  background-color: #f8f9fa;
+  background-color: #f4f6f6;
   border-color: #fcfdfd;
 }
 
@@ -3279,7 +3322,7 @@ a.bw_list_group_item:hover {
 
 .bw_page_item.bw_disabled .bw_page_link {
   color: #6c757d;
-  background-color: #f8f9fa;
+  background-color: #f4f6f6;
   border-color: #fcfdfd;
 }