Skip to content
Browse files

multi-line button tweaks

  • Loading branch information...
1 parent 38dd44c commit 6c32ff66dd690b4eea0eebed9bf48e3da8ef74d9 @jlong jlong committed
Showing with 14 additions and 14 deletions.
  1. +2 −2 multi-line-button/_multi-line-button.sass
  2. +12 −12 multi-line-button/multi-line-button.css
View
4 multi-line-button/_multi-line-button.sass
@@ -1,4 +1,4 @@
-=multi-line-button($base-color, $shiny: false)
+=multi-line-button($base-color)
+background-clip('padding-box')
border-width: 1px
+border-radius(6px)
@@ -45,7 +45,7 @@
border-top-color: $light-border-color
+box-shadow($highlight-color, 1px, 1px, 0, 0, inset)
color: white
- +text-shadow($text-shadow-color, 0, 0, 5px)
+ +text-shadow($text-shadow-color, 0, 1px, 2px)
&:hover, &:focus
+linear-gradient(color-stops(lighten($light-color, 5%), lighten($base-color, 5%), $dark-color))
&:active, &.depressed
View
24 multi-line-button/multi-line-button.css
@@ -105,7 +105,7 @@ a.multi-line-button {
-o-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset;
box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset;
color: white;
- text-shadow: #2e7ebd 0 0 5px;
+ text-shadow: #2e7ebd 0 1px 2px;
}
/* line 13, _multi-line-button.sass */
a.multi-line-button .title {
@@ -141,13 +141,13 @@ a.multi-line-button:hover .subtitle {
a.multi-line-button:active {
padding: 13px 15px 11px;
}
-/* line 51, _multi-line-button.sass */
+/* line 49, _multi-line-button.sass */
a.multi-line-button:hover, a.multi-line-button:focus {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #9dc7e7), color-stop(50%, #74afdd), color-stop(100%, #378bce));
background-image: -moz-linear-gradient(top, #9dc7e7 0%, #74afdd 50%, #378bce 100%);
background-image: linear-gradient(top, #9dc7e7 0%, #74afdd 50%, #378bce 100%);
}
-/* line 53, _multi-line-button.sass */
+/* line 51, _multi-line-button.sass */
a.multi-line-button:active, a.multi-line-button.depressed {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #5796c8), color-stop(100%, #6aa2ce));
background-image: -moz-linear-gradient(top, #5796c8 0%, #6aa2ce 100%);
@@ -172,15 +172,15 @@ a.multi-line-button.green {
-o-box-shadow: rgba(233, 233, 233, 0.5) 1px 1px 0 0 inset;
box-shadow: rgba(233, 233, 233, 0.5) 1px 1px 0 0 inset;
color: white;
- text-shadow: #458632 0 0 5px;
+ text-shadow: #458632 0 1px 2px;
}
-/* line 51, _multi-line-button.sass */
+/* line 49, _multi-line-button.sass */
a.multi-line-button.green:hover, a.multi-line-button.green:focus {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #93d082), color-stop(50%, #73c25d), color-stop(100%, #4e9939));
background-image: -moz-linear-gradient(top, #93d082 0%, #73c25d 50%, #4e9939 100%);
background-image: linear-gradient(top, #93d082 0%, #73c25d 50%, #4e9939 100%);
}
-/* line 53, _multi-line-button.sass */
+/* line 51, _multi-line-button.sass */
a.multi-line-button.green:active, a.multi-line-button.green.depressed {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #5f9f4c), color-stop(100%, #6aaf56));
background-image: -moz-linear-gradient(top, #5f9f4c 0%, #6aaf56 100%);
@@ -205,15 +205,15 @@ a.multi-line-button.red {
-o-box-shadow: rgba(230, 230, 230, 0.5) 1px 1px 0 0 inset;
box-shadow: rgba(230, 230, 230, 0.5) 1px 1px 0 0 inset;
color: white;
- text-shadow: #862d2d 0 0 5px;
+ text-shadow: #862d2d 0 1px 2px;
}
-/* line 51, _multi-line-button.sass */
+/* line 49, _multi-line-button.sass */
a.multi-line-button.red:hover, a.multi-line-button.red:focus {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #d27979), color-stop(50%, #c55353), color-stop(100%, #993333));
background-image: -moz-linear-gradient(top, #d27979 0%, #c55353 50%, #993333 100%);
background-image: linear-gradient(top, #d27979 0%, #c55353 50%, #993333 100%);
}
-/* line 53, _multi-line-button.sass */
+/* line 51, _multi-line-button.sass */
a.multi-line-button.red:active, a.multi-line-button.red.depressed {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #a04545), color-stop(100%, #b24d4d));
background-image: -moz-linear-gradient(top, #a04545 0%, #b24d4d 100%);
@@ -238,15 +238,15 @@ a.multi-line-button.orange {
-o-box-shadow: rgba(235, 230, 224, 0.5) 1px 1px 0 0 inset;
box-shadow: rgba(235, 230, 224, 0.5) 1px 1px 0 0 inset;
color: white;
- text-shadow: #985a1b 0 0 5px;
+ text-shadow: #985a1b 0 1px 2px;
}
-/* line 51, _multi-line-button.sass */
+/* line 49, _multi-line-button.sass */
a.multi-line-button.orange:hover, a.multi-line-button.orange:focus {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #e4a667), color-stop(50%, #dd8d3c), color-stop(100%, #ae661e));
background-image: -moz-linear-gradient(top, #e4a667 0%, #dd8d3c 50%, #ae661e 100%);
background-image: linear-gradient(top, #e4a667 0%, #dd8d3c 50%, #ae661e 100%);
}
-/* line 53, _multi-line-button.sass */
+/* line 51, _multi-line-button.sass */
a.multi-line-button.orange:active, a.multi-line-button.orange.depressed {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #b8732e), color-stop(100%, #cc8033));
background-image: -moz-linear-gradient(top, #b8732e 0%, #cc8033 100%);

0 comments on commit 6c32ff6

Please sign in to comment.
Something went wrong with that request. Please try again.