github/atom
1
1
Fork 0
mirror of https://github.com/atom/atom.git synced 2026-01-23 05:48:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

buttons wip

Browse Source
This commit is contained in:
Ben Ogle
2013-08-29 10:26:49 -07:00
parent d4fa8d67f5
commit 40d54a0210
3 changed files with 56 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
themes/neue-dark-ui/buttons.less
View File

@@ -1,25 +1,59 @@
@import "ui-variables";
@import "ui-mixins";
.btn-toggle.btn-group {
.btn {
color: @text-color;
border-radius: @component-border-radius;
border: none;
background-color: transparent;
background-image: -webkit-linear-gradient(@button-background-color, darken(@button-background-color, 5%));
font-weight: bold;
text-shadow: none;
font-size: 12px;
padding: 4px 10px;
&:hover {
color: @text-color-highlight;
background-image: -webkit-linear-gradient(@button-background-hover-color, darken(@button-background-hover-color, 5%));
}
&.selected, &.selected:hover {
color: @text-color-highlight;
background-image: -webkit-linear-gradient(@button-background-selected-color, darken(@button-background-selected-color, 5%));
}
}
.btn-group > .btn {
border-left: 1px solid @button-border-color;
}
.btn-group > .btn:first-child {
border-left: none;
border-top-left-radius: @component-border-radius;
border-bottom-left-radius: @component-border-radius;
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
border-top-right-radius: @component-border-radius;
border-bottom-right-radius: @component-border-radius;
}
.btn-group.btn-group-toggle {
.btn {
font-weight: bold;
background: @button-color;
color: @text-color;
font-size: 12px;
padding: 3px;
//font-weight: bold;
//color: @text-color;
//font-size: 12px;
//padding: 3px;
border: none;
//border-left: 1px solid @border-color-2;
&:hover{ background: @button-color-hover; }
//&:hover{ background: @button-color-hover; }
&.enabled{
color: @text-color-info;
background: @button-color-active;
// color: @text-color-info;
// background: @button-color-active;
//box-shadow: inset 1px 1px 1px @background-color-highlight-1;
}
}
.btn:first-child {
/*.btn:first-child {
border-left: none;
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
@@ -27,5 +61,5 @@
.btn:last-child {
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
}
}*/
}

4
themes/neue-dark-ui/popover-list.less
View File

@@ -10,4 +10,8 @@
.editor {
margin-bottom: @component-padding/2;
}
.list-group li {
padding-left: @component-padding/2;
}
}

7
themes/neue-dark-ui/ui-variables.less
View File

@@ -37,9 +37,10 @@
@overlay-border-color: rgba(255, 255, 255, 0.05);
@overlay-shadow-color: rgba(0, 0, 0, 0.5);
@button-color: #303030;
@button-color-hover: #353536;
@button-color-active: #404040;
@button-background-color: #43484d;
@button-background-hover-color: lighten(@button-background-color, 5%);
@button-background-selected-color: #5c6064;
@button-border-color: rgba(0, 0, 0, 0.5);
@tab-background-color-active: @panel-heading-background-color;
@tab-background-color-inactive: #292c2f;