_panel.scss in active_frontend-8.0.0

- old
+ new

@@ -1,27 +1,31 @@
 /* Table of Contents
 ==================================================
-# Panel */
+# Panel
+# Media Queries */
 
 /* # Panel
 ================================================== */
 .panel {
   background: $color-white;
   border: 1px solid $color-haze-dark;
+  border-radius: 2px;
   margin-bottom: 20px;
 }
 .panel-header {
   background: $color-haze-light;
   border-bottom: 1px solid $color-haze-dark;
-  padding: 16px 15px 14px 15px;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px;
+  padding: 14px 15px 12px 15px;
 }
 .panel-header > .btn { margin-top: -2px; }
 .panel-header > .btn-group  { margin: -5px 0 -3px 0; }
 .panel-title {
   color: $color-black;
   display: inline-block;
-  font-size: 17px;
+  font-size: 16px;
   line-height: 1;
   margin-bottom: 0;
   margin-top: 0;
 }
 .panel-title > a { color: $color-black; }
@@ -35,7 +39,23 @@
   margin-bottom: 0;
 }
 .panel-footer {
   background: $color-haze-light;
   border-top: 1px solid $color-haze-dark;
-  padding: 13px 15px 10px 15px;
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 2px;
+  padding: 15px 15px 12px 15px;
+}
+
+/* # Media Queries
+================================================== */
+@media
+only screen and (-webkit-min-device-pixel-ratio: 2),
+only screen and (   min--moz-device-pixel-ratio: 2),
+only screen and (     -o-min-device-pixel-ratio: 2/1),
+only screen and (        min-device-pixel-ratio: 2),
+only screen and (                min-resolution: 192dpi),
+only screen and (                min-resolution: 2dppx) {
+  .panel,
+  .panel-header,
+  .panel-footer { border-width: 0.5px; }
 }
\ No newline at end of file