chanified

IE 7/8/9/10/11 Virtual machines from Microsoft

Linux installation notes (tested under Ubuntu 14.04LTS/12.04LTS), assuming VirtualBox is already installed on host.

• Install notes
• Available images
  • IE7 - Vista Enterprise
  • IE8 - XP
  • IE9 - Win7
  • IE10 - Win7
  • IE10 - Win8

chanified

@media (max-width: @screen-xs-max) {}
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {}
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {}
@media (min-width: @screen-lg-min) {}

chanified

// Array Remove - By John Resig (MIT Licensed)
//http://ejohn.org/blog/javascript-array-remove/

Array.prototype.remove = function(from, to) {
  var rest = this.slice((to || from) + 1 || this.length);
  this.length = from < 0 ? this.length + from : from;
  return this.push.apply(this, rest);
};

and here's some examples of how it could be used:

chanified

.hClass (@index) when (@index > 0) {
    h@{index} {
        font: 32px/42px trajan-pro-1,trajan-pro-2;
    }
    .hClass(@index - 1);
}
.hClass(6);

chanified

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #f80;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #f80;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #f80;
   opacity:  1;

chanified

/* Extra Small Devices, .visible-xs-* */
@media (max-width: 767px) {}
 
/* Small Devices, .visible-sm-* */
@media (min-width: 768px) and (max-width: 991px) {}
 
/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {}
 
/* Large Devices, .visible-lg-* */

chanified

<pre>{{jsonOutput | json}}</pre>

chanified

// XL screen
@screen-xl:                  1600px;
@screen-xl-min:              @screen-xl;
@screen-xl-hughdesktop:      @screen-xl-min;

// So media queries don't overlap when required, provide a maximum
@screen-lg-max:              (@screen-xl-min - 1);

//Container sizes
// Large screen / wide desktop

chanified

.chanified-size-loop (@i) when (@i >= 0) {
    /* Margins */
    .p@{i} {
        padding:~"@{i}px" !important;
    }
    .pt@{i} {
        padding-top:~"@{i}px" !important;
    }
    .pr@{i} {
        padding-right:~"@{i}px" !important;

chanified

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console