active_frontend 1.0.0

data/vendor/assets/stylesheets/image.scss

@@ -0,0 +1,330 @@
+/* Table of Contents
+==================================================
+# Image
+# Placeholder
+# Styles
+# Media Queries */
+
+/* # Image
+================================================== */
+img {
+  border-radius: 3px;
+  border: 0;
+  display: block;
+  height: auto;
+  max-width: 100%;
+  vertical-align: middle;
+  width: auto\9;
+}
+
+/* # Placeholder
+================================================== */
+.img-placeholder {
+  background: rgba(245,248,250,1);
+  border-radius: 4px;
+  color: rgba(43,50,53,1);
+  display: block;
+  font-size: 13px;
+  font-weight: bold;
+  height: 0;
+  line-height: 0;
+  padding: 50% 0;
+  text-align: center;
+  vertical-align: middle;
+  width: 100%;
+}
+.img-placeholder > i {
+  color: rgba(43,50,53,1);
+  display: block;
+  font-size: 4800%;
+  margin-top: -27%;
+}
+.one.column > .img-placeholder > i,
+.one.columns > .img-placeholder > i {
+  font-size: 200%;
+  margin-top: -25%;
+}
+.two.columns > .img-placeholder > i {
+  font-size: 600%;
+  margin-top: -29%;
+}
+.three.columns > .img-placeholder > i {
+  font-size: 900%;
+  margin-top: -28%;
+}
+.four.columns > .img-placeholder > i {
+  font-size: 1200%;
+  margin-top: -27%;
+}
+.five.columns > .img-placeholder > i {
+  font-size: 1500%;
+  margin-top: -28%;
+}
+.six.columns > .img-placeholder > i {
+  font-size: 1800%;
+  margin-top: -28%;
+}
+.seven.columns > .img-placeholder > i {
+  font-size: 2100%;
+  margin-top: -27%;
+}
+.eight.columns > .img-placeholder > i {
+  font-size: 2400%;
+  margin-top: -27%;
+}
+.nine.columns > .img-placeholder > i {
+  font-size: 2700%;
+  margin-top: -28%;
+}
+.ten.columns > .img-placeholder > i {
+  font-size: 3000%;
+  margin-top: -27%;
+}
+.eleven.columns > .img-placeholder > i {
+  font-size: 3300%;
+  margin-top: -27%;
+}
+.twelve.columns > .img-placeholder > i {
+  font-size: 3600%;
+  margin-top: -27%;
+}
+.thirteen.columns > .img-placeholder > i {
+  font-size: 3900%;
+  margin-top: -27%;
+}
+.fourteen.columns > .img-placeholder > i {
+  font-size: 4200%;
+  margin-top: -27%;
+}
+.fifteen.columns > .img-placeholder > i {
+  font-size: 4500%;
+  margin-top: -27%;
+}
+.sixteen.columns > .img-placeholder > i {
+  font-size: 4800%;
+  margin-top: -27%;
+}
+.one-third.column > .img-placeholder > i {
+  font-size: 1500%;
+  margin-top: -27%;
+}
+.two-thirds.column > .img-placeholder > i {
+  font-size: 3300%;
+  margin-top: -28%;
+}
+
+/* # Styles
+================================================== */
+.img-circle { border-radius: 500px; }
+.img-center { margin: 0 auto; }
+
+/* # Media Queries
+================================================== */
+@media only screen and (min-width: 960px) and (max-width: 1199px) {
+  .img-placeholder > i {
+    font-size: 4600%;
+    margin-top: -32%;
+  }
+  .one.column > .img-placeholder > i,
+  .one.columns > .img-placeholder > i {
+    font-size: 150%;
+    margin-top: -24%;
+  }
+  .two.columns > .img-placeholder > i {
+    font-size: 400%;
+    margin-top: -27%;
+  }
+  .three.columns > .img-placeholder > i {
+    font-size: 700%;
+    margin-top: -28%;
+  }
+  .four.columns > .img-placeholder > i {
+    font-size: 1000%;
+    margin-top: -29%;
+  }
+  .five.columns > .img-placeholder > i {
+    font-size: 1300%;
+    margin-top: -30%;
+  }
+  .six.columns > .img-placeholder > i {
+    font-size: 1600%;
+    margin-top: -30%;
+  }
+  .seven.columns > .img-placeholder > i {
+    font-size: 1900%;
+    margin-top: -31%;
+  }
+  .eight.columns > .img-placeholder > i {
+    font-size: 2200%;
+    margin-top: -31%;
+  }
+  .nine.columns > .img-placeholder > i {
+    font-size: 2500%;
+    margin-top: -31%;
+  }
+  .ten.columns > .img-placeholder > i {
+    font-size: 2800%;
+    margin-top: -31%;
+  }
+  .eleven.columns > .img-placeholder > i {
+    font-size: 3100%;
+    margin-top: -31%;
+  }
+  .twelve.columns > .img-placeholder > i {
+    font-size: 3400%;
+    margin-top: -31%;
+  }
+  .thirteen.columns > .img-placeholder > i {
+    font-size: 3700%;
+    margin-top: -31%;
+  }
+  .fourteen.columns > .img-placeholder > i {
+    font-size: 4000%;
+    margin-top: -31%;
+  }
+  .fifteen.columns > .img-placeholder > i {
+    font-size: 4300%;
+    margin-top: -32%;
+  }
+  .sixteen.columns > .img-placeholder > i {
+    font-size: 4600%;
+    margin-top: -32%;
+  }
+  .one-third.column > .img-placeholder > i {
+    font-size: 1300%;
+    margin-top: -29%;
+  }
+  .two-thirds.column > .img-placeholder > i {
+    font-size: 3100%;
+    margin-top: -32%;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+  .img-placeholder > i {
+    font-size: 4500%;
+    margin-top: -39%;
+  }
+  .one.column > .img-placeholder > i,
+  .one.columns > .img-placeholder > i {
+    font-size: 100%;
+    margin-top: -24%;
+  }
+  .two.columns > .img-placeholder > i {
+    font-size: 300%;
+    margin-top: -26%;
+  }
+  .three.columns > .img-placeholder > i {
+    font-size: 600%;
+    margin-top: -32%;
+  }
+  .four.columns > .img-placeholder > i {
+    font-size: 900%;
+    margin-top: -34%;
+  }
+  .five.columns > .img-placeholder > i {
+    font-size: 1200%;
+    margin-top: -35%;
+  }
+  .six.columns > .img-placeholder > i {
+    font-size: 1500%;
+    margin-top: -37%;
+  }
+  .seven.columns > .img-placeholder > i {
+    font-size: 1800%;
+    margin-top: -38%;
+  }
+  .eight.columns > .img-placeholder > i {
+    font-size: 2100%;
+    margin-top: -38%;
+  }
+  .nine.columns > .img-placeholder > i {
+    font-size: 2400%;
+    margin-top: -38%;
+  }
+  .ten.columns > .img-placeholder > i {
+    font-size: 2700%;
+    margin-top: -38%;
+  }
+  .eleven.columns > .img-placeholder > i {
+    font-size: 3000%;
+    margin-top: -39%;
+  }
+  .twelve.columns > .img-placeholder > i {
+    font-size: 3300%;
+    margin-top: -39%;
+  }
+  .thirteen.columns > .img-placeholder > i {
+    font-size: 3600%;
+    margin-top: -39%;
+  }
+  .fourteen.columns > .img-placeholder > i {
+    font-size: 3900%;
+    margin-top: -39%;
+  }
+  .fifteen.columns > .img-placeholder > i {
+    font-size: 4200%;
+    margin-top: -39%;
+  }
+  .sixteen.columns > .img-placeholder > i {
+    font-size: 4500%;
+    margin-top: -39%;
+  }
+  .one-third.column > .img-placeholder > i {
+    font-size: 1100%;
+    margin-top: -32%;
+  }
+  .two-thirds.column > .img-placeholder > i {
+    font-size: 2900%;
+    margin-top: -39%;
+  }
+}
+@media only screen and (max-width: 767px) {
+  .img-placeholder > i,
+  .one.column > .img-placeholder > i,
+  .one.columns > .img-placeholder > i,
+  .two.columns > .img-placeholder > i,
+  .three.columns > .img-placeholder > i,
+  .four.columns > .img-placeholder > i,
+  .five.columns > .img-placeholder > i,
+  .six.columns > .img-placeholder > i,
+  .seven.columns > .img-placeholder > i,
+  .eight.columns > .img-placeholder > i,
+  .nine.columns > .img-placeholder > i,
+  .ten.columns > .img-placeholder > i,
+  .eleven.columns > .img-placeholder > i,
+  .twelve.columns > .img-placeholder > i,
+  .thirteen.columns > .img-placeholder > i,
+  .fourteen.columns > .img-placeholder > i,
+  .fifteen.columns > .img-placeholder > i,
+  .sixteen.columns > .img-placeholder > i,
+  .one-third.column > .img-placeholder > i,
+  .two-thirds.column > .img-placeholder > i {
+    font-size: 1500%;
+    margin-top: -33%;
+  }
+}
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+  .img-placeholder > i,
+  .one.column > .img-placeholder > i,
+  .one.columns > .img-placeholder > i,
+  .two.columns > .img-placeholder > i,
+  .three.columns > .img-placeholder > i,
+  .four.columns > .img-placeholder > i,
+  .five.columns > .img-placeholder > i,
+  .six.columns > .img-placeholder > i,
+  .seven.columns > .img-placeholder > i,
+  .eight.columns > .img-placeholder > i,
+  .nine.columns > .img-placeholder > i,
+  .ten.columns > .img-placeholder > i,
+  .eleven.columns > .img-placeholder > i,
+  .twelve.columns > .img-placeholder > i,
+  .thirteen.columns > .img-placeholder > i,
+  .fourteen.columns > .img-placeholder > i,
+  .fifteen.columns > .img-placeholder > i,
+  .sixteen.columns > .img-placeholder > i,
+  .one-third.column > .img-placeholder > i,
+  .two-thirds.column > .img-placeholder > i {
+    font-size: 2100%;
+    margin-top: -30%;
+  }
+}

data/vendor/assets/stylesheets/label_and_badge.scss

@@ -0,0 +1,110 @@
+/* Table of Contents
+==================================================
+# Label and Badge */
+
+/* # Label and Badge
+================================================== */
+.badge,
+.label {
+  background: rgba(240,243,245,1);
+  border-radius: 2px;
+  color: rgba(43,50,53,1);
+  display: inline-block;
+  padding: 7px;
+  font-size: 12px;
+  font-weight: bold;
+  line-height: 12px;
+  min-width: 12px;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+}
+.badge { border-radius: 500px; }
+.badge:empty,
+.label:empty { display: none; }
+.badge-black,
+.label-black,
+.badge-blue,
+.label-blue,
+.badge-green,
+.label-green,
+.badge-orange,
+.label-orange,
+.badge-purple,
+.label-purple,
+.badge-red,
+.label-red,
+.badge-smoke,
+.label-smoke,
+.badge-white,
+.label-white { color: rgba(255,255,255,1); }
+.badge-black,
+.label-black { background: rgba(56,67,81,1); }
+.badge-blue,
+.label-blue { background: rgba(15,135,226,1); }
+.badge-green,
+.label-green { background: rgba(112,169,13,1); }
+.badge-orange,
+.label-orange { background: rgba(232,126,15,1); }
+.badge-purple,
+.label-purple { background: rgba(117,73,170,1); }
+.badge-red,
+.label-red { background: rgba(218,79,46,1);}
+.badge-smoke,
+.label-smoke { background: rgba(102,117,127,1); }
+.badge-white,
+.label-white { background: rgba(255,255,255,1); }
+.badge-yellow,
+.label-yellow { background: rgba(255,217,15,1); }
+.badge.badge-outline,
+.label.label-outline {
+  background: transparent;
+  border: 1px solid rgba(136,153,166,1);
+  color: rgba(136,153,166,1);
+  padding: 6px;
+}
+.badge-black.badge-outline,
+.label-black.label-outline {
+  border-color: rgba(56,67,81,1);
+  color: rgba(56,67,81,1);
+}
+.badge-blue.badge-outline,
+.label-blue.label-outline {
+  border-color: rgba(15,135,226,1);
+  color: rgba(15,135,226,1);
+}
+.badge-green.badge-outline,
+.label-green.label-outline {
+  border-color: rgba(112,169,13,1);
+  color: rgba(112,169,13,1);
+}
+.badge-orange.badge-outline,
+.label-orange.label-outline {
+  border-color: rgba(232,126,15,1);
+  color: rgba(232,126,15,1);
+}
+.badge-purple.badge-outline,
+.label-purple.label-outline {
+  border-color: rgba(117,73,170,1);
+  color: rgba(117,73,170,1);
+}
+.badge-red.badge-outline,
+.label-red.label-outline {
+  border-color: rgba(218,79,46,1);
+  color: rgba(218,79,46,1);
+}
+.badge-smoke.badge-outline,
+.label-smoke.label-outline {
+  border-color: rgba(102,117,127,1);
+  color: rgba(102,117,127,1);
+}
+.badge-white.badge-outline,
+.label-white.label-outline {
+  border-color: rgba(255,255,255,1);
+  color: rgba(255,255,255,1);
+}
+.badge-yellow.badge-outline,
+.label-yellow.label-outline {
+  border-color: rgba(255,217,15,1);
+  color: rgba(255,217,15,1);
+}

data/vendor/assets/stylesheets/link.scss

@@ -0,0 +1,25 @@
+/* Table of Contents
+==================================================
+# Link
+# Colors */
+
+/* # Link
+================================================== */
+a {
+  -webkit-transition: all 0.3s ease-in-out;
+          transition: all 0.3s ease-in-out;
+  text-decoration: none;
+}
+
+/* # Colors
+================================================== */
+.link-black { color: rgba(43,50,53,1); }
+.link-blue { color: rgba(15,135,226,1); }
+.link-gray { color: rgba(136,153,166,1); }
+.link-green { color: rgba(112,169,13,1); }
+.link-orange { color: rgba(232,126,15,1); }
+.text-purple { color: rgba(117,73,170,1); }
+.link-red { color: rgba(218,79,46,1); }
+.link-smoke { color: rgba(102,117,127,1); }
+.link-white { color: rgba(255,255,255,1); }
+.link-yellow { color: rgba(255,217,15,1); }