Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

added readme

  • Loading branch information...
commit b6244c3172ecf7e6a2a0b4f6b37d51547ba53c65 1 parent 87ac758
Syd Lawrence authored
View
BIN  .sass-cache/2e02154842484acbc62cb990d8bcea55455d2a5f/_mixins.scssc
Binary file not shown
View
BIN  .sass-cache/2e02154842484acbc62cb990d8bcea55455d2a5f/buttons.scssc
Binary file not shown
View
3  README
@@ -0,0 +1,3 @@
+# DEMO
+
+http://sydl.me/awesomebuttonsdemo
View
42 css/buttons.css
@@ -16,9 +16,9 @@ body {
/* line 17, ../sass/buttons.scss */
#markup {
- width: 400px;
font-size: 10px;
float: left;
+ width: 700px;
}
/* line 23, ../sass/buttons.scss */
@@ -37,7 +37,15 @@ a.button, a.button:active, a.button:visited, .button, button {
width: 298px;
text-shadow: black 0 1px 1px;
}
-/* line 20, ../sass/_mixins.scss */
+/* line 19, ../sass/_mixins.scss */
+a.button:first-letter, a.button:active:first-letter, a.button:visited:first-letter, .button:first-letter, button:first-letter {
+ display: block;
+ width: 30px;
+ height: 30px;
+ content: " ";
+ z-index: 9999;
+}
+/* line 27, ../sass/_mixins.scss */
a.button:after, a.button:active:after, a.button:visited:after, .button:after, button:after {
border-radius: 4px;
content: ' ';
@@ -49,16 +57,16 @@ a.button:after, a.button:active:after, a.button:visited:after, .button:after, bu
width: 300px;
z-index: -1;
}
-/* line 33, ../sass/_mixins.scss */
+/* line 40, ../sass/_mixins.scss */
a.button:hover, a.button:focus, a.button:active, a.button:active:hover, a.button:active:focus, a.button:active:active, a.button:visited:hover, a.button:visited:focus, a.button:visited:active, .button:hover, .button:focus, .button:active, button:hover, button:focus, button:active {
height: 29px;
padding-top: 13px;
}
-/* line 37, ../sass/_mixins.scss */
+/* line 44, ../sass/_mixins.scss */
a.button:hover:before, a.button:focus:before, a.button:active:before, a.button:active:hover:before, a.button:active:focus:before, a.button:active:active:before, a.button:visited:hover:before, a.button:visited:focus:before, a.button:visited:active:before, .button:hover:before, .button:focus:before, .button:active:before, button:hover:before, button:focus:before, button:active:before {
margin-top: -14px;
}
-/* line 48, ../sass/_mixins.scss */
+/* line 55, ../sass/_mixins.scss */
a.button:before, a.button:active:before, a.button:visited:before, .button:before, button:before {
border-radius: 15px;
content: " ";
@@ -86,7 +94,7 @@ a.button.twitter, a.button:active.twitter, a.button:visited.twitter, .button.twi
-o-box-shadow: inset 0px 0px 5px 5px rgba(10, 83, 137, 0.2);
box-shadow: inset 0px 0px 5px 5px rgba(10, 83, 137, 0.2);
}
-/* line 66, ../sass/_mixins.scss */
+/* line 73, ../sass/_mixins.scss */
a.button.twitter:before, a.button:active.twitter:before, a.button:visited.twitter:before, .button.twitter:before, button.twitter:before {
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANCAYAAACkTj4ZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEUxMDcxRDFGMDVGMTFFMDk5ODE5ODI3Mjc2RTBGNjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEUxMDcxRDJGMDVGMTFFMDk5ODE5ODI3Mjc2RTBGNjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowRTEwNzFDRkYwNUYxMUUwOTk4MTk4MjcyNzZFMEY2MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRTEwNzFEMEYwNUYxMUUwOTk4MTk4MjcyNzZFMEY2MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvfbbBIAAADoSURBVHjaYvj//z8DkVgFiOcD8SIglkOXR+ZIA7ENDkNAcm//Q8BJIPbAZ5A6EP8E4htA7IqmcOl/TFCHyyAQbkFSuBrqBZBr/vzHDmxwGXQDTeFnID78HzfYAsROQJyJbpAuEF/6Txp4AsQhTAyo4B0QazEQD74D8Qsg5sEWQyBXtRPpmmqYPiYstlwG20AYgFw/Bc4DmhaIxVWgpPCKgGtCkPWwAM16DcSXgHgfEF8DYjMgDifgqlYgXoMigpT8DxMRJt+AuBRb6mcEJyYEMADiKKirRKEx+BSKdwPxXCC+j82JAAEGADHbQ9RLNYk6AAAAAElFTkSuQmCC");
background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(60%, #0b6fba), color-stop(100%, rgba(0, 0, 0, 0.4)));
@@ -100,7 +108,7 @@ a.button.twitter:before, a.button:active.twitter:before, a.button:visited.twitte
-o-box-shadow: 0px 0px 2px 0px rgba(10, 83, 137, 0.2);
box-shadow: 0px 0px 2px 0px rgba(10, 83, 137, 0.2);
}
-/* line 85, ../sass/_mixins.scss */
+/* line 92, ../sass/_mixins.scss */
a.button.twitter:after, a.button:active.twitter:after, a.button:visited.twitter:after, .button.twitter:after, button.twitter:after {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #44e7ff), color-stop(100%, #0b6fba));
background-image: -webkit-linear-gradient(top, #44e7ff, #0b6fba);
@@ -113,7 +121,7 @@ a.button.twitter:after, a.button:active.twitter:after, a.button:visited.twitter:
-o-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4);
}
-/* line 91, ../sass/_mixins.scss */
+/* line 98, ../sass/_mixins.scss */
a.button.twitter:hover, a.button.twitter:focus, a.button.twitter:active, a.button:active.twitter:hover, a.button:active.twitter:focus, a.button:active.twitter:active, a.button:visited.twitter:hover, a.button:visited.twitter:focus, a.button:visited.twitter:active, .button.twitter:hover, .button.twitter:focus, .button.twitter:active, button.twitter:hover, button.twitter:focus, button.twitter:active {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0b6fba), color-stop(100%, #00c1dd));
background-image: -webkit-linear-gradient(top, #0b6fba, #00c1dd);
@@ -135,7 +143,7 @@ a.button.facebook, a.button:active.facebook, a.button:visited.facebook, .button.
-o-box-shadow: inset 0px 0px 5px 5px rgba(10, 83, 137, 0.2);
box-shadow: inset 0px 0px 5px 5px rgba(10, 83, 137, 0.2);
}
-/* line 66, ../sass/_mixins.scss */
+/* line 73, ../sass/_mixins.scss */
a.button.facebook:before, a.button:active.facebook:before, a.button:visited.facebook:before, .button.facebook:before, button.facebook:before {
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAYAAAAPFIbmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDExNEZGMjBGMDYxMTFFMDk5ODE5ODI3Mjc2RTBGNjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDExNEZGMjFGMDYxMTFFMDk5ODE5ODI3Mjc2RTBGNjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowRTEwNzFEM0YwNUYxMUUwOTk4MTk4MjcyNzZFMEY2MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRTEwNzFENEYwNUYxMUUwOTk4MTk4MjcyNzZFMEY2MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pvdm3JIAAAB0SURBVHjaYvr//z8DEpYA4l3/0QATAyqYBsSuaGIMLGh8byT2OyBeD8R/0RWxIbHTgXgNiIFuHTL4DmMwAt3FA6QPQPnGSIruAPFHIP4Cso4ZTRIGVKD0KZCiv0B8Fo9JuxnQwgkZeMPE8TkcDkYVMQAEGACXqlA+ni55VQAAAABJRU5ErkJggg==");
background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(60%, #11519c), color-stop(100%, rgba(0, 0, 0, 0.4)));
@@ -149,7 +157,7 @@ a.button.facebook:before, a.button:active.facebook:before, a.button:visited.face
-o-box-shadow: 0px 0px 2px 0px rgba(10, 83, 137, 0.2);
box-shadow: 0px 0px 2px 0px rgba(10, 83, 137, 0.2);
}
-/* line 85, ../sass/_mixins.scss */
+/* line 92, ../sass/_mixins.scss */
a.button.facebook:after, a.button:active.facebook:after, a.button:visited.facebook:after, .button.facebook:after, button.facebook:after {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6dafff), color-stop(100%, #11519c));
background-image: -webkit-linear-gradient(top, #6dafff, #11519c);
@@ -162,7 +170,7 @@ a.button.facebook:after, a.button:active.facebook:after, a.button:visited.facebo
-o-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4);
}
-/* line 91, ../sass/_mixins.scss */
+/* line 98, ../sass/_mixins.scss */
a.button.facebook:hover, a.button.facebook:focus, a.button.facebook:active, a.button:active.facebook:hover, a.button:active.facebook:focus, a.button:active.facebook:active, a.button:visited.facebook:hover, a.button:visited.facebook:focus, a.button:visited.facebook:active, .button.facebook:hover, .button.facebook:focus, .button.facebook:active, button.facebook:hover, button.facebook:focus, button.facebook:active {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #11519c), color-stop(100%, #0777ff));
background-image: -webkit-linear-gradient(top, #11519c, #0777ff);
@@ -184,7 +192,7 @@ a.button.gowalla, a.button:active.gowalla, a.button:visited.gowalla, .button.gow
-o-box-shadow: inset 0px 0px 5px 5px rgba(226, 119, 13, 0.1);
box-shadow: inset 0px 0px 5px 5px rgba(226, 119, 13, 0.1);
}
-/* line 66, ../sass/_mixins.scss */
+/* line 73, ../sass/_mixins.scss */
a.button.gowalla:before, a.button:active.gowalla:before, a.button:visited.gowalla:before, .button.gowalla:before, button.gowalla:before {
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPCAYAAADQ4S5JAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDExNEZGMjRGMDYxMTFFMDk5ODE5ODI3Mjc2RTBGNjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDExNEZGMjVGMDYxMTFFMDk5ODE5ODI3Mjc2RTBGNjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTE0RkYyMkYwNjExMUUwOTk4MTk4MjcyNzZFMEY2MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTE0RkYyM0YwNjExMUUwOTk4MTk4MjcyNzZFMEY2MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpHE4QcAAADZSURBVHjaYvj//z8DEhYC4iIgPvAfAr4B8RkgbgRiZpAaZMX2QPzqP27QhaxBBYg/I0nOh9qmgiT2EFnDTCSJJ0DMBhUHOWMFEP8E4nxkDchO2YjmLxTMxMDAwAzEogwI8JcBD2CBKvgL1QgC0kjyIDEDFB1Qq24jOekPEItCxfnRg4oJqm8Nmqm9ON0ENUkCiN+iGXYSGokoADkEzID4Kpr8bXwaYNgJ6g9QcjBGU/+WCYsrYSEGCq06NLlZ2GxQwZGWLoFCDVeMpkEVgJy2F+o8HpAcQIABAOrs1vCevwvyAAAAAElFTkSuQmCC");
background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(60%, #cf5d00), color-stop(100%, rgba(0, 0, 0, 0.4)));
@@ -198,7 +206,7 @@ a.button.gowalla:before, a.button:active.gowalla:before, a.button:visited.gowall
-o-box-shadow: 0px 0px 2px 0px rgba(226, 119, 13, 0.1);
box-shadow: 0px 0px 2px 0px rgba(226, 119, 13, 0.1);
}
-/* line 85, ../sass/_mixins.scss */
+/* line 92, ../sass/_mixins.scss */
a.button.gowalla:after, a.button:active.gowalla:after, a.button:visited.gowalla:after, .button.gowalla:after, button.gowalla:after {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffbc70), color-stop(100%, #cf5d00));
background-image: -webkit-linear-gradient(top, #ffbc70, #cf5d00);
@@ -211,7 +219,7 @@ a.button.gowalla:after, a.button:active.gowalla:after, a.button:visited.gowalla:
-o-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4);
}
-/* line 91, ../sass/_mixins.scss */
+/* line 98, ../sass/_mixins.scss */
a.button.gowalla:hover, a.button.gowalla:focus, a.button.gowalla:active, a.button:active.gowalla:hover, a.button:active.gowalla:focus, a.button:active.gowalla:active, a.button:visited.gowalla:hover, a.button:visited.gowalla:focus, a.button:visited.gowalla:active, .button.gowalla:hover, .button.gowalla:focus, .button.gowalla:active, button.gowalla:hover, button.gowalla:focus, button.gowalla:active {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cf5d00), color-stop(100%, #ff8c0a));
background-image: -webkit-linear-gradient(top, #cf5d00, #ff8c0a);
@@ -233,7 +241,7 @@ a.button.foursquare, a.button:active.foursquare, a.button:visited.foursquare, .b
-o-box-shadow: inset 0px 0px 5px 5px rgba(139, 139, 139, 0.1);
box-shadow: inset 0px 0px 5px 5px rgba(139, 139, 139, 0.1);
}
-/* line 66, ../sass/_mixins.scss */
+/* line 73, ../sass/_mixins.scss */
a.button.foursquare:before, a.button:active.foursquare:before, a.button:visited.foursquare:before, .button.foursquare:before, button.foursquare:before {
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDExNEZGMjhGMDYxMTFFMDk5ODE5ODI3Mjc2RTBGNjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDExNEZGMjlGMDYxMTFFMDk5ODE5ODI3Mjc2RTBGNjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTE0RkYyNkYwNjExMUUwOTk4MTk4MjcyNzZFMEY2MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTE0RkYyN0YwNjExMUUwOTk4MTk4MjcyNzZFMEY2MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt6oGUUAAAB/SURBVHjaYvz//z8DkUAAiPcD8QUWBuLBfCA2ALNANhGB5/+HgPdArECMhob/COAA9g4BDQlIGgpg4gxQ3f1YNAQgaZiPLAci9mORMIC6HwTOA7EAuqb3aCYiawB7HN0V6KaiAwdsfsXmYQyP49KErnE+vlDFFicYHkfHAAEGACpIsYTbfB9lAAAAAElFTkSuQmCC");
background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(60%, #7b7777), color-stop(100%, rgba(0, 0, 0, 0.4)));
@@ -247,7 +255,7 @@ a.button.foursquare:before, a.button:active.foursquare:before, a.button:visited.
-o-box-shadow: 0px 0px 2px 0px rgba(139, 139, 139, 0.1);
box-shadow: 0px 0px 2px 0px rgba(139, 139, 139, 0.1);
}
-/* line 85, ../sass/_mixins.scss */
+/* line 92, ../sass/_mixins.scss */
a.button.foursquare:after, a.button:active.foursquare:after, a.button:visited.foursquare:after, .button.foursquare:after, button.foursquare:after {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #7b7777));
background-image: -webkit-linear-gradient(top, #ffffff, #7b7777);
@@ -260,7 +268,7 @@ a.button.foursquare:after, a.button:active.foursquare:after, a.button:visited.fo
-o-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4);
}
-/* line 91, ../sass/_mixins.scss */
+/* line 98, ../sass/_mixins.scss */
a.button.foursquare:hover, a.button.foursquare:focus, a.button.foursquare:active, a.button:active.foursquare:hover, a.button:active.foursquare:focus, a.button:active.foursquare:active, a.button:visited.foursquare:hover, a.button:visited.foursquare:focus, a.button:visited.foursquare:active, .button.foursquare:hover, .button.foursquare:focus, .button.foursquare:active, button.foursquare:hover, button.foursquare:focus, button.foursquare:active {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7b7777), color-stop(100%, #ddcbcb));
background-image: -webkit-linear-gradient(top, #7b7777, #ddcbcb);
View
BIN  img/fb-icon.png
Deleted file not rendered
View
BIN  img/fs-icon.png
Deleted file not rendered
View
BIN  img/gw-icon.png
Deleted file not rendered
View
BIN  img/mask.png
Deleted file not rendered
View
BIN  img/tw-icon.png
Deleted file not rendered
View
7 index.html
@@ -29,7 +29,8 @@
<pre>
&lt;!-- SUPER SIMPLES MARKUP--&gt;
- &lt;!---- PURELY HTML &amp; CSS---&gt;
+ &lt;!--- PURELY CSS / SCSS ---&gt;
+ &lt;!--- THERE IS NO HTML5 ---&gt;
&lt;a href="http://facebook.com/sydlawrence" class="button facebook"&gt;Join me on Facebook&lt;/a&gt;
@@ -42,7 +43,7 @@
&lt;!-- SIMPLES --&gt;
&lt;!-- CODE WILL BE GITHUBED SOON --&gt;
- &lt;!-- DESIGN TOTALLY STOLEN FROM @ROBHAMPSON - http://www.netmagazine.com/tutorials/create-set-beautiful-social-media-buttons --&gt;
+ &lt;!-- DESIGN TOTALLY STOLEN FROM <a href="http://twitter.com/robhampson">@ROBHAMPSON</a> - <a href="http://www.netmagazine.com/tutorials/create-set-beautiful-social-media-button">http://www.netmagazine.com/tutorials/create-set-beautiful-social-media-buttons</a> --&gt;
</pre>
</code>
</div>
@@ -52,6 +53,8 @@
<a href="http://sydlawrence.com">Handcrafted by Syd</a>
</footer>
+ <a href="http://sydl.me/awesomebuttons"><img style="position: absolute; top: 0; right: 0; border: 0;z-index:999" src="https://a248.e.akamai.net/assets.github.com/img/7afbc8b248c68eb468279e8c17986ad46549fb71/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub"></a>
+
<script type="text/javascript">
View
7 sass/_mixins.scss
@@ -16,6 +16,13 @@
@include single-text-shadow(#000, 0, 1px, 1px);
+ &:first-letter {
+ display:block;
+ width:30px;
+ height:30px;
+ content: " ";
+ z-index:9999;
+ }
&:after {
border-radius:4px;
View
2  sass/buttons.scss
@@ -15,9 +15,9 @@ body {
}
#markup {
- width:400px;
font-size:10px;
float:left;
+ width:700px;
}
a.button, a.button:active, a.button:visited, .button, button {
Please sign in to comment.
Something went wrong with that request. Please try again.