anschaef

/* -------------------------------------------------------------------------- */
// All Bootstrap 4 Sass Mixins [Cheat sheet]
// Updated to Bootstrap v4.5.x
// @author https://anschaef.de
// @see https://github.com/twbs/bootstrap/tree/master/scss/mixins
/* -------------------------------------------------------------------------- */

/*
// ########################################################################## */
// New cheat sheet for Bootstrap 5:

seventhskye

#!/usr/bin/env python
import boto3

client = boto3.client('s3')
Bucket = 'a-bucket'
Prefix = 'a-prefix' # leave blank to delete the entire contents
IsTruncated = True
MaxKeys = 1000
KeyMarker = None

wangqs1990

@base-font-size: 100;
.rem (@property; @values...) {

  // This is a workaround, inspired by https://github.com/borodean/less-properties
  @{property}: ~`(function () {
    var baseFontSize=@{base-font-size};
    var sizeList = @{values};
    if (!Array.isArray(sizeList)) {
    	sizeList = [sizeList];
    }

grxy

.for(@i, @n) {.-each(@i)}
.for(@n)     when (isnumber(@n)) {.for(1, @n)}
.for(@i, @n) when not (@i = @n)  {
    .for((@i + (@n - @i) / abs(@n - @i)), @n);
}

// ............................................................
// .for-each

.for(@array)   when (default()) {.for-impl_(length(@array))}

Belgabor

Guide on how to create and set up your Django project with webpack, npm and ReactJS :)

Hopefully this will answer "How do I setup or start a Django project?" I was trying to set up my own website, and there was a lot to read, learn and digest! Therefore, I put this together which is a collection of all the guides/blog posts/articles that I found the most useful. At the end of this, you will have your barebones Django app configured and ready to start building :)

NOTE: This guide was built using Django 1.9.5, NodeJS 4+ with NPM 3+

1. Setting up your dev environment

MichaelSRose

Less Loaders

Less CSS3 Loaders

A Pen by JesGraPa on CodePen.

License.

sta1r

/*!
*	Monocle.com
*/

// Core variables and mixins
@import "variables.less";
@import "mixins.less";

// Reset
@import "normalize.less"; //Should be vanilla and not contain extra resets

fatuk

// Retina img
// EXAMPLE: .image-2x('../img/icon_phone.png');
.image-2x(@image, @repeat: no-repeat) {
	@width: image-width(@image);
	@height: image-height(@image);
	@filename  : ~`/(.*)\.(jpg|jpeg|png|gif)/.exec(@{image})[1]`;
	@extension : ~`/(.*)\.(jpg|jpeg|png|gif)/.exec(@{image})[2]`;
	background-image: ~`"url(@{filename}.@{extension})"`;
	background-repeat: @repeat;
	width: @width;

erikflowers

.masthead {
  .make-row();
  .main-story {
    .make-sm-column(6);
    .make-md-column(7);
    .make-lg-column(6);
  }
  .second-story {
    .make-sm-column(6);
    .make-md-column(5);

ericelliott

Essential JavaScript Links

I no longer mantain this list. There are lots of other very comprehensive JavaScript link lists out there. Please see those, instead (Google "awesome JavaScript" for a start).