Summary Files Commits Branches @commit @diff @stats
path: root / src / buttons.less
diff options
context:
space:
mode:
Commit5f0809b54067d533304ac2db9ef8b61b299b8930 (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2016-04-05 15:35:12 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2016-04-05 15:35:12 +0800
Files67d839979bfa5202f13d47e327cd058765042e78 /src/buttons.less
Spectre-Dark-Gruvbox-5f0809b54067d533304ac2db9ef8b61b299b8930.tar
Spectre-Dark-Gruvbox-5f0809b54067d533304ac2db9ef8b61b299b8930.tar.gz
Spectre-Dark-Gruvbox-5f0809b54067d533304ac2db9ef8b61b299b8930.zip
Parent3c10fb6428aa6e9cde24e78fdab322077929cd18 (diff)
Parent781ed13b83edc7af208b75815cfffb657a766cc5 (diff)
Merge branch 'master' into gh-pages
1 files changed, 35 insertions, 11 deletions
-rw-r--r--src/buttons.less46
diff --git a/src/buttons.less b/src/buttons.less
index e04aaa9..ef95627 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -61,13 +61,13 @@ button {
// Button Primary
&.btn-primary {
color: #fff;
- border-color: @core-color;
+ border-color: darken(@core-color, 5%);
background-color: @core-color;
&:hover,
&:focus {
color: #fff;
- border-color: darken(@core-color, 5%);
+ border-color: darken(@core-color, 10%);
background-color: darken(@core-color, 5%);
}
&:active,
@@ -135,11 +135,12 @@ button {
border: 0;
border-radius: .7rem;
vertical-align: top;
- background-color: rgba(0, 0, 0, .15);
+ background-color: transparent;
+ opacity: .35;
transform: rotate(-45deg);
&:hover {
- background-color: rgba(0, 0, 0, .35);
+ opacity: .75;
}
&::before,
@@ -149,23 +150,46 @@ button {
position: absolute;
top: 50%;
left: 50%;
- background-color: #fff;
+ background-color: #333;
}
&::before {
- width: .8rem;
+ width: 1rem;
height: .2rem;
- margin-left: -.4rem;
+ margin-left: -.5rem;
margin-top: -.1rem;
}
&::after {
width: .2rem;
- height: .8rem;
+ height: 1rem;
margin-left: -.1rem;
- margin-top: -.4rem;
+ margin-top: -.5rem;
}
}
+}
+
+.btn-group {
+ display: inline-block;
+ vertical-align: middle;
+ .clearfix();
+
+ .btn {
+ float: left;
- // TODO: Button with icons
- // TODO: Button groups
+ &:first-child:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ &:not(:first-child):not(:last-child) {
+ margin-left: -.1rem;
+ border-radius: 0;
+ z-index: 49;
+ }
+ &:last-child:not(:first-child) {
+ margin-left: -.1rem;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ z-index: 99;
+ }
+ }
} \ No newline at end of file