Skip to content

Instantly share code, notes, and snippets.

View dmahipus's full-sized avatar

Dennis Adrian Mahipus dmahipus

  • Dubai, United Arab Emirates
View GitHub Profile
@dmahipus
dmahipus / README.md
Created August 22, 2019 06:12 — forked from jonathantneal/README.md
Fluid Aspect: A Sass mixin for creating intrinsic ratios

Fluid Aspect

fluid-aspect is a Sass mixin for creating intrinsic ratios in CSS. Intrinsic ratios allow elements to fill the width of their containing block and resize on the fly while maintaining their aspect ratio.

@include fluid-aspect($ratio, [$target]);
  • $ratio: An aspect ratio represented as two numbers separated by a space. Defaults to 1:1
  • $target: A selector targeting the element to be made fluid. Defaults to "> :first-child"
@dmahipus
dmahipus / gruntfile.js
Last active August 29, 2015 14:05
Basic grunfile with concat, uglify and imagemin
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'), //<---imports the JSON metadata stored in package.json
concat: {
dist: {
src: [
'js/libs/*.js', // Selects all JS in the libs folder
'js/main.js'
@dmahipus
dmahipus / gruntfile.js
Last active August 29, 2015 14:05
Basic gruntfile with concat and uglify tasks
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'), //<---imports the JSON metadata stored in package.json
concat:{
dist: {
src: [
'js/libs/*.js', // Selects all JS in the libs folder
'js/main.js'
@dmahipus
dmahipus / gruntfile.js
Last active August 29, 2015 14:05
Basic Gruntfile with Concat
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'), //<---imports the JSON metadata stored in package.json
concat:{
dist: {
src: [
'js/libs/*.js', // Selects all JS in the libs folder
'js/main.js'
@dmahipus
dmahipus / package.json
Created August 31, 2014 19:30
Basic package.json for node with Grunt
{
"name": "Project_Name",
"version": "0.1.0",
"author": "Your Name",
"devDependencies": {
"grunt": "~0.4.1"
}
}