szpakoli

.button {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    position: relative;
    text-align: center;
    border: 1px solid #ddd;
    padding: 0 15px;
}

szpakoli

.tomorrow-night-colors{
  color: #1D1F21;
  color: #AEAFAD;
  color: #C5C8C6;
  color: #4B4E55;
  color: #282A2E;
  color: #373B41;
  color: #969896;
  color: #CED1CF;
  color: #C66;

szpakoli

$.fn.scrollView = function () {
  return this.each(function () {
    $('html, body').animate({
      scrollTop: $(this).offset().top
    }, 1000);
  });
}


$('#scroll-link').click(function (event) {

szpakoli

// Mixins and examples

/* Responsive Breakpoints
   ========================================================================== */
@mixin breakpoint($point) {
  @if $point == large {
    @media (min-width: 64.375em) { @content; }
  }
  @else if $point == medium {
    @media (min-width: 50em) { @content; }

szpakoli

.rotate(@deg: 7deg){
  -webkit-transform: rotate(@deg);
  -moz-transform: rotate(@deg);
  -o-transform: rotate(@deg);
  transform: rotate(@deg);
}
.box-shadow (@x: 0, @y: 0, @blur: 1px, @alpha) {
  @val: @x @y @blur rgba(0, 0, 0, @alpha);
  box-shadow: @val;
  -webkit-box-shadow: @val;

szpakoli

sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;

  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position

szpakoli

// Flat UI Colors
@turquoise:                 #1ABC9C;
@green-sea:                 #16A085;
@emerland:                  #2ECC71;
@nephritis:                 #27AE60;
@peter-river:               #3498DB;
@belize-hole:               #2980B9;
@amethyst:                  #9B59B6;
@wisteria:                  #8E44AD;
@wet-asphalt:               #34495E;

szpakoli

// Font Sizes (REMs with PX fallback for older browsers)
.font-size (@sizeValue) {
  @remValue: @sizeValue / 16;
  @pxValue: (@sizeValue);
  font-size: ~"@{pxValue}px"; 
  font-size: ~"@{remValue}rem";
}

// Line Height Sizes (REMs with PX fallback for older browsers)
.line-height (@sizeValue) {

szpakoli

.vid-clip-sm {
  width: 121px;
  height: 88px;
  position: relative;
  margin: 0 8px 8px 0;
  float: left;
}

.vid-clip-sm .vid-clip-play {
  width: 121px;

szpakoli

#test { counter-reset: c; }
#test span { counter-increment: c; }
#test span:before { content: counter(c, decimal-leading-zero); }