Prepare for NPM packages usage

.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

README.md

@@ -1 +1,3 @@
+Easy flexible lists with CSS.
+
 Based on the Skeletonic file structure (https://github.com/hjemmesidekongen/skeletonic).

src/less/flexy-list.less → 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 {}
-

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 <[email protected]>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/hjemmesidekongen/flexy-list/issues"
+  },
+  "homepage": "https://github.com/hjemmesidekongen/flexy-list#readme"
+}

src/scss/flexy-list.scss → 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 {}