LukyVj

#invite{
min-width:200px;
max-width:400px;
width:200px;
height:108px;
border:1px solid #274d72;
border-left:0;
border-right:0;
margin:20px auto;

LukyVj

.check{
display:block;
float:left;
width:55px;
height:55px;
-webkit-border-radius:55px;
background:#ccc;
}

.check_state{

LukyVj

Demo important.js

With jq_important.js | It don't need jquery loaded. The script auto load Jquery.

A Pen by LukyVJ on CodePen.

License.

LukyVj

A Pen by LukyVJ

A Pen by LukyVJ on CodePen.

License.

LukyVj

PAINTVAS [WIP]

Basically, its a school project, but I'll try to extend a bit the features to make it more fun, intuitive, and better looking.

A Pen by LukyVJ on CodePen.

License.

LukyVj

A Pen by LukyVJ

A Pen by LukyVJ on CodePen.

License.

LukyVj

<!--  

init.css  

-->

<!-- First level h1 : Main title-->
<h1>Title</h1>

<h1>Title level 2</h1>

LukyVj

A Pen by LukyVJ

A Pen by LukyVJ on CodePen.

License.

LukyVj

$icons: "phone", "twitter", "email";

@each $icon in $icons {
  .ico{
    display: block;
    &:before{
      @include single-element();
      @include square(1.2em);
    }
    &[class*="ico-#{($icon)}"]{

LukyVj

ul li {
  list-style: none;
}

ul li:nth-child(1):before, ul li:nth-child(1):after {
  display: block;
  color: red;
}
ul li:nth-child(1):before {
  content: "one > ";