From 83dab8464e2e21cd21d7b5ae5b726c39d1875cea Mon Sep 17 00:00:00 2001 From: Connor Wyatt Date: Thu, 30 Apr 2015 09:25:33 +0100 Subject: [PATCH 01/40] Created package.json file --- package.json | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 package.json diff --git a/package.json b/package.json new file mode 100644 index 0000000..0c34eee --- /dev/null +++ b/package.json @@ -0,0 +1,32 @@ +{ + "name": "RRSSB", + "version": "1.7.7", + "authors": [ + "(Joshua Tuscan )", + "(Daniel Box )" + ], + "description": "Ridiculously Responsive Social Sharing Buttons", + "main": [ + "js/rrssb.js", + "css/rrssb.css" + ], + "keywords": [ + "ridiculously", + "RRSSB", + "rrssb", + "responsive", + "sharing", + "social", + "buttons" + ], + "repository": { + "type": "git", + "url": "https://github.com/kni-labs/rrssb" + }, + "license": "MIT", + "homepage": "http://kurtnoble.com/labs/rrssb/", + "readme": "ERROR! No readme found!", + "devDependencies": { + "gulp": "*" + } +} From d37284b91d100f187d4bdbae019b8fca2a43dccf Mon Sep 17 00:00:00 2001 From: Connor Wyatt Date: Thu, 30 Apr 2015 09:25:49 +0100 Subject: [PATCH 02/40] Added Gulp dependencies --- package.json | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/package.json b/package.json index 0c34eee..5ec28e1 100644 --- a/package.json +++ b/package.json @@ -27,6 +27,16 @@ "homepage": "http://kurtnoble.com/labs/rrssb/", "readme": "ERROR! No readme found!", "devDependencies": { - "gulp": "*" + "gulp": "*", + "gulp-sass": "*", + "gulp-uglify": "*", + "gulp-util": "*", + "gulp-rename": "*", + "gulp-minify-css": "*", + "gulp-autoprefixer": "*", + "gulp-watch": "*", + "gulp-changed": "*", + "gulp-imagemin": "*", + "browser-sync": "*" } } From 22cda1dda7c6ce798268769387e71faf0eab892f Mon Sep 17 00:00:00 2001 From: Connor Wyatt Date: Thu, 30 Apr 2015 09:26:21 +0100 Subject: [PATCH 03/40] Removed codekit config file --- config.codekit | 903 ------------------------------------------------- 1 file changed, 903 deletions(-) delete mode 100755 config.codekit diff --git a/config.codekit b/config.codekit deleted file mode 100755 index 873c007..0000000 --- a/config.codekit +++ /dev/null @@ -1,903 +0,0 @@ -{ -"CodeKitInfo": "This is a CodeKit 2.x project configuration file. It is designed to sync project settings across multiple machines. MODIFYING THE CONTENTS OF THIS FILE IS A POOR LIFE DECISION. If you do so, you will likely cause CodeKit to crash. This file is not useful unless accompanied by the project that created it in CodeKit 2. This file is not backwards-compatible with CodeKit 1.x. For more information, see: http:\/\/incident57.com\/codekit", -"creatorBuild": "16828", -"files": { - "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/css\/demo.css": { - "fileType": 16, - "ignore": 1, - "ignoreWasSetByUser": 0, - "inputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/css\/demo.css", - "outputAbbreviatedPath": "No Output Path", - "outputPathIsSetByUser": 0 - }, - "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/css\/normalize.min.css": { - "fileType": 16, - "ignore": 0, - "ignoreWasSetByUser": 0, - "inputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/css\/normalize.min.css", - "outputAbbreviatedPath": "No Output Path", - "outputPathIsSetByUser": 0 - }, - "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/css\/rrssb.css": { - "fileType": 16, - "ignore": 1, - "ignoreWasSetByUser": 0, - "inputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/css\/rrssb.css", - "outputAbbreviatedPath": "No Output Path", - "outputPathIsSetByUser": 0 - }, - "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/facebook-share.jpg": { - "fileType": 16384, - "ignore": 0, - "ignoreWasSetByUser": 0, - "initialSize": 278392, - "inputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/facebook-share.jpg", - "outputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/facebook-share.jpg", - "outputPathIsSetByUser": 0, - "processed": 0 - }, - "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/favicon.png": { - "fileType": 32768, - "ignore": 0, - "ignoreWasSetByUser": 0, - "initialSize": 1568, - "inputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/favicon.png", - "outputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/favicon.png", - "outputPathIsSetByUser": 0, - "processed": 0 - }, - "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/icons\/README.md": { - "enableFootnoteSupport": 0, - "enableSmartyPants": 1, - "expandTabs": 1, - "fileType": 4096, - "ignore": 0, - "ignoreWasSetByUser": 0, - "inputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/icons\/README.md", - "outputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/icons\/README.html", - "outputPathIsSetByUser": 0 - }, - "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/index.html": { - "fileType": 8192, - "ignore": 0, - "ignoreWasSetByUser": 0, - "inputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/index.html", - "outputAbbreviatedPath": "No Output Path", - "outputPathIsSetByUser": 0 - }, - "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/js\/rrssb.js": { - "fileType": 64, - "ignore": 0, - "ignoreWasSetByUser": 0, - "inputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/js\/rrssb.js", - "outputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/js\/min\/rrssb-ck.js", - "outputPathIsSetByUser": 0, - "outputStyle": 1, - "syntaxCheckerStyle": 1 - }, - "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/js\/rrssb.min.js": { - "fileType": 64, - "ignore": 0, - "ignoreWasSetByUser": 0, - "inputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/js\/rrssb.min.js", - "outputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/js\/min\/rrssb.min-ck.js", - "outputPathIsSetByUser": 0, - "outputStyle": 1, - "syntaxCheckerStyle": 1 - }, - "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/js\/vendor\/jquery-1.9.1.min.js": { - "fileType": 64, - "ignore": 0, - "ignoreWasSetByUser": 0, - "inputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/js\/vendor\/jquery-1.9.1.min.js", - "outputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/js\/vendor\/min\/jquery-1.9.1.min-ck.js", - "outputPathIsSetByUser": 0, - "outputStyle": 1, - "syntaxCheckerStyle": 1 - }, - "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/js\/vendor\/modernizr-2.6.2-respond-1.1.0.min.js": { - "fileType": 64, - "ignore": 0, - "ignoreWasSetByUser": 0, - "inputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/js\/vendor\/modernizr-2.6.2-respond-1.1.0.min.js", - "outputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/js\/vendor\/min\/modernizr-2.6.2-respond-1.1.0.min-ck.js", - "outputPathIsSetByUser": 0, - "outputStyle": 1, - "syntaxCheckerStyle": 1 - }, - "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/README.md": { - "enableFootnoteSupport": 0, - "enableSmartyPants": 1, - "expandTabs": 1, - "fileType": 4096, - "ignore": 0, - "ignoreWasSetByUser": 0, - "inputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/README.md", - "outputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/README.html", - "outputPathIsSetByUser": 0 - }, - "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/scss\/demo.scss": { - "createSourceMap": 0, - "debugStyle": 0, - "decimalPrecision": 5, - "fileType": 4, - "ignore": 0, - "ignoreWasSetByUser": 0, - "inputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/scss\/demo.scss", - "outputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/css\/demo.css", - "outputPathIsSetByUser": 0, - "outputStyle": 0, - "shouldRunAutoprefixer": 0, - "shouldRunBless": 0, - "useLibsass": 0 - }, - "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/scss\/rrssb.scss": { - "createSourceMap": 0, - "debugStyle": 0, - "decimalPrecision": 5, - "fileType": 4, - "ignore": 0, - "ignoreWasSetByUser": 0, - "inputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/scss\/rrssb.scss", - "outputAbbreviatedPath": "\/Users\/joshuatuscan\/Dropbox\/Sites\/kni\/labs\/rrssb\/build\/css\/rrssb.css", - "outputPathIsSetByUser": 0, - "outputStyle": 0, - "shouldRunAutoprefixer": 0, - "shouldRunBless": 0, - "useLibsass": 0 - } - }, -"hooks": [ - ], -"lastSavedByUser": "Joshua Tuscan", -"manualImportLinks": { - }, -"projectAttributes": { - "bowerAbbreviatedPath": "", - "displayValue": "RRSSB", - "displayValueWasSetByUser": 1, - "iconImageName": "harddrive_orange" - }, -"projectSettings": { - "alwaysUseExternalServer": 0, - "animateCSSInjections": 1, - "autoApplyPSLanguageSettingsStyle": 0, - "autoprefixerBrowserString": "> 1%, last 2 versions, ff 17, opera 12.1", - "autoSyncProjectSettingsFile": 1, - "browserRefreshDelay": 0, - "coffeeAutoOutputPathRelativePath": "", - "coffeeAutoOutputPathReplace1": "", - "coffeeAutoOutputPathReplace2": "", - "coffeeAutoOutputPathStyle": 0, - "coffeeCreateSourceMap": 0, - "coffeeLintFlags2": { - "arrow_spacing": { - "active": 0, - "flagValue": -1 - }, - "camel_case_classes": { - "active": 1, - "flagValue": -1 - }, - "colon_assignment_spacing": { - "active": 0, - "flagValue": 1 - }, - "cyclomatic_complexity": { - "active": 0, - "flagValue": 10 - }, - "duplicate_key": { - "active": 1, - "flagValue": -1 - }, - "empty_constructor_needs_parens": { - "active": 0, - "flagValue": -1 - }, - "indentation": { - "active": 1, - "flagValue": 2 - }, - "line_endings": { - "active": 0, - "flagValue": 0 - }, - "max_line_length": { - "active": 0, - "flagValue": 150 - }, - "missing_fat_arrows": { - "active": 0, - "flagValue": -1 - }, - "newlines_after_classes": { - "active": 0, - "flagValue": 3 - }, - "no-unnecessary_fat_arrows": { - "active": 1, - "flagValue": -1 - }, - "no_backticks": { - "active": 1, - "flagValue": -1 - }, - "no_empty_param_list": { - "active": 0, - "flagValue": -1 - }, - "no_implicit_braces": { - "active": 1, - "flagValue": -1 - }, - "no_implicit_parens": { - "active": 0, - "flagValue": -1 - }, - "no_plusplus": { - "active": 0, - "flagValue": -1 - }, - "no_stand_alone_at": { - "active": 1, - "flagValue": -1 - }, - "no_tabs": { - "active": 1, - "flagValue": -1 - }, - "no_throwing_strings": { - "active": 1, - "flagValue": -1 - }, - "no_trailing_semicolons": { - "active": 1, - "flagValue": -1 - }, - "no_trailing_whitespace": { - "active": 1, - "flagValue": -1 - }, - "non_empty_constructor_needs_parens": { - "active": 0, - "flagValue": -1 - }, - "space_operators": { - "active": 0, - "flagValue": -1 - } - }, - "coffeeMinifyOutput": 1, - "coffeeOutputStyle": 0, - "coffeeSyntaxCheckerStyle": 1, - "externalServerAddress": "http:\/\/localhost:8888", - "externalServerPreviewPathAddition": "", - "genericWebpageFileExtensionsString": "html, htm, shtml, shtm, xhtml, php, jsp, asp, aspx, erb, ctp", - "hamlAutoOutputPathRelativePath": "", - "hamlAutoOutputPathReplace1": "", - "hamlAutoOutputPathReplace2": "", - "hamlAutoOutputPathStyle": 0, - "hamlEscapeHTMLCharacters": 0, - "hamlNoEscapeInAttributes": 0, - "hamlOutputFormat": 2, - "hamlOutputStyle": 0, - "hamlUseCDATA": 0, - "hamlUseDoubleQuotes": 0, - "hamlUseUnixNewlines": 0, - "jadeAutoOutputPathRelativePath": "", - "jadeAutoOutputPathReplace1": "", - "jadeAutoOutputPathReplace2": "", - "jadeAutoOutputPathStyle": 0, - "jadeCompileDebug": 1, - "jadeOutputStyle": 0, - "javascriptAutoOutputPathRelativePath": "\/min", - "javascriptAutoOutputPathReplace1": "", - "javascriptAutoOutputPathReplace2": "", - "javascriptAutoOutputPathStyle": 2, - "javascriptCreateSourceMap": 1, - "javascriptOutputStyle": 1, - "javascriptOutputSuffix": "-ck", - "javascriptSyntaxCheckerStyle": 1, - "jsCheckerReservedNamesString": "", - "jsHintFlags2": { - "asi": { - "active": 0, - "flagValue": -1 - }, - "bitwise": { - "active": 1, - "flagValue": -1 - }, - "boss": { - "active": 0, - "flagValue": -1 - }, - "browser": { - "active": 1, - "flagValue": -1 - }, - "camelcase": { - "active": 0, - "flagValue": -1 - }, - "couch": { - "active": 0, - "flagValue": -1 - }, - "curly": { - "active": 1, - "flagValue": -1 - }, - "debug": { - "active": 0, - "flagValue": -1 - }, - "devel": { - "active": 0, - "flagValue": -1 - }, - "dojo": { - "active": 0, - "flagValue": -1 - }, - "eqeqeq": { - "active": 1, - "flagValue": -1 - }, - "eqnull": { - "active": 0, - "flagValue": -1 - }, - "es3": { - "active": 0, - "flagValue": -1 - }, - "esnext": { - "active": 0, - "flagValue": -1 - }, - "evil": { - "active": 0, - "flagValue": -1 - }, - "expr": { - "active": 0, - "flagValue": -1 - }, - "forin": { - "active": 0, - "flagValue": -1 - }, - "freeze": { - "active": 1, - "flagValue": -1 - }, - "funcscope": { - "active": 0, - "flagValue": -1 - }, - "gcl": { - "active": 0, - "flagValue": -1 - }, - "globalstrict": { - "active": 0, - "flagValue": -1 - }, - "immed": { - "active": 0, - "flagValue": -1 - }, - "indent": { - "active": 0, - "flagValue": 4 - }, - "iterator": { - "active": 0, - "flagValue": -1 - }, - "jquery": { - "active": 1, - "flagValue": -1 - }, - "lastsemic": { - "active": 0, - "flagValue": -1 - }, - "latedef": { - "active": 1, - "flagValue": -1 - }, - "laxbreak": { - "active": 0, - "flagValue": -1 - }, - "laxcomma": { - "active": 0, - "flagValue": -1 - }, - "loopfunc": { - "active": 0, - "flagValue": -1 - }, - "maxcomplexity": { - "active": 0, - "flagValue": 10 - }, - "maxdepth": { - "active": 0, - "flagValue": 3 - }, - "maxlen": { - "active": 0, - "flagValue": 150 - }, - "maxparams": { - "active": 0, - "flagValue": 3 - }, - "maxstatements": { - "active": 0, - "flagValue": 4 - }, - "mootools": { - "active": 0, - "flagValue": -1 - }, - "moz": { - "active": 0, - "flagValue": -1 - }, - "multistr": { - "active": 0, - "flagValue": -1 - }, - "newcap": { - "active": 1, - "flagValue": -1 - }, - "noarg": { - "active": 1, - "flagValue": -1 - }, - "node": { - "active": 0, - "flagValue": -1 - }, - "noempty": { - "active": 0, - "flagValue": -1 - }, - "nonbsp": { - "active": 0, - "flagValue": -1 - }, - "nonew": { - "active": 1, - "flagValue": -1 - }, - "nonstandard": { - "active": 0, - "flagValue": -1 - }, - "notypeof": { - "active": 1, - "flagValue": -1 - }, - "noyield": { - "active": 0, - "flagValue": -1 - }, - "onecase": { - "active": 0, - "flagValue": -1 - }, - "onevar": { - "active": 0, - "flagValue": -1 - }, - "phantom": { - "active": 0, - "flagValue": -1 - }, - "plusplus": { - "active": 0, - "flagValue": -1 - }, - "proto": { - "active": 0, - "flagValue": -1 - }, - "prototypejs": { - "active": 0, - "flagValue": -1 - }, - "regexp": { - "active": 1, - "flagValue": -1 - }, - "rhino": { - "active": 0, - "flagValue": -1 - }, - "scripturl": { - "active": 0, - "flagValue": -1 - }, - "shadow": { - "active": 0, - "flagValue": -1 - }, - "shelljs": { - "active": 0, - "flagValue": -1 - }, - "smarttabs": { - "active": 0, - "flagValue": -1 - }, - "strict": { - "active": 0, - "flagValue": -1 - }, - "sub": { - "active": 0, - "flagValue": -1 - }, - "supernew": { - "active": 0, - "flagValue": -1 - }, - "trailing": { - "active": 1, - "flagValue": -1 - }, - "typed": { - "active": 0, - "flagValue": -1 - }, - "undef": { - "active": 1, - "flagValue": -1 - }, - "unused": { - "active": 1, - "flagValue": -1 - }, - "white": { - "active": 0, - "flagValue": -1 - }, - "withstmt": { - "active": 0, - "flagValue": -1 - }, - "worker": { - "active": 0, - "flagValue": -1 - }, - "wsh": { - "active": 0, - "flagValue": -1 - }, - "yui": { - "active": 0, - "flagValue": -1 - } - }, - "jsLintFlags2": { - "ass": { - "active": 0, - "flagValue": -1 - }, - "bitwise": { - "active": 0, - "flagValue": -1 - }, - "browser": { - "active": 1, - "flagValue": -1 - }, - "closure": { - "active": 0, - "flagValue": -1 - }, - "continue": { - "active": 0, - "flagValue": -1 - }, - "debug": { - "active": 0, - "flagValue": -1 - }, - "devel": { - "active": 0, - "flagValue": -1 - }, - "eqeq": { - "active": 0, - "flagValue": -1 - }, - "evil": { - "active": 0, - "flagValue": -1 - }, - "forin": { - "active": 0, - "flagValue": -1 - }, - "indent": { - "active": 0, - "flagValue": 4 - }, - "maxlen": { - "active": 0, - "flagValue": 150 - }, - "newcap": { - "active": 0, - "flagValue": -1 - }, - "node": { - "active": 0, - "flagValue": -1 - }, - "nomen": { - "active": 0, - "flagValue": -1 - }, - "plusplus": { - "active": 0, - "flagValue": -1 - }, - "properties": { - "active": 0, - "flagValue": -1 - }, - "regexp": { - "active": 0, - "flagValue": -1 - }, - "rhino": { - "active": 0, - "flagValue": -1 - }, - "sloppy": { - "active": 0, - "flagValue": -1 - }, - "stupid": { - "active": 0, - "flagValue": -1 - }, - "sub": { - "active": 0, - "flagValue": -1 - }, - "todo": { - "active": 0, - "flagValue": -1 - }, - "unparam": { - "active": 0, - "flagValue": -1 - }, - "vars": { - "active": 0, - "flagValue": -1 - }, - "white": { - "active": 0, - "flagValue": -1 - } - }, - "kitAutoOutputPathRelativePath": "", - "kitAutoOutputPathReplace1": "", - "kitAutoOutputPathReplace2": "", - "kitAutoOutputPathStyle": 0, - "lessAllowInsecureImports": 0, - "lessAutoOutputPathRelativePath": "..\/css", - "lessAutoOutputPathReplace1": "less", - "lessAutoOutputPathReplace2": "css", - "lessAutoOutputPathStyle": 2, - "lessCreateSourceMap": 0, - "lessDisableJavascript": 0, - "lessIeCompatibility": 1, - "lessOutputStyle": 0, - "lessRelativeURLS": 0, - "lessStrictImports": 0, - "lessStrictMath": 0, - "lessStrictUnits": 0, - "markdownAutoOutputPathRelativePath": "", - "markdownAutoOutputPathReplace1": "", - "markdownAutoOutputPathReplace2": "", - "markdownAutoOutputPathStyle": 0, - "markdownEnableFootnotes": 0, - "markdownEnableSmartyPants": 1, - "markdownExpandTabs": 1, - "reloadFileURLs": 0, - "sassAutoOutputPathRelativePath": "..\/css", - "sassAutoOutputPathReplace1": "sass", - "sassAutoOutputPathReplace2": "css", - "sassAutoOutputPathStyle": 2, - "sassCreateSourceMap": 0, - "sassDebugStyle": 0, - "sassDecimalPrecision": 5, - "sassOutputStyle": 0, - "sassUseLibsass": 0, - "shouldRunAutoprefixer": 0, - "shouldRunBless": 0, - "skippedItemsString": ".svn, .git, .hg, log, _logs, _cache, cache, logs", - "slimAutoOutputPathRelativePath": "", - "slimAutoOutputPathReplace1": "", - "slimAutoOutputPathReplace2": "", - "slimAutoOutputPathStyle": 0, - "slimCompileOnly": 0, - "slimLogicless": 0, - "slimOutputStyle": 1, - "slimRailsCompatible": 0, - "stylusAutoOutputPathRelativePath": "..\/css", - "stylusAutoOutputPathReplace1": "stylus", - "stylusAutoOutputPathReplace2": "css", - "stylusAutoOutputPathStyle": 2, - "stylusDebugStyle": 0, - "stylusImportCSS": 0, - "stylusOutputStyle": 0, - "stylusResolveRelativeURLS": 0, - "typescriptAutoOutputPathRelativePath": "\/js", - "typescriptAutoOutputPathReplace1": "", - "typescriptAutoOutputPathReplace2": "", - "typescriptAutoOutputPathStyle": 2, - "typescriptCreateDeclarationFile": 0, - "typescriptCreateSourceMap": 0, - "typescriptMinifyOutput": 0, - "typescriptModuleType": 0, - "typescriptNoImplicitAny": 0, - "typescriptNoResolve": 0, - "typescriptRemoveComments": 0, - "typescriptTargetECMAVersion": 0, - "uglifyDefinesString": "", - "uglifyFlags2": { - "ascii-only": { - "active": 0, - "flagValue": -1 - }, - "booleans": { - "active": 1, - "flagValue": -1 - }, - "bracketize": { - "active": 0, - "flagValue": -1 - }, - "cascade": { - "active": 1, - "flagValue": -1 - }, - "comments": { - "active": 1, - "flagValue": -1 - }, - "comparisons": { - "active": 1, - "flagValue": -1 - }, - "compress": { - "active": 1, - "flagValue": -1 - }, - "conditionals": { - "active": 1, - "flagValue": -1 - }, - "dead_code": { - "active": 0, - "flagValue": -1 - }, - "drop_debugger": { - "active": 1, - "flagValue": -1 - }, - "eval": { - "active": 0, - "flagValue": -1 - }, - "evaluate": { - "active": 1, - "flagValue": -1 - }, - "hoist_funs": { - "active": 1, - "flagValue": -1 - }, - "hoist_vars": { - "active": 0, - "flagValue": -1 - }, - "if_return": { - "active": 1, - "flagValue": -1 - }, - "indent-level": { - "active": 0, - "flagValue": 4 - }, - "indent-start": { - "active": 0, - "flagValue": 0 - }, - "inline-script": { - "active": 0, - "flagValue": -1 - }, - "join_vars": { - "active": 1, - "flagValue": -1 - }, - "loops": { - "active": 1, - "flagValue": -1 - }, - "mangle": { - "active": 1, - "flagValue": -1 - }, - "max-line-len": { - "active": 1, - "flagValue": 32000 - }, - "properties": { - "active": 1, - "flagValue": -1 - }, - "quote-keys": { - "active": 0, - "flagValue": -1 - }, - "screw-ie8": { - "active": 0, - "flagValue": -1 - }, - "semicolons": { - "active": 1, - "flagValue": -1 - }, - "sequences": { - "active": 1, - "flagValue": -1 - }, - "sort": { - "active": 0, - "flagValue": -1 - }, - "space-colon": { - "active": 1, - "flagValue": -1 - }, - "toplevel": { - "active": 0, - "flagValue": -1 - }, - "unsafe": { - "active": 0, - "flagValue": -1 - }, - "unused": { - "active": 0, - "flagValue": -1 - }, - "warnings": { - "active": 0, - "flagValue": -1 - }, - "width": { - "active": 1, - "flagValue": 80 - } - }, - "uglifyReservedNamesString": "$", - "websiteRelativeRoot": "" - }, -"settingsFileVersion": "2" -} From 32b560aec27bc2049fe299a9b32d4ed3b8f3b82a Mon Sep 17 00:00:00 2001 From: Connor Wyatt Date: Thu, 30 Apr 2015 09:52:13 +0100 Subject: [PATCH 04/40] Created package.json file --- package.json | 12 +----------- 1 file changed, 1 insertion(+), 11 deletions(-) diff --git a/package.json b/package.json index 5ec28e1..0c34eee 100644 --- a/package.json +++ b/package.json @@ -27,16 +27,6 @@ "homepage": "http://kurtnoble.com/labs/rrssb/", "readme": "ERROR! No readme found!", "devDependencies": { - "gulp": "*", - "gulp-sass": "*", - "gulp-uglify": "*", - "gulp-util": "*", - "gulp-rename": "*", - "gulp-minify-css": "*", - "gulp-autoprefixer": "*", - "gulp-watch": "*", - "gulp-changed": "*", - "gulp-imagemin": "*", - "browser-sync": "*" + "gulp": "*" } } From de77ff7a73e9696f1d7e35d5aa539fe160b5d71d Mon Sep 17 00:00:00 2001 From: Connor Wyatt Date: Thu, 30 Apr 2015 09:53:10 +0100 Subject: [PATCH 05/40] Added Gulp dependencies --- package.json | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/package.json b/package.json index 0c34eee..5ec28e1 100644 --- a/package.json +++ b/package.json @@ -27,6 +27,16 @@ "homepage": "http://kurtnoble.com/labs/rrssb/", "readme": "ERROR! No readme found!", "devDependencies": { - "gulp": "*" + "gulp": "*", + "gulp-sass": "*", + "gulp-uglify": "*", + "gulp-util": "*", + "gulp-rename": "*", + "gulp-minify-css": "*", + "gulp-autoprefixer": "*", + "gulp-watch": "*", + "gulp-changed": "*", + "gulp-imagemin": "*", + "browser-sync": "*" } } From b1c07479b0a70176b698c45286e0f64558367842 Mon Sep 17 00:00:00 2001 From: Connor Wyatt Date: Thu, 30 Apr 2015 10:37:27 +0100 Subject: [PATCH 06/40] Updated gitignore file for NPM modules and Bourbon --- .gitignore | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/.gitignore b/.gitignore index 9bea433..ad55ef8 100755 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,3 @@ - .DS_Store +node_modules/ +bourbon/ From 19cdd379ca44e3ecbcc528b11f164df8f364963e Mon Sep 17 00:00:00 2001 From: Connor Wyatt Date: Thu, 30 Apr 2015 10:39:25 +0100 Subject: [PATCH 07/40] Added instructions for contributing to Gulp version --- README.md | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/README.md b/README.md index 5cc6463..4c47677 100755 --- a/README.md +++ b/README.md @@ -115,6 +115,15 @@ Requires [**SVG**](http://caniuse.com/svg) Thanks for helping! Please use [**dev branch**](https://github.com/kni-labs/rrssb/tree/dev) for all pull requests. +*Note: You will need to install Bourbon using *`gem install bourbon`*, and then *`bourbon install`* to contribute to this project.* + + +#### Using Gulp + +First install Gulp globally using `npm install -g gulp` and then use `npm install` to install the dependencies for this project. + +*Note: On mac you may need to use *`sudo`* before the commands, depending on your directory ownership.* + ### About From 96eff6092d92b650387104cad896f7379db71c11 Mon Sep 17 00:00:00 2001 From: Connor Wyatt Date: Thu, 30 Apr 2015 10:41:59 +0100 Subject: [PATCH 08/40] Added new dependencies --- package.json | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/package.json b/package.json index 5ec28e1..a5b6726 100644 --- a/package.json +++ b/package.json @@ -30,12 +30,11 @@ "gulp": "*", "gulp-sass": "*", "gulp-uglify": "*", + "gulp-filter": "*", "gulp-util": "*", "gulp-rename": "*", "gulp-minify-css": "*", "gulp-autoprefixer": "*", - "gulp-watch": "*", - "gulp-changed": "*", "gulp-imagemin": "*", "browser-sync": "*" } From 81779eab5e445746f280f169ef93d6ae3c9fb7f5 Mon Sep 17 00:00:00 2001 From: Connor Wyatt Date: Thu, 30 Apr 2015 10:42:22 +0100 Subject: [PATCH 09/40] Updated location of bourbon installation --- scss/demo.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/scss/demo.scss b/scss/demo.scss index e46dfec..d522602 100755 --- a/scss/demo.scss +++ b/scss/demo.scss @@ -1,4 +1,4 @@ -@import "bourbon"; +@import "../bourbon/bourbon"; // config settings $button-contents: #fff; From 5196ebf5062b1cf77d496496aad20f13aca61604 Mon Sep 17 00:00:00 2001 From: Connor Wyatt Date: Thu, 30 Apr 2015 10:42:55 +0100 Subject: [PATCH 10/40] Added Gulpfile.js and completed functionality --- Gulpfile.js | 54 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 54 insertions(+) create mode 100644 Gulpfile.js diff --git a/Gulpfile.js b/Gulpfile.js new file mode 100644 index 0000000..135c780 --- /dev/null +++ b/Gulpfile.js @@ -0,0 +1,54 @@ +var gulp = require('gulp'), + sass = require('gulp-sass'), + uglify = require('gulp-uglify'), + autoprefixer = require('gulp-autoprefixer'), + minifyCss = require('gulp-minify-css'), + rename = require('gulp-rename'), + filter = require('gulp-filter'), + util = require('gulp-util'), + imagemin = require('gulp-imagemin'), + browserSync = require('browser-sync').create(); + +gulp.task('build', ['sass', 'uglify', 'svg']); + +gulp.task('serve', ['sass', 'uglify', 'svg'], function() { + + browserSync.init({ + server: "." + }); + + gulp.watch("scss/*.scss", ['sass']); + gulp.watch("*.html").on('change', browserSync.reload); + gulp.watch("*.js").on('change', browserSync.reload); +}); + +gulp.task('sass', function() { + gulp.src(['scss/*.scss']) + .pipe(sass()) + .on('error', util.log) + .pipe(autoprefixer({ + browsers: ['> 5%'] + })) + .pipe(minifyCss({ + compatibility: 'ie8' + })) + .pipe(gulp.dest('css/')) + .pipe(filter('**/*.css')) + .pipe(browserSync.reload({stream:true})); +}); + +gulp.task('uglify', function() { + gulp.src(['js/rrssb.js']) + .pipe(gulp.dest('js')) +}); + +gulp.task('svg', function() { + gulp.src(['icons/*.svg', '!icons/*.min.svg']) + .pipe(imagemin()) + .pipe(rename({ + extname: '.min.svg' + })) + .pipe(gulp.dest('icons/')); +}); + +gulp.task('default', ['serve']); From f747dd14c6066c9644f92e2518f8d4c2b535729e Mon Sep 17 00:00:00 2001 From: Connor Wyatt Date: Thu, 30 Apr 2015 10:43:21 +0100 Subject: [PATCH 11/40] Created file for hackernews icon --- icons/hackernews.svg | 1 + 1 file changed, 1 insertion(+) create mode 100644 icons/hackernews.svg diff --git a/icons/hackernews.svg b/icons/hackernews.svg new file mode 100644 index 0000000..fb5bbbc --- /dev/null +++ b/icons/hackernews.svg @@ -0,0 +1 @@ + From 8995c84287ad7fdc9b6ac3ced50b1407455e35a3 Mon Sep 17 00:00:00 2001 From: Connor Wyatt Date: Thu, 30 Apr 2015 10:44:15 +0100 Subject: [PATCH 12/40] Created minified versions of SVG icons using Gulp and embedded them where necessary --- README.md | 20 ++-------- icons/facebook.min.svg | 1 + icons/github.min.svg | 1 + icons/google_plus.min.svg | 1 + icons/hackernews.min.svg | 1 + icons/instagram.min.svg | 1 + icons/linkedin.min.svg | 1 + icons/mail.min.svg | 1 + icons/pinterest.min.svg | 1 + icons/pocket.min.svg | 1 + icons/reddit.min.svg | 1 + icons/tumblr.min.svg | 1 + icons/twitter.min.svg | 1 + icons/youtube.min.svg | 1 + index.html | 84 ++++++--------------------------------- 15 files changed, 29 insertions(+), 88 deletions(-) create mode 100755 icons/facebook.min.svg create mode 100755 icons/github.min.svg create mode 100755 icons/google_plus.min.svg create mode 100644 icons/hackernews.min.svg create mode 100755 icons/instagram.min.svg create mode 100755 icons/linkedin.min.svg create mode 100755 icons/mail.min.svg create mode 100755 icons/pinterest.min.svg create mode 100755 icons/pocket.min.svg create mode 100755 icons/reddit.min.svg create mode 100755 icons/tumblr.min.svg create mode 100755 icons/twitter.min.svg create mode 100755 icons/youtube.min.svg diff --git a/README.md b/README.md index 4c47677..63af259 100755 --- a/README.md +++ b/README.md @@ -27,7 +27,7 @@ RRSSB is built with [**SASS**](http://sass-lang.com/), so you can easily customi
  • - + email @@ -35,11 +35,7 @@ RRSSB is built with [**SASS**](http://sass-lang.com/), so you can easily customi
  • - - - + facebook @@ -47,16 +43,8 @@ RRSSB is built with [**SASS**](http://sass-lang.com/), so you can easily customi
  • - - - - + + twitter
    • diff --git a/icons/facebook.min.svg b/icons/facebook.min.svg new file mode 100755 index 0000000..c0689f6 --- /dev/null +++ b/icons/facebook.min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/github.min.svg b/icons/github.min.svg new file mode 100755 index 0000000..009b035 --- /dev/null +++ b/icons/github.min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/google_plus.min.svg b/icons/google_plus.min.svg new file mode 100755 index 0000000..5194ce7 --- /dev/null +++ b/icons/google_plus.min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/hackernews.min.svg b/icons/hackernews.min.svg new file mode 100644 index 0000000..e9045f4 --- /dev/null +++ b/icons/hackernews.min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/instagram.min.svg b/icons/instagram.min.svg new file mode 100755 index 0000000..2436dfd --- /dev/null +++ b/icons/instagram.min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/linkedin.min.svg b/icons/linkedin.min.svg new file mode 100755 index 0000000..aeb9ad1 --- /dev/null +++ b/icons/linkedin.min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/mail.min.svg b/icons/mail.min.svg new file mode 100755 index 0000000..a44e69c --- /dev/null +++ b/icons/mail.min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/pinterest.min.svg b/icons/pinterest.min.svg new file mode 100755 index 0000000..8d4feb2 --- /dev/null +++ b/icons/pinterest.min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/pocket.min.svg b/icons/pocket.min.svg new file mode 100755 index 0000000..c9b56b4 --- /dev/null +++ b/icons/pocket.min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/reddit.min.svg b/icons/reddit.min.svg new file mode 100755 index 0000000..ea27051 --- /dev/null +++ b/icons/reddit.min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/tumblr.min.svg b/icons/tumblr.min.svg new file mode 100755 index 0000000..dca8d7b --- /dev/null +++ b/icons/tumblr.min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/twitter.min.svg b/icons/twitter.min.svg new file mode 100755 index 0000000..fd77187 --- /dev/null +++ b/icons/twitter.min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/youtube.min.svg b/icons/youtube.min.svg new file mode 100755 index 0000000..da84783 --- /dev/null +++ b/icons/youtube.min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.html b/index.html index 76bbf51..0831a62 100755 --- a/index.html +++ b/index.html @@ -43,7 +43,7 @@

    Ridiculously Responsive Social Sharing Buttons

    - + email @@ -53,11 +53,7 @@

    Ridiculously Responsive Social Sharing Buttons

    https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content/ --> - - - + facebook @@ -65,7 +61,7 @@

    Ridiculously Responsive Social Sharing Buttons

    - - - + linkedin @@ -89,15 +79,7 @@

    Ridiculously Responsive Social Sharing Buttons

    - - - + twitter @@ -105,7 +87,7 @@

    Ridiculously Responsive Social Sharing Buttons

    - - - - - - - - + google+ @@ -150,9 +112,7 @@

    Ridiculously Responsive Social Sharing Buttons

    - - - + pinterest @@ -177,9 +130,7 @@

    Ridiculously Responsive Social Sharing Buttons

    - - + facebook From 55f5ba8127c7bb38dd1fcef8d4340550d7ab212b Mon Sep 17 00:00:00 2001 From: Daniel Box Date: Sat, 2 May 2015 21:24:22 -0500 Subject: [PATCH 26/40] fixed twitter icon --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index aa57a62..b1ba643 100755 --- a/index.html +++ b/index.html @@ -78,7 +78,7 @@

    Ridiculously Responsive Social Sharing Buttons

    - + twitter From 8d8f9bb4146fdcfcf1df04492935a7587cff7c01 Mon Sep 17 00:00:00 2001 From: Daniel Box Date: Sat, 2 May 2015 21:47:26 -0500 Subject: [PATCH 27/40] contributing update --- README.md | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index f1ef6e8..269bd00 100755 --- a/README.md +++ b/README.md @@ -104,15 +104,13 @@ Requires [**SVG**](http://caniuse.com/svg) Thanks for helping! Please use [**dev branch**](https://github.com/kni-labs/rrssb/tree/dev) for all pull requests. -#### Using Gulp +##### Setup: -First install Gulp globally using `npm install -g gulp` and then use `npm install` to install the dependencies for this project. +- Make sure [gulp](http://gulpjs.com/) is installed globally: `npm install -g gulp` (May require `sudo`.) +- run `npm install` to install the dependencies for this project. +- run `gulp` command to create a local server at `localhost:3000` and watch for file changes. -*Note: On mac you may need to use *`sudo`* before the commands, depending on your directory ownership.* - -Once all dependencies are installed, use the `gulp` command to create a local server at `localhost:3000` (by default) and watch for file changes. - -*Note: You can access the local server on any device connected to the same network as the device running the server by visiting *`{YOUR_LOCAL_IP_ADDRESS}:3000`*. For example if your local IP address is *`192.168.0.1`*, visit *`192.168.0.1:3000`* from another device connected to the same network to view the pages on the server (they will auto-update as well as syncing the current scroll position across devices).* +You can access the local server on any device connected to the same network as the device running the server by visiting *`{YOUR_LOCAL_IP_ADDRESS}:3000`*. For example if your local IP address is *`192.168.0.1`*, visit *`192.168.0.1:3000`* from another device connected to the same network to view the pages on the server (they will auto-update as well as syncing the current scroll position across devices). ### About From f242f3d21a5df0711cca62a377f5e5169e9adc79 Mon Sep 17 00:00:00 2001 From: Daniel Box Date: Sat, 2 May 2015 21:51:06 -0500 Subject: [PATCH 28/40] setup simplification --- README.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/README.md b/README.md index 269bd00..0993924 100755 --- a/README.md +++ b/README.md @@ -108,9 +108,7 @@ Thanks for helping! Please use [**dev branch**](https://github.com/kni-labs/rrss - Make sure [gulp](http://gulpjs.com/) is installed globally: `npm install -g gulp` (May require `sudo`.) - run `npm install` to install the dependencies for this project. -- run `gulp` command to create a local server at `localhost:3000` and watch for file changes. - -You can access the local server on any device connected to the same network as the device running the server by visiting *`{YOUR_LOCAL_IP_ADDRESS}:3000`*. For example if your local IP address is *`192.168.0.1`*, visit *`192.168.0.1:3000`* from another device connected to the same network to view the pages on the server (they will auto-update as well as syncing the current scroll position across devices). +- run `gulp` to create a local server at `localhost:3000` and watch for file changes. ### About From b8e55dd015f1d3f0a0718837399259fa672a80c9 Mon Sep 17 00:00:00 2001 From: Daniel Box Date: Sat, 2 May 2015 22:01:48 -0500 Subject: [PATCH 29/40] version notes for 1.8.0 --- README.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 0993924..517d3f1 100755 --- a/README.md +++ b/README.md @@ -90,8 +90,9 @@ Requires [**SVG**](http://caniuse.com/svg) ### Version Notes -| Version | Note | Issue | Backwards compatible? -| :--- | :------- | :------- | :------- | +| Version | Note | Issue(s) | Backwards compatible? +| :--- | :------- | :------- | :-------: | +| 1.8.0 | Shiny new gulp/browser-sync dev environment /via @connorwyatt, updated Facebook icon, fixed TypeError: $ in js /via @QWp6t . | [(#93)](https://github.com/kni-labs/rrssb/issues/93), [(#93)](https://github.com/kni-labs/rrssb/issues/97) | ✓ | 1.7.6 | Fixed an issue where icon hit areas were breaking out of containers | [(#94)](https://github.com/kni-labs/rrssb/issues/94) | ✓ | 1.7.5 | Flexible Large Format icons text-size based on sibling count. Switched to MIT license. | [(#18)](https://github.com/kni-labs/rrssb/issues/18) | ✓ | 1.7.2 | Better calc detection & fallback /via @IanCaunce | [(#89)](https://github.com/kni-labs/rrssb/pull/89) | ✓ From 2f955037d1b7b934bf7fc6872e900f197dfe6cf1 Mon Sep 17 00:00:00 2001 From: Daniel Box Date: Sat, 2 May 2015 22:14:40 -0500 Subject: [PATCH 30/40] example code formtting --- README.md | 48 ++++++++++++++++++++++++------------------------ 1 file changed, 24 insertions(+), 24 deletions(-) diff --git a/README.md b/README.md index 517d3f1..1045bd3 100755 --- a/README.md +++ b/README.md @@ -24,29 +24,29 @@ RRSSB is built with [**SASS**](http://sass-lang.com/), so you can easily customi ```html @@ -70,11 +70,11 @@ RRSSB is built with [**SASS**](http://sass-lang.com/), so you can easily customi ``` -#### Other install options: +### Other install options: | Service | Link | | :--------------------------------- | :------- | -| [**Bower**](http://bower.io) | `bower search rrssb` | +| [**Bower**](http://bower.io) | `bower install RRSSB` | | Rails * | [**Rails Setup by @rimkashox**](http://www.simplehacks.com/web-dev/how-to-use-rrssb-with-rails/) | | Wordpress * | [**Wordpress plugin by @aarreedd**](http://wordpress.org/plugins/ridiculously-responsive-social-sharing-buttons/) | | Drupal * | [**Drupal Install Instructions**](https://drupal.org/project/rrssb) | From 22d68c5272bcebb9def776527f0fb6f82cb3f4e5 Mon Sep 17 00:00:00 2001 From: Daniel Box Date: Sat, 2 May 2015 22:20:58 -0500 Subject: [PATCH 31/40] switch to lowercase rrssb on bower --- README.md | 2 +- bower.json | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 1045bd3..c102517 100755 --- a/README.md +++ b/README.md @@ -74,7 +74,7 @@ RRSSB is built with [**SASS**](http://sass-lang.com/), so you can easily customi | Service | Link | | :--------------------------------- | :------- | -| [**Bower**](http://bower.io) | `bower install RRSSB` | +| [**Bower**](http://bower.io) | `bower install rrssb` | | Rails * | [**Rails Setup by @rimkashox**](http://www.simplehacks.com/web-dev/how-to-use-rrssb-with-rails/) | | Wordpress * | [**Wordpress plugin by @aarreedd**](http://wordpress.org/plugins/ridiculously-responsive-social-sharing-buttons/) | | Drupal * | [**Drupal Install Instructions**](https://drupal.org/project/rrssb) | diff --git a/bower.json b/bower.json index a00f3a0..3e63972 100755 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { - "name": "RRSSB", - "version": "1.7.7", + "name": "rrssb", + "version": "1.8.0", "authors": [ "(Joshua Tuscan )", "(Daniel Box )" From 4ee8b81c64851fe0d402b1c5c64177209a2d4b92 Mon Sep 17 00:00:00 2001 From: Daniel Box Date: Sat, 2 May 2015 22:23:56 -0500 Subject: [PATCH 32/40] version up 1.8.0 --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index b1ba643..75da30b 100755 --- a/index.html +++ b/index.html @@ -155,7 +155,7 @@

    Ridiculously Responsive Social Sharing Buttons

    Grab the code on Github here →

    - RRSSB is a KNI Labs freebie crafted by @dbox and @joshuatuscan.  v 1.7.7 + RRSSB is a KNI Labs freebie crafted by @dbox and @joshuatuscan.  v 1.8.0 From 011c2a4b1d363829e342fb285c7e2a24a7214ac1 Mon Sep 17 00:00:00 2001 From: Daniel Box Date: Sat, 2 May 2015 23:02:55 -0500 Subject: [PATCH 33/40] html beautification --- README.md | 23 ++- index.html | 399 ++++++++++++++++++++++++++++++----------------------- 2 files changed, 236 insertions(+), 186 deletions(-) diff --git a/README.md b/README.md index c102517..3e9c489 100755 --- a/README.md +++ b/README.md @@ -26,33 +26,30 @@ RRSSB is built with [**SASS**](http://sass-lang.com/), so you can easily customi ``` - - Only copy the `li`s of the buttons you want (index.html has examples of all available types). - Adding a class of `popup` to the anchor tag for each share button will make the share dialog open in a popup, rather than a new window. (Good for Facebook, Twitter, Google Plus, etc.) diff --git a/index.html b/index.html index 75da30b..0150db2 100755 --- a/index.html +++ b/index.html @@ -1,176 +1,229 @@ - - - - Ridiculously Responsive Social Sharing Buttons by KNI Labs - - - - - - - - - - - - - - - - - - - - - - - -
    -

    Ridiculously Responsive Social Sharing Buttons

    -
    - - - -

    Love them or hate them, social sharing buttons appear to be with us for a while. It seemed like we were constantly making custom buttons for every single project, so we decided to create a super flexible system that would work in any container.

    - -

    RRSSB is built with SASS, so you can easily customize it by tweaking a few variables. SVGs allow for tiny file size and retina support. Add or remove icons as you see fit — the rest will fill in automagically in the container.

    - -

    Resize this page for demo. Currently tested between 130px and 15,465px on current versions of Chrome 33, Safari 7.0.2, Firefox 27, Opera 20, and IE9+. Requires SVG support.

    - -

    Grab the code on Github here →

    - - RRSSB is a KNI Labs freebie crafted by @dbox and @joshuatuscan.  v 1.8.0 - -
    - - - - - - - - - - + + + + + Ridiculously Responsive Social Sharing Buttons by KNI Labs + + + + + + + + + + + + + + + + + + + + + + + + +
    +

    Ridiculously Responsive Social Sharing Buttons

    +
    + + + +

    + Love them or hate them, social sharing buttons appear to be with us for a while. It seemed like we were constantly making custom buttons for every single project, so we decided to create a super flexible system that would work in any container.

    + +

    RRSSB is built with SASS, so you can easily customize it by tweaking a few variables. SVGs allow for tiny file size and retina support. Add or remove icons as you see fit — the rest will fill in automagically + in the container.

    + +

    Resize this page for demo. Currently tested between 130px and 15,465px on current versions of Chrome 33, Safari 7.0.2, Firefox 27, Opera 20, and IE9+. Requires SVG support.

    + +

    Grab the code on Github here →

    + + RRSSB is a KNI Labs freebie crafted by @dbox and @joshuatuscan.   + v 1.8.0 + + +
    + + + + + + + + + + + + From 661a5793a0c57aa8ddddcb2b7c3814bcb02229ca Mon Sep 17 00:00:00 2001 From: Daniel Box Date: Sat, 2 May 2015 23:03:12 -0500 Subject: [PATCH 34/40] twitter meta added --- index.html | 18 ++++++++++++------ 1 file changed, 12 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 0150db2..61d6e8f 100755 --- a/index.html +++ b/index.html @@ -5,18 +5,24 @@ Ridiculously Responsive Social Sharing Buttons by KNI Labs - + - + - - + + + + + + + + + + From f7b8d3fe3346a941f5de468cc6caee48424c51e0 Mon Sep 17 00:00:00 2001 From: Daniel Box Date: Sat, 2 May 2015 23:06:45 -0500 Subject: [PATCH 35/40] usage update --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 3e9c489..0696803 100755 --- a/README.md +++ b/README.md @@ -50,7 +50,7 @@ RRSSB is built with [**SASS**](http://sass-lang.com/), so you can easily customi ``` -- Only copy the `li`s of the buttons you want (index.html has examples of all available types). +- Only copy the `
  • `s of the buttons you want (index.html has examples of all available types). - Adding a class of `popup` to the anchor tag for each share button will make the share dialog open in a popup, rather than a new window. (Good for Facebook, Twitter, Google Plus, etc.) - Buttons will automatically flow to the size of the ul `rrssb-buttons`. If fixed sized buttons are needed, nest `rrssb-buttons` in a fixed-width container. From 857ebc52100af3ffc873e70490724e713a7915d5 Mon Sep 17 00:00:00 2001 From: Daniel Box Date: Sat, 2 May 2015 23:33:40 -0500 Subject: [PATCH 36/40] added delicious icon --- icons/delicious.min.svg | 1 + icons/delicious.svg | 5 +++++ 2 files changed, 6 insertions(+) create mode 100644 icons/delicious.min.svg create mode 100644 icons/delicious.svg diff --git a/icons/delicious.min.svg b/icons/delicious.min.svg new file mode 100644 index 0000000..1687bb6 --- /dev/null +++ b/icons/delicious.min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/delicious.svg b/icons/delicious.svg new file mode 100644 index 0000000..cd335b2 --- /dev/null +++ b/icons/delicious.svg @@ -0,0 +1,5 @@ + + + From 996cf74bcdac10692473d4b5b90f3fdaf8372bba Mon Sep 17 00:00:00 2001 From: Daniel Box Date: Sat, 2 May 2015 23:35:19 -0500 Subject: [PATCH 37/40] usage update --- README.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/README.md b/README.md index 0696803..d393444 100755 --- a/README.md +++ b/README.md @@ -53,8 +53,11 @@ RRSSB is built with [**SASS**](http://sass-lang.com/), so you can easily customi - Only copy the `
  • `s of the buttons you want (index.html has examples of all available types). - Adding a class of `popup` to the anchor tag for each share button will make the share dialog open in a popup, rather than a new window. (Good for Facebook, Twitter, Google Plus, etc.) + - Buttons will automatically flow to the size of the ul `rrssb-buttons`. If fixed sized buttons are needed, nest `rrssb-buttons` in a fixed-width container. + - Each sharing URL requires various parameters that allow you to pass through messaging in the sharing dialog. A useful tool for URI escaping any messaging that needs to pass through the share URL can be found [**here**](http://meyerweb.com/eric/tools/dencoder/). + - Optionally, all share meta and links can be configured in `rrssb.js` From 599a1c96a7d56d39ed1b3f2826f74e3caa717bfe Mon Sep 17 00:00:00 2001 From: Daniel Box Date: Sat, 2 May 2015 23:37:06 -0500 Subject: [PATCH 38/40] added vk icon per #80 by @sheershoff --- css/rrssb.css | 2 +- icons/vk.min.svg | 1 + icons/vk.svg | 20 ++++++++++++++++++++ index.html | 11 ++++++++++- scss/rrssb.scss | 6 +++++- 5 files changed, 37 insertions(+), 3 deletions(-) create mode 100644 icons/vk.min.svg create mode 100644 icons/vk.svg diff --git a/css/rrssb.css b/css/rrssb.css index ad326cb..2b9358f 100755 --- a/css/rrssb.css +++ b/css/rrssb.css @@ -1 +1 @@ -.clearfix:after{clear:both}.clearfix:after,.clearfix:before{content:' ';display:table}.rrssb-buttons{box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;height:36px;margin:0;padding:0;width:100%}.rrssb-buttons li{box-sizing:border-box;float:left;height:100%;line-height:13px;list-style:none;margin:0;padding:0 2px}.rrssb-buttons li.rrssb-email a{background-color:#0a88ff}.rrssb-buttons li.rrssb-email a:hover{background-color:#006ed6}.rrssb-buttons li.rrssb-facebook a{background-color:#306199}.rrssb-buttons li.rrssb-facebook a:hover{background-color:#244872}.rrssb-buttons li.rrssb-tumblr a{background-color:#32506d}.rrssb-buttons li.rrssb-tumblr a:hover{background-color:#22364a}.rrssb-buttons li.rrssb-linkedin a{background-color:#007bb6}.rrssb-buttons li.rrssb-linkedin a:hover{background-color:#005983}.rrssb-buttons li.rrssb-twitter a{background-color:#26c4f1}.rrssb-buttons li.rrssb-twitter a:hover{background-color:#0eaad6}.rrssb-buttons li.rrssb-googleplus a{background-color:#e93f2e}.rrssb-buttons li.rrssb-googleplus a:hover{background-color:#ce2616}.rrssb-buttons li.rrssb-youtube a{background-color:#df1c31}.rrssb-buttons li.rrssb-youtube a:hover{background-color:#b21627}.rrssb-buttons li.rrssb-reddit a{background-color:#8bbbe3}.rrssb-buttons li.rrssb-reddit a:hover{background-color:#62a3d9}.rrssb-buttons li.rrssb-pinterest a{background-color:#b81621}.rrssb-buttons li.rrssb-pinterest a:hover{background-color:#8a1119}.rrssb-buttons li.rrssb-pocket a{background-color:#ed4054}.rrssb-buttons li.rrssb-pocket a:hover{background-color:#e4162d}.rrssb-buttons li.rrssb-github a{background-color:#444}.rrssb-buttons li.rrssb-github a:hover{background-color:#2b2b2b}.rrssb-buttons li.rrssb-instagram a{background-color:#517fa4}.rrssb-buttons li.rrssb-instagram a:hover{background-color:#406582}.rrssb-buttons li.rrssb-hackernews a{background-color:#f60}.rrssb-buttons li.rrssb-hackernews a:hover{background-color:#cc5200}.rrssb-buttons li a{background-color:#ccc;border-radius:2px;box-sizing:border-box;display:block;font-size:11px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:700;height:100%;padding:11px 7px 12px 27px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;width:100%}.rrssb-buttons li a .rrssb-icon{display:block;left:10px;padding-top:9px;position:absolute;top:0;width:10%}.rrssb-buttons li a .rrssb-icon svg{height:17px;width:17px}.rrssb-buttons li a .rrssb-icon svg path,.rrssb-buttons li a .rrssb-icon svg polygon{fill:#fff}.rrssb-buttons li a .rrssb-text{color:#fff}.rrssb-buttons li a:active{box-shadow:inset 1px 3px 15px 0 rgba(22,0,0,.25)}.rrssb-buttons li.small a{padding:0}.rrssb-buttons li.small a .rrssb-icon{left:auto;margin:0 auto;overflow:hidden;position:relative;top:auto;width:100%}.rrssb-buttons li.small a .rrssb-text{visibility:hidden}.rrssb-buttons.large-format,.rrssb-buttons.large-format li{height:auto}.rrssb-buttons.large-format li:first-child:nth-last-child(1) a{font-size:20px;font-size:4vw}.rrssb-buttons.large-format li:first-child:nth-last-child(2) a,.rrssb-buttons.large-format li:first-child:nth-last-child(2)~li a{font-size:16px;font-size:2vw}.rrssb-buttons.large-format li:first-child:nth-last-child(3) a,.rrssb-buttons.large-format li:first-child:nth-last-child(3)~li a{font-size:14px;font-size:1.7vw}.rrssb-buttons.large-format li:first-child:nth-last-child(4) a,.rrssb-buttons.large-format li:first-child:nth-last-child(4)~li a{font-size:13px;font-size:1.4vw}.rrssb-buttons.large-format li:first-child:nth-last-child(5) a,.rrssb-buttons.large-format li:first-child:nth-last-child(5)~li a{font-size:13px;font-size:1.2vw}.rrssb-buttons.large-format li:first-child:nth-last-child(6) a,.rrssb-buttons.large-format li:first-child:nth-last-child(6)~li a{font-size:12px;font-size:1.05vw}.rrssb-buttons.large-format li:first-child:nth-last-child(7) a,.rrssb-buttons.large-format li:first-child:nth-last-child(7)~li a{font-size:11px;font-size:.9vw}.rrssb-buttons.large-format li:first-child:nth-last-child(8) a,.rrssb-buttons.large-format li:first-child:nth-last-child(8)~li a{font-size:11px;font-size:.8vw}.rrssb-buttons.large-format li:first-child:nth-last-child(9) a,.rrssb-buttons.large-format li:first-child:nth-last-child(9)~li a{font-size:11px;font-size:.7vw}.rrssb-buttons.large-format li:first-child:nth-last-child(10) a,.rrssb-buttons.large-format li:first-child:nth-last-child(10)~li a{font-size:11px;font-size:.6vw}.rrssb-buttons.large-format li:first-child:nth-last-child(11) a,.rrssb-buttons.large-format li:first-child:nth-last-child(11)~li a{font-size:11px;font-size:.5vw}.rrssb-buttons.large-format li a{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:.2em;padding:8.5% 0 8.5% 12%}.rrssb-buttons.large-format li a .rrssb-icon{height:100%;left:7%;padding-top:0;width:12%}.rrssb-buttons.large-format li a .rrssb-icon svg{height:100%;position:absolute;top:0;width:100%}.rrssb-buttons.large-format li a .rrssb-text{-webkit-backface-visibility:hidden;backface-visibility:hidden}.rrssb-buttons.small-format{padding-top:5px}.rrssb-buttons.small-format li{height:80%;padding:0 1px}.rrssb-buttons.small-format li a .rrssb-icon{height:100%;padding-top:0}.rrssb-buttons.small-format li a .rrssb-icon svg{height:48%;position:relative;top:6px;width:80%}.rrssb-buttons.tiny-format{height:22px;position:relative}.rrssb-buttons.tiny-format li{padding-right:7px}.rrssb-buttons.tiny-format li a{background-color:transparent;padding:0}.rrssb-buttons.tiny-format li a .rrssb-icon svg{height:70%;width:100%}.rrssb-buttons.tiny-format li a:active,.rrssb-buttons.tiny-format li a:hover{background-color:transparent}.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg polygon{fill:#0a88ff}.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#0054a3}.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg polygon{fill:#306199}.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#18304b}.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg polygon{fill:#32506d}.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#121d27}.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg polygon{fill:#007bb6}.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#003650}.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg polygon{fill:#26c4f1}.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#0b84a6}.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg polygon{fill:#e93f2e}.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#a01e11}.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg polygon{fill:#df1c31}.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#84111d}.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg polygon{fill:#8bbbe3}.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#398bcf}.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg polygon{fill:#b81621}.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#5d0b11}.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg polygon{fill:#ed4054}.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#b61124}.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg polygon{fill:#444}.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#111}.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg polygon{fill:#517fa4}.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#2f4a60}.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon svg polygon{fill:#f60}.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#993d00} \ No newline at end of file +.clearfix:after{clear:both}.clearfix:after,.clearfix:before{content:' ';display:table}.rrssb-buttons{box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;height:36px;margin:0;padding:0;width:100%}.rrssb-buttons li{box-sizing:border-box;float:left;height:100%;line-height:13px;list-style:none;margin:0;padding:0 2px}.rrssb-buttons li.rrssb-email a{background-color:#0a88ff}.rrssb-buttons li.rrssb-email a:hover{background-color:#006ed6}.rrssb-buttons li.rrssb-facebook a{background-color:#306199}.rrssb-buttons li.rrssb-facebook a:hover{background-color:#244872}.rrssb-buttons li.rrssb-tumblr a{background-color:#32506d}.rrssb-buttons li.rrssb-tumblr a:hover{background-color:#22364a}.rrssb-buttons li.rrssb-linkedin a{background-color:#007bb6}.rrssb-buttons li.rrssb-linkedin a:hover{background-color:#005983}.rrssb-buttons li.rrssb-twitter a{background-color:#26c4f1}.rrssb-buttons li.rrssb-twitter a:hover{background-color:#0eaad6}.rrssb-buttons li.rrssb-googleplus a{background-color:#e93f2e}.rrssb-buttons li.rrssb-googleplus a:hover{background-color:#ce2616}.rrssb-buttons li.rrssb-youtube a{background-color:#df1c31}.rrssb-buttons li.rrssb-youtube a:hover{background-color:#b21627}.rrssb-buttons li.rrssb-reddit a{background-color:#8bbbe3}.rrssb-buttons li.rrssb-reddit a:hover{background-color:#62a3d9}.rrssb-buttons li.rrssb-pinterest a{background-color:#b81621}.rrssb-buttons li.rrssb-pinterest a:hover{background-color:#8a1119}.rrssb-buttons li.rrssb-pocket a{background-color:#ed4054}.rrssb-buttons li.rrssb-pocket a:hover{background-color:#e4162d}.rrssb-buttons li.rrssb-github a{background-color:#444}.rrssb-buttons li.rrssb-github a:hover{background-color:#2b2b2b}.rrssb-buttons li.rrssb-instagram a{background-color:#517fa4}.rrssb-buttons li.rrssb-instagram a:hover{background-color:#406582}.rrssb-buttons li.rrssb-delicious a{background-color:#0B79E5}.rrssb-buttons li.rrssb-delicious a:hover{background-color:#095fb4}.rrssb-buttons li.rrssb-vk a{background-color:#4d71a9}.rrssb-buttons li.rrssb-vk a:hover{background-color:#3d5a86}.rrssb-buttons li.rrssb-hackernews a{background-color:#f60}.rrssb-buttons li.rrssb-hackernews a:hover{background-color:#cc5200}.rrssb-buttons li a{background-color:#ccc;border-radius:2px;box-sizing:border-box;display:block;font-size:11px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:700;height:100%;padding:11px 7px 12px 27px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;width:100%}.rrssb-buttons li a .rrssb-icon{display:block;left:10px;padding-top:9px;position:absolute;top:0;width:10%}.rrssb-buttons li a .rrssb-icon svg{height:17px;width:17px}.rrssb-buttons li a .rrssb-icon svg path,.rrssb-buttons li a .rrssb-icon svg polygon{fill:#fff}.rrssb-buttons li a .rrssb-text{color:#fff}.rrssb-buttons li a:active{box-shadow:inset 1px 3px 15px 0 rgba(22,0,0,.25)}.rrssb-buttons li.small a{padding:0}.rrssb-buttons li.small a .rrssb-icon{left:auto;margin:0 auto;overflow:hidden;position:relative;top:auto;width:100%}.rrssb-buttons li.small a .rrssb-text{visibility:hidden}.rrssb-buttons.large-format,.rrssb-buttons.large-format li{height:auto}.rrssb-buttons.large-format li:first-child:nth-last-child(1) a{font-size:20px;font-size:4vw}.rrssb-buttons.large-format li:first-child:nth-last-child(2) a,.rrssb-buttons.large-format li:first-child:nth-last-child(2)~li a{font-size:16px;font-size:2vw}.rrssb-buttons.large-format li:first-child:nth-last-child(3) a,.rrssb-buttons.large-format li:first-child:nth-last-child(3)~li a{font-size:14px;font-size:1.7vw}.rrssb-buttons.large-format li:first-child:nth-last-child(4) a,.rrssb-buttons.large-format li:first-child:nth-last-child(4)~li a{font-size:13px;font-size:1.4vw}.rrssb-buttons.large-format li:first-child:nth-last-child(5) a,.rrssb-buttons.large-format li:first-child:nth-last-child(5)~li a{font-size:13px;font-size:1.2vw}.rrssb-buttons.large-format li:first-child:nth-last-child(6) a,.rrssb-buttons.large-format li:first-child:nth-last-child(6)~li a{font-size:12px;font-size:1.05vw}.rrssb-buttons.large-format li:first-child:nth-last-child(7) a,.rrssb-buttons.large-format li:first-child:nth-last-child(7)~li a{font-size:11px;font-size:.9vw}.rrssb-buttons.large-format li:first-child:nth-last-child(8) a,.rrssb-buttons.large-format li:first-child:nth-last-child(8)~li a{font-size:11px;font-size:.8vw}.rrssb-buttons.large-format li:first-child:nth-last-child(9) a,.rrssb-buttons.large-format li:first-child:nth-last-child(9)~li a{font-size:11px;font-size:.7vw}.rrssb-buttons.large-format li:first-child:nth-last-child(10) a,.rrssb-buttons.large-format li:first-child:nth-last-child(10)~li a{font-size:11px;font-size:.6vw}.rrssb-buttons.large-format li:first-child:nth-last-child(11) a,.rrssb-buttons.large-format li:first-child:nth-last-child(11)~li a{font-size:11px;font-size:.5vw}.rrssb-buttons.large-format li a{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:.2em;padding:8.5% 0 8.5% 12%}.rrssb-buttons.large-format li a .rrssb-icon{height:100%;left:7%;padding-top:0;width:12%}.rrssb-buttons.large-format li a .rrssb-icon svg{height:100%;position:absolute;top:0;width:100%}.rrssb-buttons.large-format li a .rrssb-text{-webkit-backface-visibility:hidden;backface-visibility:hidden}.rrssb-buttons.small-format{padding-top:5px}.rrssb-buttons.small-format li{height:80%;padding:0 1px}.rrssb-buttons.small-format li a .rrssb-icon{height:100%;padding-top:0}.rrssb-buttons.small-format li a .rrssb-icon svg{height:48%;position:relative;top:6px;width:80%}.rrssb-buttons.tiny-format{height:22px;position:relative}.rrssb-buttons.tiny-format li{padding-right:7px}.rrssb-buttons.tiny-format li a{background-color:transparent;padding:0}.rrssb-buttons.tiny-format li a .rrssb-icon svg{height:70%;width:100%}.rrssb-buttons.tiny-format li a:active,.rrssb-buttons.tiny-format li a:hover{background-color:transparent}.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg polygon{fill:#0a88ff}.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#0054a3}.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg polygon{fill:#306199}.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#18304b}.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg polygon{fill:#32506d}.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#121d27}.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg polygon{fill:#007bb6}.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#003650}.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg polygon{fill:#26c4f1}.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#0b84a6}.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg polygon{fill:#e93f2e}.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#a01e11}.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg polygon{fill:#df1c31}.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#84111d}.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg polygon{fill:#8bbbe3}.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#398bcf}.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg polygon{fill:#b81621}.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#5d0b11}.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg polygon{fill:#ed4054}.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#b61124}.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg polygon{fill:#444}.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#111}.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg polygon{fill:#517fa4}.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#2f4a60}.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon svg polygon{fill:#0B79E5}.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#064684}.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon svg polygon{fill:#4d71a9}.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#2d4263}.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon svg polygon{fill:#f60}.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#993d00} \ No newline at end of file diff --git a/icons/vk.min.svg b/icons/vk.min.svg new file mode 100644 index 0000000..f90a353 --- /dev/null +++ b/icons/vk.min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/vk.svg b/icons/vk.svg new file mode 100644 index 0000000..6862b77 --- /dev/null +++ b/icons/vk.svg @@ -0,0 +1,20 @@ +image/svg+xml diff --git a/index.html b/index.html index 61d6e8f..7955953 100755 --- a/index.html +++ b/index.html @@ -22,7 +22,7 @@ - + @@ -188,6 +188,15 @@

    Ridiculously Responsive Social Sharing Buttons

    github
    • + + diff --git a/scss/rrssb.scss b/scss/rrssb.scss index 28a5574..3b1a569 100755 --- a/scss/rrssb.scss +++ b/scss/rrssb.scss @@ -33,6 +33,8 @@ $rrssb-pocket: #ed4054 !default; $rrssb-github: #444 !default; $rrssb-instagram: #517fa4 !default; $rrssb-hackernews: #ff6600 !default; +$rrssb-delicious: #0B79E5 !default; +$rrssb-vk: #4d71a9 !default; // Set the border radius for the buttons $rrssb-border-radius: 2px !default; @@ -53,7 +55,9 @@ $social-list: ( rrssb-pocket $rrssb-pocket, rrssb-github $rrssb-github, rrssb-instagram $rrssb-instagram, - rrssb-hackernews $rrssb-hackernews + rrssb-delicious $rrssb-delicious, + rrssb-vk $rrssb-vk, + rrssb-hackernews $rrssb-hackernews ); // some generic classes From ecb8438f3f0b370e1cb3f1f559c6a48ace3ee1fb Mon Sep 17 00:00:00 2001 From: Daniel Box Date: Sat, 2 May 2015 23:44:08 -0500 Subject: [PATCH 39/40] adding messaging about adding/removing icons --- scss/rrssb.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/scss/rrssb.scss b/scss/rrssb.scss index 3b1a569..6853274 100755 --- a/scss/rrssb.scss +++ b/scss/rrssb.scss @@ -16,7 +16,8 @@ // \__\/ \__\/ -// How to use: Add/remove buttons from config settings and $social-list. +// Note: You can and should add or remove buttons from config settings and +// $social-list based on your specific needs. // config settings $rrssb-txt: #fff !default; @@ -56,7 +57,7 @@ $social-list: ( rrssb-github $rrssb-github, rrssb-instagram $rrssb-instagram, rrssb-delicious $rrssb-delicious, - rrssb-vk $rrssb-vk, + rrssb-vk $rrssb-vk, rrssb-hackernews $rrssb-hackernews ); From 9357477b2d500740860c941e17b6471a68ea2b8f Mon Sep 17 00:00:00 2001 From: Daniel Box Date: Sat, 2 May 2015 23:48:50 -0500 Subject: [PATCH 40/40] version notes update --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index d393444..b7cf1be 100755 --- a/README.md +++ b/README.md @@ -92,7 +92,7 @@ Requires [**SVG**](http://caniuse.com/svg) ### Version Notes | Version | Note | Issue(s) | Backwards compatible? | :--- | :------- | :------- | :-------: | -| 1.8.0 | Shiny new gulp/browser-sync dev environment /via @connorwyatt, updated Facebook icon, fixed TypeError: $ in js /via @QWp6t . | [(#93)](https://github.com/kni-labs/rrssb/issues/93), [(#93)](https://github.com/kni-labs/rrssb/issues/97) | ✓ +| 1.8.0 | Shiny new gulp/browser-sync dev environment /via @connorwyatt, updated Facebook icon, fixed TypeError: $ in js /via @QWp6t . | [(#93)](https://github.com/kni-labs/rrssb/issues/93), [(#97)](https://github.com/kni-labs/rrssb/issues/97) | ✓ | 1.7.6 | Fixed an issue where icon hit areas were breaking out of containers | [(#94)](https://github.com/kni-labs/rrssb/issues/94) | ✓ | 1.7.5 | Flexible Large Format icons text-size based on sibling count. Switched to MIT license. | [(#18)](https://github.com/kni-labs/rrssb/issues/18) | ✓ | 1.7.2 | Better calc detection & fallback /via @IanCaunce | [(#89)](https://github.com/kni-labs/rrssb/pull/89) | ✓