diff options
| author | Ben Beltran <ben@nsovocal.com> | 2019-03-14 23:19:58 +0100 |
|---|---|---|
| committer | Ben Beltran <ben@nsovocal.com> | 2019-03-14 23:19:58 +0100 |
| commit | b009b50e81b6c1d0d691505b5f5c0418f559bfc0 (patch) | |
| tree | 5fae800e76219eba28634cb236565f9b4bb7a2f7 /atom/packages/aesthetic-ui/styles/tabs.less | |
| parent | 4efcafab7f0aa454f9ebe767133654bc9f44e12c (diff) | |
Remove Atom config
Diffstat (limited to 'atom/packages/aesthetic-ui/styles/tabs.less')
| -rw-r--r-- | atom/packages/aesthetic-ui/styles/tabs.less | 110 |
1 files changed, 0 insertions, 110 deletions
diff --git a/atom/packages/aesthetic-ui/styles/tabs.less b/atom/packages/aesthetic-ui/styles/tabs.less deleted file mode 100644 index 1e8c462..0000000 --- a/atom/packages/aesthetic-ui/styles/tabs.less +++ /dev/null @@ -1,110 +0,0 @@ -@import "ui-variables"; -@import "ui-mixins"; -@tab-radius: 3px; -@modified-icon-width: 8px; -@tab-skew: 30deg; -@tab-top-padding: 8px; -@tab-bottom-border-height: 0; -@tab-border: 1px solid @tab-border-color; -@tab-max-width: 160px; - -.tab-bar { - height: @tab-height + @tab-top-padding + @tab-bottom-border-height; - background: @base-background-color; - overflow-x: auto; - overflow-y: hidden; - - &::-webkit-scrollbar { - display: none; - } - - &:after { - content: ""; - position: absolute; - bottom: 0; - height: @tab-bottom-border-height; - left: 0; - right: 0; - background-color: @tab-background-color-active; - border-bottom: 1px solid @tab-bar-border-color; - pointer-events: none; - } - - .tab { - position: relative; - top: @tab-top-padding; - max-width: @tab-max-width; - height: @tab-height; - box-sizing: border-box; - line-height: @tab-height; - color: @text-color; - padding: 0; - margin: 0 0 0 0; - .ui-tab-shadow; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - transition: color .1s ease-in; - padding: 0px 6px 4px 6px; - - .close-icon { - right: 6px; - z-index: 3; - text-align: right; - line-height: @tab-height; - color: @text-color; - - &:hover { - color: inherit; - } - } - - &.modified:not(:hover) .close-icon { - top: @tab-height/2 - @modified-icon-width/2 + 1px; - width: @modified-icon-width; - height: @modified-icon-width; - } - - &.modified:hover .close-icon:hover { - color: @text-color-highlight; - } - - .title { - position: relative; - z-index: 1; - padding-right: 10px - } - } - - .tab.active { - z-index: 1; - margin-top: -2px; - height: @tab-height + 2px; - border-bottom: 1px solid @base-background-color; - - .close-icon { - line-height: @tab-height - 1px; - color: @text-color; - } - } - - .tab:hover { - color: @text-color-highlight; - } - - .tab.active:hover .close-icon { - color: @text-color; - - &:hover { - color: inherit; - } - } - - .placeholder { - height: @tab-height + @tab-top-padding + @tab-bottom-border-height; - margin-left: -9px; // center between tabs - pointer-events: none; - &:after { - top: @tab-height + @tab-top-padding + @tab-bottom-border-height - 2px; - } - } -} |