From eb4c9fab0777a3c571b76ca2dd5e22712ac3f450 Mon Sep 17 00:00:00 2001 From: Morten Nissen Date: Wed, 17 May 2017 14:50:53 +0200 Subject: [PATCH] Prepare for NPM packages usage --- .gitignore | 62 +++++++++++++++++++++++++++--- README.md | 2 + {src/less => less}/flexy-list.less | 17 ++++---- package.json | 18 +++++++++ {src/scss => scss}/flexy-list.scss | 16 ++++---- 5 files changed, 93 insertions(+), 22 deletions(-) rename {src/less => less}/flexy-list.less (84%) create mode 100644 package.json rename {src/scss => scss}/flexy-list.scss (83%) diff --git a/.gitignore b/.gitignore index 876db88..5d169b6 100644 --- a/.gitignore +++ b/.gitignore @@ -1,6 +1,58 @@ -src/vendor -node_modules/ -!src/scss/**/vendor +# -------------------------------------------------- +# - Custom ignore +# -------------------------------------------------- + +# Ignore docs files +_gh_pages +_site +.ruby-version + +# Numerous always-ignore extensions +*.diff +*.err +*.log +*.orig +*.rej +*.swo +*.swp +*.vi +*.zip +*~ + +# OS or Editor folders +._* +.cache +.DS_Store .idea -.DS_store -others/ +.project +.vscode +.settings +.tmproj +*.esproj +*.sublime-project +*.sublime-workspace +nbproject +Thumbs.db + +# Komodo +.komodotools +*.komodoproject + +# grunt-html-validation +validation-report.json +validation-status.json + +# Folders to ignore +bower_components +node_modules +logs +sessions +tmp +share +others +private +design + +# Files that might appear on external disks +.Spotlight-V100 +.Trashes diff --git a/README.md b/README.md index 38d867b..44a25de 100644 --- a/README.md +++ b/README.md @@ -1 +1,3 @@ +Easy flexible lists with CSS. + Based on the Skeletonic file structure (https://github.com/hjemmesidekongen/skeletonic). diff --git a/src/less/flexy-list.less b/less/flexy-list.less similarity index 84% rename from src/less/flexy-list.less rename to less/flexy-list.less index 8b79274..dc3da46 100644 --- a/src/less/flexy-list.less +++ b/less/flexy-list.less @@ -1,5 +1,5 @@ // |-------------------------------------------------------------------------- -// | List +// | Flexy list // |-------------------------------------------------------------------------- // | // | This file contains styles for the following: @@ -57,25 +57,25 @@ // -------------------------------------------------- // Mobile - and up -@media @media-query-mobile {} +@media @breakpoint-mobile-and-up {} // Mobile - only -@media @media-query-mobile-only {} +@media @breakpoint-mobile-only {} // Tablet - and up -@media @media-query-tablet {} +@media @breakpoint-tablet-and-up {} // Tablet - only -@media @media-query-tablet-only {} +@media @breakpoint-tablet-only {} // Desktop - and up -@media @media-query-desktop {} +@media @breakpoint-desktop-and-up {} // Desktop - only -@media @media-query-desktop-only {} +@media @breakpoint-desktop-only {} // Large desktop - and up -@media @media-query-large-desktop {} +@media @breakpoint-large-desktop-and-up {} // Print @media print {} @@ -85,4 +85,3 @@ // No touch .no-touchevents {} - diff --git a/package.json b/package.json new file mode 100644 index 0000000..87bab65 --- /dev/null +++ b/package.json @@ -0,0 +1,18 @@ +{ + "name": "flexy-list", + "version": "1.0.0", + "description": "Easy flexible lists with CSS.", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/hjemmesidekongen/flexy-list.git" + }, + "author": "Morten Nissen ", + "license": "MIT", + "bugs": { + "url": "https://github.com/hjemmesidekongen/flexy-list/issues" + }, + "homepage": "https://github.com/hjemmesidekongen/flexy-list#readme" +} diff --git a/src/scss/flexy-list.scss b/scss/flexy-list.scss similarity index 83% rename from src/scss/flexy-list.scss rename to scss/flexy-list.scss index 946ace7..f2ee24a 100644 --- a/src/scss/flexy-list.scss +++ b/scss/flexy-list.scss @@ -1,5 +1,5 @@ // |-------------------------------------------------------------------------- -// | List +// | Flexy list // |-------------------------------------------------------------------------- // | // | This file contains styles for the following: @@ -57,25 +57,25 @@ $flexy-list-item-spacing: 30px; // -------------------------------------------------- // Mobile - and up -@include media-breakpoint-up(xs) {} +@media #{$breakpoint-mobile-and-up} {} // Mobile - only -@include media-breakpoint-only(xs) {} +@media #{$breakpoint-mobile-only} {} // Tablet - and up -@include media-breakpoint-up(sm) {} +@media #{$breakpoint-tablet-and-up} {} // Tablet - only -@include media-breakpoint-only(sm) {} +@media #{$breakpoint-tablet-only} {} // Desktop - and up -@include media-breakpoint-up(md) {} +@media #{$breakpoint-desktop-and-up} {} // Desktop - only -@include media-breakpoint-only(md) {} +@media #{$breakpoint-desktop-only} {} // Large desktop - and up -@include media-breakpoint-up(lg) {} +@media #{$breakpoint-large-desktop-and-up} {} // Print @media print {}