krman009 · April 4, 2016 04:44
diff --git a/Button.markdown b/Button.markdown
diff --git a/index.html b/index.html
 <div class="button">Go</div>
diff --git a/script.js b/script.js
 /*

 2016 by Kaushalya R. Mandaliya

 http://seebeetee.com
 https://twitter.com/kmandalwala


 */
diff --git a/style.scss b/style.scss
 @import "compass";
 body {
  background: #7ad;
  font-family: 'Lato', sans-serif;
 }


 div.button {
  color: #eee;
  padding: 1em;
  border: 0.15em solid;
  margin: 2em auto;
  width: 20em;
  text-align: center;
  border-radius: 0.3em;
  font-size: 1.2em;
  transition: 0.2s ease-in-out;
  
  &:after {    
    content: '>';
    margin-left: -0.5em;
    opacity: 0;
    transition: 0.2s ease-in-out;
    font-size: 1.1em;
  }
 }


 div.button:hover {
  background: rgba(white, 0.1);
  border-color: transparent;
  cursor: pointer;
  
  &:after {  
    opacity: 1;
    margin-left: 0.5em;
  }
 }
diff --git a/styles b/styles
 <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" />
	/*

	2016 by Kaushalya R. Mandaliya

	http://seebeetee.com
	https://twitter.com/kmandalwala


	*/