active_frontend 14.1.39 → 14.1.40

data/vendor/assets/stylesheets/blocks/_table.scss

@@ -134,10 +134,19 @@ thead {
 }
 .table-encase,
 .table-border {
+  border-radius: border-radius(b);
   border-style: solid;
   border-width: 1px;
-  border-top-width: 0;
-  border-left-width: 0;
+
+  thead {
+    tr:first-child {
+      th { border-top-width: 0; }
+    }
+  }
+  tr {
+    td:first-child,
+    th:first-child { border-left-width: 0; }
+  }
 
   &.dark { border-color: color(dark-black); }
 }
@@ -157,17 +166,6 @@ thead {
     }
   }
 }
-.table-encase {
-  tr {
-    td,
-    th {
-      &:first-child {
-        border-left-style: solid;
-        border-left-width: 1px;
-      }
-    }
-  }
-}
 .table-border {
   td,
   th {
@@ -199,21 +197,29 @@ thead {
   .table-responsive {
     @include overflow-scrolling(touch);
     background: color(transparent);
-    border-style: solid;
-    border-width: 1px;
+    border: 1px solid color(dark-haze);
+    border-radius: border-radius(b);
     max-height: 300px;
     overflow: scroll;
 
     td,
     th { white-space: nowrap; }
+    tr {
+      td:first-child,
+      th:first-child { border-left-width: 0; }
+    }
+    tfoot {
+      tr:last-child {
+        td:last-child { border-bottom-width: 0; }
+      }
+    }
 
     .table-line,
     .table-encase,
     .table-border {
       caption {
-        border-style: solid;
-        border-width: 1px;
-        border-bottom-width: 2px;
+        border-bottom-style: solid;
+        border-bottom-width: 3px;
         padding: 10px 10px 8px;
       }
     }
@@ -223,6 +229,9 @@ thead {
       border-color: inherit;
     }
     .table-encase,
-    .table-border { margin: -1px 0 0 -1px; }
+    .table-border {
+      border-radius: 0;
+      border-width: 0;
+    }
   }
 }

data/vendor/assets/stylesheets/components/_alert.scss

@@ -51,5 +51,8 @@
 
 // Styles
 // ==================================================
-.alert-border { border-width: 1px; }
+.alert-border {
+  border-radius: border-radius(b);
+  border-width: 1px;
+}
 .alert-outline { background: color(transparent); }

data/vendor/assets/stylesheets/components/_calendar.scss

@@ -21,6 +21,18 @@
     vertical-align: top;
   }
   th.calendar-widget-header { padding: 6px 0 5px; }
+  thead {
+    tr:first-child {
+      th:first-child { border-top-left-radius: border-radius(b); }
+      th:last-child { border-top-right-radius: border-radius(b); }
+    }
+  }
+  tbody {
+    tr:last-child {
+      td:first-child { border-bottom-left-radius: border-radius(b); }
+      td:last-child { border-bottom-right-radius: border-radius(b); }
+    }
+  }
 
   .ui-resizable-handle { display: none; }
 }

data/vendor/assets/stylesheets/components/_card.scss

@@ -5,27 +5,37 @@
 // Card
 // ==================================================
 .card {
+  border: 1px solid;
   border-color: color(dark-haze);
+  border-radius: border-radius(b);
+
+  > img {
+    border-radius: 0;
+    margin-left: -1px;
+    max-width: calc(100% + 3px);
+    width: calc(100% + 3px);
+  }
 
-  > img { border-radius: 0; }
+  .table-encase,
+  .table-border {
+    border-radius: 0;
+    border-width: 0;
+  }
 }
 .card-header,
 .card-body,
-.card-footer {
-  border: 1px solid;
-  border-color: inherit;
-  padding: 10px 15px;
-}
+.card-footer { padding: 10px 15px; }
 .card-header,
 .card-footer {
   padding-bottom: 9px;
   padding-top: 9px;
 }
 .card-header {
-  border-bottom: 0;
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
   font-weight: text-weight(semibold);
 }
-.card-body {
-  + .card-body { border-top: 0; }
+.card-footer {
+  border-top-style: solid;
+  border-top-width: 1px;
 }
-.card-footer { border-top: 0; }

data/vendor/assets/stylesheets/components/_cohort.scss

@@ -1,16 +1,21 @@
 // Table of Contents
 // ==================================================
 // Cohort
+// Media Queries
 
 // scss-lint:disable ImportantRule
 // scss-lint:disable NestingDepth
 
 // Cohort
 // ==================================================
+.cohort-container {
+  border: 1px solid color(dark-haze);
+  border-radius: border-radius(b);
+}
 .cohort-title {
   background: color(white);
-  border: 1px solid color(dark-haze);
-  border-bottom: 0;
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
   font-size: text-size(b);
   font-weight: text-weight(semibold);
   padding: 10px;
@@ -18,7 +23,6 @@
 }
 .cohort-table {
   background: light-color(light-haze);
-  border: 1px solid color(dark-haze);
   border-spacing: 0;
   border-collapse: collapse;
   font-size: text-size(b);
@@ -26,23 +30,31 @@
   max-width: 100%;
   width: 100%;
 
-  tr:first-child {
-    th {
-      border-bottom-width: 3px;
+  tr {
+    td:last-child,
+    th:last-child { border-right-width: 0; }
+    &:first-child {
+      th {
+        border-bottom-width: 3px;
 
-      &:last-child { border-right: 0; }
+        &:last-child { border-right: 0; }
+      }
+    }
+    &:last-child {
+      td,
+      th { border-bottom-width: 0; }
     }
   }
-
   td,
   th {
     text-align: center;
     padding: 8px;
   }
-
   th {
-    border-bottom: 1px solid color(dark-haze);
-    border-right: 1px solid color(dark-haze);
+    border-style: solid;
+    border-width: 0;
+    border-bottom-width: 1px;
+    border-right-width: 1px;
     font-weight: text-weight(semibold);
   }
 }
@@ -54,8 +66,10 @@
 }
 .cohort-label,
 .cohort-total {
-  border-bottom: 1px solid color(dark-haze);
-  border-right: 1px solid color(dark-haze);
+  border-style: solid;
+  border-width: 0;
+  border-bottom-width: 1px;
+  border-right-width: 1px;
   font-weight: text-weight(semibold);
   width: 80px;
 }
@@ -66,8 +80,10 @@
 }
 .cohort-empty {
   background: color(white);
-  border-bottom: 1px solid color(dark-haze);
-  border-right: 1px solid color(dark-haze);
+  border-style: solid;
+  border-width: 0;
+  border-bottom-width: 1px;
+  border-right-width: 1px;
 }
 .cohort-extra-low,
 .cohort-low,
@@ -84,3 +100,14 @@
 @each $name, $multiplier in (high: 1, hot: 1.75, extra-hot: 2.25) {
   .cohort-#{$name} { background: darken(color(primary), percentage((12.5 * $multiplier) / 100)); }
 }
+
+// Media Queries
+// ==================================================
+@media only screen and (max-width: 960px) {
+  .cohort-container {
+    .table-responsive {
+      border-radius: 0;
+      border-width: 0;
+    }
+  }
+}

data/vendor/assets/stylesheets/components/_missive.scss

@@ -10,6 +10,7 @@
 // ==================================================
 .missive {
   border: 1px solid color(dark-haze);
+  border-radius: border-radius(b);
 
   &::before,
   &::after {
@@ -29,24 +30,26 @@
   padding: 20px;
   white-space: normal;
 }
+.missive-content {
+  width: 100%;
+
+  p:last-child { margin-bottom: 0; }
+}
 .missive-icon {
   font-size: text-size(xxl);
   padding-top: 30px;
   text-align: center;
   width: 80px;
-}
-.missive-content {
-  padding-left: 0;
-  width: calc(100% - 80px);
 
-  p:last-child { margin-bottom: 0; }
+  + .missive-content {
+    padding-left: 0;
+    width: calc(100% - 80px);
+  }
 }
 
 // Styles
 // ==================================================
-.missive-banner {
-  border-left-width: 4px;
-}
+.missive-banner { border-left-width: 4px; }
 
 // Colors
 // ==================================================

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 14.1.39
+  version: 14.1.40
 platform: ruby
 authors:
 - Juan Gomez