IamManchanda

# Get the source from the git repository
# Read the techio.yml file
# Build project sass
# Preparing build
# Pull ruby:latest
100% [==================================================>]
# Create the runtime image
# Build image
Step 1/4 : FROM library/ruby:latest
 ---> eebb1381c2aa

IamManchanda

/* Flex Grid Fallback */
.grid {
  display: flex;
  flex-flow: row wrap;
  min-height: 100vh;
  padding: 0.75vw;
}

.grid .item {
  min-height: 20vh;

IamManchanda

/* CSS Grid */
.grid {
  display: grid;
  grid-gap: 1.5vw;
  min-height: 100vh;
  padding: 1.5vw;
}

.grid {
  grid-template-columns: repeat(6, 1fr);

IamManchanda

/* https://www.sassmeister.com/gist/cd18efabc98a128bb162fef1b0692eee */

.items li {
  background-color: green;
}

@media screen and (min-width: 800px) {
  .items li {
    background-color: purple;
  }

IamManchanda

/* Grid Code */
.page {
  overflow: hidden;
  position: relative;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;

IamManchanda

/* Grid Code */
.wrapper {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 75rem;
  margin: 0 auto; }
  @media print, screen and (min-width: 40em) {
    .wrapper {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }

IamManchanda

.foo {
  margin-top: 1rem !important;
  margin-right: 0rem !important;
  margin-bottom: 2rem !important; }

IamManchanda

.bar {
  width: 4rem;
  height: 3rem; }

.baz {
  width: 5rem;
  height: 5rem; }

.shaz {
  width: 6rem;

IamManchanda

.a {
  color: 0.17699; }

.b {
  content: 1.6; }

.c {
  content: 40; }

.d {

IamManchanda

.my-button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  font-family: inherit;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;