Update bootstrap, update/add all of PatternFly, add font-awesome

[cascardo/ipsilon.git] / less / patternfly / cards.less

diff --git a/less/patternfly/cards.less b/less/patternfly/cards.less
new file mode 100644 (file)
index 0000000..77abebe
--- /dev/null
+++ b/less/patternfly/cards.less
@@ -0,0 +1,60 @@
+//
+// Cards
+// --------------------------------------------------
+
+.container-cards-pf {
+  margin-top: @grid-gutter-width/2;
+}
+
+.card-pf {
+  background: @card-pf-bg-color;
+  border-top: 2px solid @card-pf-border-top-color;
+  .box-shadow(0 1px 1px rgba(0,0,0,.175));
+  padding: 0 @grid-gutter-width/2;
+  margin: 0 (-(@grid-gutter-width/4)) @grid-gutter-width/2;
+  &.card-pf-accented {
+    border-top-color: @card-pf-accented-border-top-color;
+  }
+}
+
+.card-pf-body {
+  margin: @grid-gutter-width/2 0;
+  padding: 0 0 @grid-gutter-width/2;
+  > *:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.card-pf-footer {
+  background-color: @card-pf-footer-bg-color;
+  border-top: 1px solid @card-pf-border-color;
+  margin: 0 (-(@grid-gutter-width/2)) !important;
+  padding: @grid-gutter-width/2 @grid-gutter-width/2 @grid-gutter-width/4;
+  a > {
+    .fa, .pficon {
+      margin-right: 5px;
+    }
+  }
+}
+
+.card-pf-heading {
+  border-bottom: 1px solid @card-pf-border-color;
+  margin: 0 (-(@grid-gutter-width/2)) @grid-gutter-width/2;
+  padding: 0 @grid-gutter-width/2 0;
+}
+
+.card-pf-title {
+  font-size: @font-size-h3;
+  font-weight: 300;
+  margin: @grid-gutter-width/2 0;
+  padding: 0;
+}
+
+.cards-pf {
+  background: @card-pf-container-bg-color;
+}
+
+.row-cards-pf {
+  margin-left: -(@grid-gutter-width/4);
+  margin-right: -(@grid-gutter-width/4);
+}