aboutsummaryrefslogtreecommitdiffstats
path: root/docs/src/less/components/buttons.less
diff options
context:
space:
mode:
authorSam Potts <me@sampotts.me>2015-12-11 10:41:29 +1100
committerSam Potts <me@sampotts.me>2015-12-11 10:41:29 +1100
commit1371c1341fcc95d52394dc3f69900ae5041a5701 (patch)
tree9f79c1ab6b162d21b70cda618a1cb5ad2123052a /docs/src/less/components/buttons.less
parent05bf08a4389ec5c72627f709761578d80b40603f (diff)
downloadplyr-1371c1341fcc95d52394dc3f69900ae5041a5701.tar.lz
plyr-1371c1341fcc95d52394dc3f69900ae5041a5701.tar.xz
plyr-1371c1341fcc95d52394dc3f69900ae5041a5701.zip
Removed Hogan from Docs (Fixes #128)
Diffstat (limited to 'docs/src/less/components/buttons.less')
-rw-r--r--docs/src/less/components/buttons.less31
1 files changed, 22 insertions, 9 deletions
diff --git a/docs/src/less/components/buttons.less b/docs/src/less/components/buttons.less
index 68c1f5d3..1401cd01 100644
--- a/docs/src/less/components/buttons.less
+++ b/docs/src/less/components/buttons.less
@@ -67,6 +67,10 @@ nav {
box-shadow: inset 0 1px 1px rgba(0,0,0, .2);
position: relative;
z-index: 1;
+
+ .icon {
+ color: inherit;
+ }
}
@media (min-width: 560px) {
@@ -74,7 +78,7 @@ nav {
}
}
-// Shared
+// Shared
.btn,
.btn-count {
display: inline-block;
@@ -84,7 +88,7 @@ nav {
user-select: none;
}
-// Buttons
+// Buttons
.btn {
padding: (@padding-base / 2) @padding-base;
background: @body-background;
@@ -92,14 +96,23 @@ nav {
box-shadow: inset 0 1px 0 #fff, 0 1px 1px rgba(0,0,0, .05);
text-shadow: 0 1px 1px #fff;
color: @gray;
+ transition: background .3s ease, border .3s ease, color .3s ease;
&:hover,
&:focus {
- background-color: #fff;
- border-color: darken(@gray-light, 5%);
- color: @link-color;
+ border-color: darken(@gray-light, 8%);
+ color: @gray;
outline: 0;
}
+ &-youtube .icon {
+ color: @color-youtube;
+ }
+ &-vimeo .icon {
+ color: @color-vimeo;
+ }
+ &-twitter .icon {
+ color: @color-twitter;
+ }
}
.btn-primary {
background-image: linear-gradient(@link-color, darken(@link-color, 3%));
@@ -108,7 +121,7 @@ nav {
box-shadow: 0 1px 1px rgba(0,0,0, .15);
text-shadow: 0 1px 1px rgba(0,0,0, .1);
color: #fff;
-
+
&:hover,
&:focus {
color: #fff;
@@ -123,8 +136,8 @@ nav {
// Count bubble
.btn-count {
position: relative;
- margin-left: 6px;
- padding: ((@padding-base / 2) - 1px);
+ margin-left: (@padding-base / 2);
+ padding: (@padding-base / 2) (@padding-base * .75);
background: #fff;
border: 1px solid @gray-light;
@@ -143,4 +156,4 @@ nav {
border-width: 1px 0 0 1px;
transform: rotate(-45deg) translate(-50%, -50%);
}
-} \ No newline at end of file
+}