wrgem 0.0.43 → 0.0.44

data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/example.scss

@@ -0,0 +1,412 @@
+@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300); // Open Sans font
+@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);   // Condensed
+
+@mixin retina-background($url, $type:png) {
+  background-image: url("#{$url}.#{$type}");
+  background-image: -webkit-image-set(url("#{$url}.#{$type}") 1x,
+                            url("#{$url}@2x.#{$type}") 2x);
+}
+
+body {
+	background-color: #f2f4f6;
+  font-family: 'Open Sans', sans-serif;
+  text-align: center;
+}
+
+h1 {
+  @include retina-background("images/logo_big"); 
+  width: 385px;
+  height: 81px;
+  text-indent: -9999px;
+  white-space: nowrap;
+  margin: 50px auto;
+  @media all and (max-width: 420px) {
+    width: 300px;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+  }
+  @media all and (max-width: 330px) {
+    width: 250px;
+  }
+}
+h2 {
+  font-size: 20px;
+  color: #A9B2BC;
+  line-height: 25px;
+  text-transform: uppercase;
+  font-weight: 300;
+  text-align: center;
+  display: block;
+}
+h3 {
+  font-size: 28px;
+  color: #C7CCD1;
+  text-transform: uppercase;
+  font-family: 'Open Sans Condensed', sans-serif;
+  margin-top: 100px;
+  text-align: center;
+  position: relative;
+  &#download-section {
+    margin-top: 50px;
+    padding-top: 40px;
+  }
+  &::after {
+    content: "";
+    background-color: #e2e5e8;
+    height: 4px;
+    width: 700px;
+    left: 50%;
+    margin-left: -350px;
+    position: absolute;
+    margin-top: -50px;
+    border-radius: 2px;
+
+    @media all and (max-width: 740px) {
+      width: auto;
+      left: 20px;
+      right: 20px;
+      margin-left: 0;
+    }
+  }
+}
+
+a {
+  text-decoration: none;
+}
+
+p {
+  max-width: 826px;
+  margin: 30px auto;
+  font-size: 17px;
+  font-weight: 300;
+  color: #848D94;
+  line-height: 25px;
+  text-align: left;
+  &.center {
+    text-align: center;
+  }
+
+  strong {
+    color: #8A8F94;
+    font-weight: 600;
+  }
+  a {
+    color: #9ECADF;
+    font-weight: 600;
+    &:hover {
+      text-decoration: underline;
+    }
+    &.twitter {
+      color: #5eaade;
+    }
+    &.dribbble {
+      color: #f26798;
+    }
+    &.github {
+      color: #323131;
+    }
+  }
+}
+
+button, .button {
+  $btnBlue: #AEDEF4;
+  $btnGray: #D0D0D0;
+
+  background-color: $btnBlue;
+  color: white;
+  border: none;
+  box-shadow: none;
+  font-size: 17px;
+  font-weight: 500;
+  font-weight: 600;
+  border-radius: 3px;
+  padding: 15px 35px;
+  margin: 26px 5px 0 5px;
+  cursor: pointer;
+  &:focus {
+    outline: none;
+  }
+  &:hover {
+    background-color: darken($btnBlue, 3%);
+  }
+  &:active {
+    background-color: darken($btnBlue, 10%);
+  }
+  &.cancel {
+    background-color: $btnGray;
+    &:hover {
+      background-color: darken($btnGray, 3%);
+    }
+    &:active {
+      background-color: darken($btnGray, 10%);
+    }
+  }
+  &.download {
+    position: fixed;
+    right: 30px;
+    top: 0;
+    background-color: rgba(white, 0.9);
+    color: #ABCADA;
+    font-weight: 500;
+    text-transform: uppercase;
+    z-index: 3;
+
+    @media all and (max-width: 1278px) {
+      display: none;
+    }
+  }
+}
+
+.center-container {
+  max-width: 700px;
+  margin: 70px auto;
+}
+
+pre {
+  background-color: #49483e;
+  color: #f8f8f2;
+  padding: 10px;
+  border-radius: 5px;
+  white-space: pre-line;
+  text-align: left;
+  font-size: 14px;
+  max-width: 600px;
+
+  .str {
+    color: #e6db74;
+  }
+  .func {
+    color: #66d9ef;
+  }
+  .val {
+    color: #a381ff;
+  }
+  .tag {
+    color: #e92772;
+  }
+  .attr {
+    color: #a6e22d;
+  }
+}
+
+.showcase {
+  background-color: #eceef0;
+  padding: 20px;
+  display: inline-block;
+  width: 383px;
+  vertical-align: top;
+  position: relative;
+
+  @media all and (max-width: 865px) {
+    margin: 5px auto;
+    padding: 46px 20px;
+  }
+  @media all and (max-width: 440px) {
+    width: auto;
+  }
+
+  h4 {
+    font-size: 16px;
+    color: #BCBCBC;
+    line-height: 22px;
+    margin: 0 auto;
+    font-weight: 400;
+  }
+  &.sweet h4 {
+    width: 117px;
+    height: 25px;
+    margin-top: -3px;
+    text-indent: -9999px;
+    @include retina-background("images/logo_small"); 
+  }
+  h5 {
+    margin-bottom: -7px;
+    text-align: left;
+    font-weight: 500;
+    text-transform: uppercase;
+    color: rgb(194, 194, 194);
+  }
+
+  button {
+    margin-bottom: 10px;
+  }
+
+  .vs-icon {
+    @include retina-background("images/vs_icon");
+    width: 69px;
+    height: 69px;
+    position: absolute;
+    right: -34px;
+    top: 60px;
+    z-index: 2;
+
+    @media all and (max-width: 865px) {
+      margin: 5px auto;
+      right: auto;
+      left: 50%;
+      margin-left: -35px;
+      top: auto;
+      bottom: -35px;
+    }
+  }
+}
+
+
+ul.examples {
+  list-style-type: none;
+  width: 700px;
+  margin: 0 auto;
+  text-align: left;
+  padding-left: 0;
+  @media all and (max-width: 758px) {
+    width: auto;
+  }
+
+  li {
+    padding-left: 0;
+  }
+
+  .ui, pre {
+    display: inline-block;
+    vertical-align: top;
+
+    @media all and (max-width: 758px) {
+      display: block;
+      max-width: none;
+      margin: 0 auto;
+    }
+  }
+  .ui {
+    width: 300px;
+    text-align: center;
+
+    button {
+      margin-top: 12px;
+    }
+
+    p {
+      text-align: center;
+      margin-bottom: 0;
+    }
+  }
+
+  pre {
+    max-width: 370px;
+    margin-top: 67px;
+
+    @media all and (max-width: 758px) {
+      margin-top: 16px !important;
+      margin-bottom: 60px;
+    }
+  }
+  .warning pre {
+    margin-top: 93px;
+  }
+}
+
+
+ol {
+  max-width: 700px;
+  margin: 70px auto;
+  list-style-position: inside;
+  padding-left: 0;
+
+  li {
+    color: #A7ADB2;
+
+    p {
+      margin-bottom: 10px;
+    }
+  }
+}
+
+
+table {
+  width: 700px;
+  font-size: 14px;
+  color: #8a8f94;
+  margin: 10px auto;
+  text-align: left;
+  border-collapse: collapse;
+  @media all and (max-width: 750px) {
+    width: auto; 
+    margin: 10px 20px;
+  }
+
+  th {
+    background-color: white;
+    padding: 9px;
+    color: rgb(172, 185, 190);
+    font-weight: 400;
+    text-align: center;
+    position: relative;
+    .border-left, .border-right {
+      position: absolute;
+      background-color: white;
+      border-radius: 50%;
+      top: 0;
+      left: -17px;
+      width: 37px;
+      height: 37px;
+    }
+    .border-right {
+      left: auto;
+      right: -17px;
+    }
+    @media all and (max-width: 750px) {
+      &:nth-child(2) {
+       display: none;
+     }
+    }
+  }
+
+  td {
+    padding: 10px 20px;
+    vertical-align: top;
+    &:first-child {
+      padding-left: 0px;
+    }
+    &:last-child {
+      padding-right: 0px;
+    }
+    @media all and (max-width: 750px) {
+      &:nth-child(2) {
+       display: none;
+     }
+    }
+    @media all and (max-width: 360px) {
+      padding: 10px 4px;
+      b {
+        font-size: 13px;
+      }
+    }
+  }
+}
+
+footer {
+  margin-top: 100px;
+  padding-bottom: 30px;
+  color: #9A999F;
+  display: inline-block;
+  position: relative;
+  color: gray;
+  font-weight: 400;
+  color: rgb(147, 161, 170);
+  font-weight: 300;
+
+  .te-logo {
+    text-indent: -99999px;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center center;
+    height: 16px;
+    width: 16px;
+    display: inline-block;
+    margin-right: 5px;
+    background-image: url("images/te-logo-small.svg");
+    position: absolute;
+    left: -22px;
+    top: 3px;
+  }
+}

data/lib/generators/wrstart/template/vendor/assets/components/sweetalert/example/images/te-logo-small.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="14px" height="11px" viewBox="0 0 14 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.0.4 (8053) - http://www.bohemiancoding.com/sketch -->
+    <title>te-logo-small</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="Website" sketch:type="MSArtboardGroup" transform="translate(-520.000000, -1871.000000)" fill="#AFC1C9">
+            <path d="M526.768,1871.832 L524.416,1871.832 L524.416,1881.672 L523.488,1881.672 L523.488,1871.832 L520,1871.832 L520,1871 L527.336,1871 L533.536,1871 L533.536,1871.832 L527.68,1871.832 L527.68,1875.784 L533.424,1875.784 L533.424,1876.616 L527.68,1876.616 L527.68,1880.84 L533.536,1880.84 L533.536,1881.672 L526.768,1881.672 L526.768,1871.832 Z" id="te-logo-small" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>