less/roojs-bootstrap/alert.scss

[roojs1] / less / roojs-bootstrap / masonary-squares.less

diff --git a/less/roojs-bootstrap/masonary-squares.less b/less/roojs-bootstrap/masonary-squares.less
index 097d72d..5d1982d 100644 (file)
--- a/less/roojs-bootstrap/masonary-squares.less
+++ b/less/roojs-bootstrap/masonary-squares.less
@@ -95,7 +95,7 @@ a.roo-brick-link:hover {
 .masonry-brick-split .masonry-brick-split-body {
     height: 25%;
     padding: 4px;
-    color: #000;
+    color: @gray-base;
     font-size: 11px;
 }
 
@@ -105,8 +105,16 @@ a.roo-brick-link:hover {
     position:absolute;
     top: 0;
     left: 0;
-    background-color:#000;
+    background-color:@gray-base;
     opacity:0.2;
 }
 
+@media (min-width: 768px) {
+    .mask-inverse .masonry-brick-paragraph {
+        background: @black-opacity-50;
+    }
 
+    .mask-inverse:hover .masonry-brick-paragraph {
+        background: none;
+    }
+}
\ No newline at end of file