Archived
fixed?
This commit is contained in:
Chris Nutter committed
1 parent
7693697990
commit
e3c2d1b295
142 files changed
-22252
No files matched your search
@@ -1,24 +0,0 @@
|
||||
.alert, .settings-view .alert {
|
||||
&-info, &-warning,
|
||||
&-error, &-success,
|
||||
&-danger {
|
||||
border-color: fade(@text-color, 5%);
|
||||
background-color: fade(@text-color, 2%);
|
||||
}
|
||||
|
||||
&-info {
|
||||
color: @text-color-info;
|
||||
}
|
||||
|
||||
&-warning {
|
||||
color: @text-color-warning;
|
||||
}
|
||||
|
||||
&-error, &-danger {
|
||||
color: @text-color-error;
|
||||
}
|
||||
|
||||
&-success {
|
||||
color: @text-color-success;
|
||||
}
|
||||
}
|
||||
@@ -1,25 +0,0 @@
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
atom-workspace {
|
||||
background-color: @app-background-color;
|
||||
font-size: .75rem;
|
||||
}
|
||||
|
||||
.scrollbars-visible-always {
|
||||
::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-corner,
|
||||
::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: @scrollbar-color;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
@@ -1,54 +0,0 @@
|
||||
autocomplete-suggestion-list {
|
||||
&.select-list.popover-list {
|
||||
background: lighten(@app-background-color, 1.5%);
|
||||
.z-depth-2;
|
||||
|
||||
.suggestion-description {
|
||||
background: darken(@app-background-color, 2.5%);
|
||||
|
||||
span, a {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
a {
|
||||
color: @base-color;
|
||||
}
|
||||
}
|
||||
.suggestion-list-scroller {
|
||||
background: none;
|
||||
|
||||
ol li {
|
||||
background: none;
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
background: @base-color;
|
||||
color: @accent-text-color;
|
||||
|
||||
.word-container span {
|
||||
color: @accent-text-color;
|
||||
}
|
||||
|
||||
.left-label {
|
||||
color: darken(@accent-text-color, 15%);
|
||||
}
|
||||
|
||||
.icon-container {
|
||||
i.icon {
|
||||
background: @accent-text-color;
|
||||
color: @base-color;
|
||||
}
|
||||
}
|
||||
|
||||
.right-label {
|
||||
color: darken(@accent-text-color, 15%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,6 +0,0 @@
|
||||
background-tips {
|
||||
ul.background-message {
|
||||
color: fade(@text-color, 20%);
|
||||
font-weight: 200;
|
||||
}
|
||||
}
|
||||
@@ -1,78 +0,0 @@
|
||||
.btn-background (@color, @hover-color, @selected-color, @text-color) {
|
||||
color: @text-color;
|
||||
background: none;
|
||||
|
||||
&:focus {
|
||||
color: @text-color;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: @text-color-highlight;
|
||||
background: none;
|
||||
.z-depth-2;
|
||||
}
|
||||
|
||||
&:active, &:focus:active {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&.selected,
|
||||
&.selected:hover {
|
||||
color: @accent-text-color;
|
||||
background-color: @base-color;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-variant (@color) {
|
||||
@bg: darken(@color, 10%);
|
||||
@hover: @color;
|
||||
@selected: @color;
|
||||
.btn-background(@bg, @hover, @selected, @text-color-highlight);
|
||||
}
|
||||
|
||||
.btn {
|
||||
outline: none;
|
||||
transition: box-shadow 250ms;
|
||||
will-change: box-shadow;
|
||||
.z-depth-1;
|
||||
.btn-background(@button-background-color, @button-background-color-hover, @button-background-color-selected, @text-color);
|
||||
|
||||
&:focus, &:active {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.btn-group & {
|
||||
box-shadow: none;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
align-items: center;
|
||||
.z-depth-1;
|
||||
}
|
||||
|
||||
.btn.btn-primary {
|
||||
.btn-variant(@base-color);
|
||||
}
|
||||
|
||||
.btn.btn-info {
|
||||
.btn-variant(@background-color-info);
|
||||
}
|
||||
|
||||
.btn.btn-success {
|
||||
.btn-variant(@background-color-success);
|
||||
}
|
||||
|
||||
.btn.btn-warning {
|
||||
.btn-variant(@background-color-warning);
|
||||
}
|
||||
|
||||
.btn.btn-error {
|
||||
.btn-variant(@background-color-error);
|
||||
}
|
||||
|
||||
.caret {
|
||||
border-top: 5px solid #fff;
|
||||
margin-top: -1px;
|
||||
}
|
||||
@@ -1,84 +0,0 @@
|
||||
atom-dock {
|
||||
.amu-panel-shadows & {
|
||||
&.left, &.right {
|
||||
.item-views::after {
|
||||
content: '';
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
opacity: .05;
|
||||
top: 0;
|
||||
width: .25rem;
|
||||
z-index: 5;
|
||||
}
|
||||
}
|
||||
|
||||
&.left .item-views::after {
|
||||
background: linear-gradient(to left, black, transparent);
|
||||
right: 0;
|
||||
}
|
||||
|
||||
&.right .item-views::after {
|
||||
background: linear-gradient(to right, black, transparent);
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.atom-dock {
|
||||
&-inner {
|
||||
position: relative;
|
||||
|
||||
&.bottom {
|
||||
.tab-bar:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-resize-handle {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
|
||||
&.left, &.right {
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
&.left {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
&.right {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
&.top, &.bottom {
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
&.top {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
&.bottom {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&-toggle-button {
|
||||
.atom-dock-toggle-button-inner {
|
||||
background-color: @base-color;
|
||||
color: @accent-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.amu-use-animations & {
|
||||
&-mask:not(:active) {
|
||||
transition:
|
||||
height 250ms @md-timing-function,
|
||||
width 250ms @md-timing-function;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,15 +0,0 @@
|
||||
.dropdown-menu {
|
||||
background-color: @overlay-background-color;
|
||||
border-radius: 0;
|
||||
border: 1px solid @base-border-color;
|
||||
padding: 0;
|
||||
|
||||
> li > a {
|
||||
.text(normal);
|
||||
}
|
||||
|
||||
> li > a:hover {
|
||||
.text(highlight);
|
||||
background-color: @background-color-highlight;
|
||||
}
|
||||
}
|
||||
@@ -1,36 +0,0 @@
|
||||
atom-text-editor[mini] {
|
||||
position: relative;
|
||||
color: @text-color-highlight;
|
||||
background-color: transparent;
|
||||
line-height: @component-line-height + @component-padding;
|
||||
max-height: none;
|
||||
box-shadow: inset 0 -1px 0 fade(@text-color, 5%);
|
||||
.md-underline(@base-color);
|
||||
|
||||
.amu-paint-cursor & {
|
||||
.cursor {
|
||||
border-color: @base-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
atom-text-editor {
|
||||
.amu-paint-cursor & {
|
||||
.cursor {
|
||||
border-color: @base-color;
|
||||
}
|
||||
|
||||
.gutter .cursor-line {
|
||||
color: @accent-color;
|
||||
}
|
||||
|
||||
.gutter .cursor-line-no-selection {
|
||||
color: @base-color;
|
||||
}
|
||||
|
||||
.bracket-matcher .region {
|
||||
border-color: @base-color;
|
||||
box-shadow: inset 0 -1px 0 @base-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,123 +0,0 @@
|
||||
// Thin
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-thin-webfont.woff2') format('woff2');
|
||||
font-weight: 200;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-thinitalic-webfont.woff2') format('woff2');
|
||||
font-weight: 200;
|
||||
font-style: italic;
|
||||
}
|
||||
// Light
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-light-webfont.woff2') format('woff2');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-lightitalic-webfont.woff2') format('woff2');
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
}
|
||||
// Regular
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-regular-webfont.woff2') format('woff2');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-italic-webfont.woff2') format('woff2');
|
||||
font-weight: 500;
|
||||
font-style: italic;
|
||||
}
|
||||
// Medium
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-medium-webfont.woff2') format('woff2');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-mediumitalic-webfont.woff2') format('woff2');
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
}
|
||||
// Bold
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-bold-webfont.woff2') format('woff2');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-bolditalic-webfont.woff2') format('woff2');
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
}
|
||||
// Black
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-black-webfont.woff2') format('woff2');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('atom://atom-material-ui/assets/fonts/Roboto/roboto-blackitalic-webfont.woff2') format('woff2');
|
||||
font-weight: 900;
|
||||
font-style: italic;
|
||||
}
|
||||
// Condensed Light
|
||||
@font-face {
|
||||
font-family: 'roboto_condensedlight';
|
||||
src: url('atom://atom-material-ui/assets/fonts/Roboto/robotocondensed-light-webfont.woff2') format('woff2');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-stretch: condensed;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'roboto_condensedlight_italic';
|
||||
src: url('atom://atom-material-ui/assets/fonts/Roboto/robotocondensed-lightitalic-webfont.woff2') format('woff2');
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
font-stretch: condensed;
|
||||
}
|
||||
// Condensed Regular
|
||||
@font-face {
|
||||
font-family: 'roboto_condenseditalic';
|
||||
src: url('atom://atom-material-ui/assets/fonts/Roboto/robotocondensed-italic-webfont.woff2') format('woff2');
|
||||
font-weight: 500;
|
||||
font-style: italic;
|
||||
font-stretch: condensed;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'roboto_condensedregular';
|
||||
src: url('atom://atom-material-ui/assets/fonts/Roboto/robotocondensed-regular-webfont.woff2') format('woff2');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-stretch: condensed;
|
||||
}
|
||||
// Condensed Bold
|
||||
@font-face {
|
||||
font-family: 'roboto_condensedbold';
|
||||
src: url('atom://atom-material-ui/assets/fonts/Roboto/robotocondensed-bold-webfont.woff2') format('woff2');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-stretch: condensed;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'roboto_condensedbold_italic';
|
||||
src: url('atom://atom-material-ui/assets/fonts/Roboto/robotocondensed-bolditalic-webfont.woff2') format('woff2');
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
font-stretch: condensed;
|
||||
}
|
||||
@@ -1,3 +0,0 @@
|
||||
.fuzzy-finder, .command-palette {
|
||||
|
||||
}
|
||||
@@ -1,6 +0,0 @@
|
||||
.status { .text(normal); }
|
||||
.status-added { .text(success); }
|
||||
.status-ignored { .text(subtle); }
|
||||
.status-modified { .text(warning); }
|
||||
.status-removed { .text(error); }
|
||||
.status-renamed { .text(info); }
|
||||
@@ -1,21 +0,0 @@
|
||||
.github-Panel {
|
||||
.github-CommitView, .github-CommitView > *,
|
||||
.github-CommitView atom-text-editor {
|
||||
background: darken(@app-background-color, 1.5%);
|
||||
}
|
||||
|
||||
.github-CommitView-button {
|
||||
background-color: @base-color;
|
||||
color: @accent-text-color;
|
||||
|
||||
&[disabled] {
|
||||
background-color: transparent;
|
||||
color: @text-color;
|
||||
}
|
||||
|
||||
&[disabled]:hover {
|
||||
box-shadow: none;
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,101 +0,0 @@
|
||||
.incompatible-packages {
|
||||
padding: 1rem;
|
||||
|
||||
.alert {
|
||||
display: flex;
|
||||
|
||||
.btn.pull-right {
|
||||
float: none !important;
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.incompatible-package {
|
||||
padding: 1rem;
|
||||
border: none;
|
||||
border-radius: 0.125rem;
|
||||
background: lighten(@app-background-color, 5%);
|
||||
margin: 1rem 0;
|
||||
.z-depth-1;
|
||||
|
||||
.heading {
|
||||
margin-bottom: 0;
|
||||
color: @text-color;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 200;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
.btn, button {
|
||||
margin: 0;
|
||||
box-shadow: none;
|
||||
background: none;
|
||||
|
||||
&:hover {
|
||||
.z-depth-1;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
line-height: 2.5rem;
|
||||
margin: 1rem 0 0;
|
||||
padding: 0 0 0 0.5rem;
|
||||
|
||||
.icon {
|
||||
span {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
&::before {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
pre {
|
||||
background: lighten(@app-background-color, 3%);
|
||||
border-radius: 0;
|
||||
margin: 1rem -1rem -1rem;
|
||||
width: ~"calc(100% + 2rem)";
|
||||
color: @text-color;
|
||||
padding: 1rem;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.badge {
|
||||
margin: 0 0 0 1rem;
|
||||
top: 0.3rem;
|
||||
padding: .25rem 1rem .25rem .5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: .75rem;
|
||||
|
||||
&::before {
|
||||
margin-right: .5em;
|
||||
}
|
||||
|
||||
&.badge-info {
|
||||
background-color: @text-color-info;
|
||||
padding-right: 1rem;
|
||||
|
||||
&::before {
|
||||
-webkit-animation: spin 1s linear infinite;
|
||||
content: '\f087';
|
||||
}
|
||||
}
|
||||
|
||||
&.badge-success {
|
||||
background-color: @text-color-success;
|
||||
}
|
||||
|
||||
&.badge-error {
|
||||
background-color: @text-color-error;
|
||||
}
|
||||
|
||||
&.badge-warning {
|
||||
background-color: @text-color-warning;
|
||||
color: darken(@text-color-warning, 30%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,181 +0,0 @@
|
||||
@import "octicon-mixins.less"; // https://github.com/atom/atom/blob/master/static/variables/octicon-mixins.less
|
||||
|
||||
.generate-list-item-text-color(@class) {
|
||||
li:not(.list-nested-item).text-@{class},
|
||||
li.list-nested-item.text-@{class} > .list-item {
|
||||
.text(@class);
|
||||
}
|
||||
}
|
||||
|
||||
.generate-list-item-status-color(@color, @status) {
|
||||
li:not(.list-nested-item).status-@{status},
|
||||
li.list-nested-item.status-@{status} > .list-item {
|
||||
color: @color;
|
||||
}
|
||||
|
||||
li:not(.list-nested-item).selected.status-@{status},
|
||||
li.list-nested-item.selected.status-@{status} > .list-item {
|
||||
color: @color;
|
||||
}
|
||||
}
|
||||
|
||||
.list-group, .list-tree {
|
||||
li:not(.list-nested-item),
|
||||
li.list-nested-item > .list-item {
|
||||
.text(normal);
|
||||
}
|
||||
|
||||
.icon::before {
|
||||
font-size: 1.35em;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
.generate-list-item-text-color(subtle);
|
||||
.generate-list-item-text-color(info);
|
||||
.generate-list-item-text-color(success);
|
||||
.generate-list-item-text-color(warning);
|
||||
.generate-list-item-text-color(error);
|
||||
.generate-list-item-text-color(selected);
|
||||
.generate-list-item-status-color(@text-color-subtle, ignored);
|
||||
.generate-list-item-status-color(@text-color-added, added);
|
||||
.generate-list-item-status-color(@text-color-renamed, renamed);
|
||||
.generate-list-item-status-color(@text-color-modified, modified);
|
||||
.generate-list-item-status-color(@text-color-removed, removed);
|
||||
|
||||
li:not(.list-nested-item).selected,
|
||||
li.list-nested-item.selected > .list-item {
|
||||
.text(selected);
|
||||
|
||||
&:not(.header)::before {
|
||||
background: fade(@text-color, 5%);
|
||||
}
|
||||
|
||||
:focus & {
|
||||
color: @accent-text-color;
|
||||
|
||||
&::before {
|
||||
background: @base-color;
|
||||
}
|
||||
|
||||
&.status-modified {
|
||||
color: darken(@text-color-modified, 30%);
|
||||
|
||||
&::before {
|
||||
background: @text-color-modified;
|
||||
}
|
||||
}
|
||||
|
||||
&.status-added {
|
||||
color: darken(@text-color-success, 30%);
|
||||
|
||||
&::before {
|
||||
background: @text-color-success;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.character-match {
|
||||
color: @accent-text-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.select-list ol.list-group,
|
||||
&.select-list ol.list-group {
|
||||
li.two-lines {
|
||||
.secondary-line { color: @text-color-subtle; }
|
||||
|
||||
&.selected .secondary-line {
|
||||
color: fade(@accent-text-color, 50%);
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
// We want to highlight the background of the list items because we dont
|
||||
// know their size.
|
||||
li.selected {
|
||||
background-color: @base-color;
|
||||
color: @accent-text-color;
|
||||
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.mark-active{
|
||||
@active-icon-size: 14px;
|
||||
|
||||
// pad in front of the text where the icon would be We'll pad the non-
|
||||
// active items with a 'fake' icon so other classes can pad the item
|
||||
// without worrying about the icon padding.
|
||||
li::before {
|
||||
content: '';
|
||||
background-color: transparent;
|
||||
position: static;
|
||||
display: inline-block;
|
||||
left: auto; right: auto;
|
||||
height: @active-icon-size;
|
||||
width: @active-icon-size;
|
||||
}
|
||||
|
||||
> li:not(.active)::before {
|
||||
margin-right: @component-icon-padding;
|
||||
}
|
||||
|
||||
li.active {
|
||||
.octicon(check, @active-icon-size);
|
||||
|
||||
&::before {
|
||||
margin-right: @component-icon-padding;
|
||||
color: @text-color-success;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list-group .selected::before, .list-tree .selected::before {
|
||||
background-color: fade(@text-color, 5%);
|
||||
|
||||
.focus & {
|
||||
background-color: @base-color;
|
||||
}
|
||||
}
|
||||
|
||||
.select-list.popover-list {
|
||||
background-color: @overlay-background-color;
|
||||
box-shadow: 0 0 10px @base-border-color;
|
||||
padding: @component-padding/2;
|
||||
border-radius: @component-border-radius;
|
||||
border: 1px solid @overlay-border-color;
|
||||
|
||||
atom-text-editor {
|
||||
margin-bottom: @component-padding/2;
|
||||
}
|
||||
|
||||
.list-group li {
|
||||
padding-left: @component-padding/2;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-sortable {
|
||||
li {
|
||||
line-height: 2.5;
|
||||
}
|
||||
|
||||
// For sortable lists in the settings view
|
||||
li.ui-sortable-placeholder {
|
||||
visibility: visible !important;
|
||||
background-color: darken(@pane-item-background-color, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
li.ui-draggable-dragging, li.ui-sortable-helper {
|
||||
line-height: @component-line-height;
|
||||
height: @component-line-height;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
list-style: none;
|
||||
padding: 0 @component-padding;
|
||||
background: @background-color-highlight;
|
||||
box-shadow: 0 0 1px @base-border-color;
|
||||
}
|
||||
@@ -1,307 +0,0 @@
|
||||
// Google Material Design colors
|
||||
|
||||
// Red
|
||||
@md-red-50: #FFEBEE;
|
||||
@md-red-100: #FFCDD2;
|
||||
@md-red-200: #EF9A9A;
|
||||
@md-red-300: #E57373;
|
||||
@md-red-400: #EF5350;
|
||||
@md-red-500: #F44336;
|
||||
@md-red-600: #E53935;
|
||||
@md-red-700: #D32F2F;
|
||||
@md-red-800: #C62828;
|
||||
@md-red-900: #B71C1C;
|
||||
@md-red-A100: #FF8A80;
|
||||
@md-red-A200: #FF5252;
|
||||
@md-red-A400: #FF1744;
|
||||
@md-red-A700: #D50000;
|
||||
|
||||
// Pink
|
||||
@md-pink-50: #FCE4EC;
|
||||
@md-pink-100: #F8BBD0;
|
||||
@md-pink-200: #F48FB1;
|
||||
@md-pink-300: #F06292;
|
||||
@md-pink-400: #EC407A;
|
||||
@md-pink-500: #E91E63;
|
||||
@md-pink-600: #D81B60;
|
||||
@md-pink-700: #C2185B;
|
||||
@md-pink-800: #AD1457;
|
||||
@md-pink-900: #880E4F;
|
||||
@md-pink-A100: #FF80AB;
|
||||
@md-pink-A200: #FF4081;
|
||||
@md-pink-A400: #F50057;
|
||||
@md-pink-A700: #C51162;
|
||||
|
||||
// Purple
|
||||
@md-purple-50: #F3E5F5;
|
||||
@md-purple-100: #E1BEE7;
|
||||
@md-purple-200: #CE93D8;
|
||||
@md-purple-300: #BA68C8;
|
||||
@md-purple-400: #AB47BC;
|
||||
@md-purple-500: #9C27B0;
|
||||
@md-purple-600: #8E24AA;
|
||||
@md-purple-700: #7B1FA2;
|
||||
@md-purple-800: #6A1B9A;
|
||||
@md-purple-900: #4A148C;
|
||||
@md-purple-A100: #EA80FC;
|
||||
@md-purple-A200: #E040FB;
|
||||
@md-purple-A400: #D500F9;
|
||||
@md-purple-A700: #AA00FF;
|
||||
|
||||
// Deep Purple
|
||||
@md-deep-purple-50: #EDE7F6;
|
||||
@md-deep-purple-100: #D1C4E9;
|
||||
@md-deep-purple-200: #B39DDB;
|
||||
@md-deep-purple-300: #9575CD;
|
||||
@md-deep-purple-400: #7E57C2;
|
||||
@md-deep-purple-500: #673AB7;
|
||||
@md-deep-purple-600: #5E35B1;
|
||||
@md-deep-purple-700: #512DA8;
|
||||
@md-deep-purple-800: #4527A0;
|
||||
@md-deep-purple-900: #311B92;
|
||||
@md-deep-purple-A100: #B388FF;
|
||||
@md-deep-purple-A200: #7C4DFF;
|
||||
@md-deep-purple-A400: #651FFF;
|
||||
@md-deep-purple-A700: #6200EA;
|
||||
|
||||
// Indigo
|
||||
@md-indigo-50: #E8EAF6;
|
||||
@md-indigo-100: #C5CAE9;
|
||||
@md-indigo-200: #9FA8DA;
|
||||
@md-indigo-300: #7986CB;
|
||||
@md-indigo-400: #5C6BC0;
|
||||
@md-indigo-500: #3F51B5;
|
||||
@md-indigo-600: #3949AB;
|
||||
@md-indigo-700: #303F9F;
|
||||
@md-indigo-800: #283593;
|
||||
@md-indigo-900: #1A237E;
|
||||
@md-indigo-A100: #8C9EFF;
|
||||
@md-indigo-A200: #536DFE;
|
||||
@md-indigo-A400: #3D5AFE;
|
||||
@md-indigo-A700: #304FFE;
|
||||
|
||||
// Blue
|
||||
@md-blue-50: #E3F2FD;
|
||||
@md-blue-100: #BBDEFB;
|
||||
@md-blue-200: #90CAF9;
|
||||
@md-blue-300: #64B5F6;
|
||||
@md-blue-400: #42A5F5;
|
||||
@md-blue-500: #2196F3;
|
||||
@md-blue-600: #1E88E5;
|
||||
@md-blue-700: #1976D2;
|
||||
@md-blue-800: #1565C0;
|
||||
@md-blue-900: #0D47A1;
|
||||
@md-blue-A100: #82B1FF;
|
||||
@md-blue-A200: #448AFF;
|
||||
@md-blue-A400: #2979FF;
|
||||
@md-blue-A700: #2962FF;
|
||||
|
||||
// Light Blue
|
||||
@md-light-blue-50: #E1F5FE;
|
||||
@md-light-blue-100: #B3E5FC;
|
||||
@md-light-blue-200: #81D4FA;
|
||||
@md-light-blue-300: #4FC3F7;
|
||||
@md-light-blue-400: #29B6F6;
|
||||
@md-light-blue-500: #03A9F4;
|
||||
@md-light-blue-600: #039BE5;
|
||||
@md-light-blue-700: #0288D1;
|
||||
@md-light-blue-800: #0277BD;
|
||||
@md-light-blue-900: #01579B;
|
||||
@md-light-blue-A100: #80D8FF;
|
||||
@md-light-blue-A200: #40C4FF;
|
||||
@md-light-blue-A400: #00B0FF;
|
||||
@md-light-blue-A700: #0091EA;
|
||||
|
||||
// Cyan
|
||||
@md-cyan-50: #E0F7FA;
|
||||
@md-cyan-100: #B2EBF2;
|
||||
@md-cyan-200: #80DEEA;
|
||||
@md-cyan-300: #4DD0E1;
|
||||
@md-cyan-400: #26C6DA;
|
||||
@md-cyan-500: #00BCD4;
|
||||
@md-cyan-600: #00ACC1;
|
||||
@md-cyan-700: #0097A7;
|
||||
@md-cyan-800: #00838F;
|
||||
@md-cyan-900: #006064;
|
||||
@md-cyan-A100: #84FFFF;
|
||||
@md-cyan-A200: #18FFFF;
|
||||
@md-cyan-A400: #00E5FF;
|
||||
@md-cyan-A700: #00B8D4;
|
||||
|
||||
// Teal
|
||||
@md-teal-50: #E0F2F1;
|
||||
@md-teal-100: #B2DFDB;
|
||||
@md-teal-200: #80CBC4;
|
||||
@md-teal-300: #4DB6AC;
|
||||
@md-teal-400: #26A69A;
|
||||
@md-teal-500: #009688;
|
||||
@md-teal-600: #00897B;
|
||||
@md-teal-700: #00796B;
|
||||
@md-teal-800: #00695C;
|
||||
@md-teal-900: #004D40;
|
||||
@md-teal-A100: #A7FFEB;
|
||||
@md-teal-A200: #64FFDA;
|
||||
@md-teal-A400: #1DE9B6;
|
||||
@md-teal-A700: #00BFA5;
|
||||
|
||||
// Green
|
||||
@md-green-50: #E8F5E9;
|
||||
@md-green-100: #C8E6C9;
|
||||
@md-green-200: #A5D6A7;
|
||||
@md-green-300: #81C784;
|
||||
@md-green-400: #66BB6A;
|
||||
@md-green-500: #4CAF50;
|
||||
@md-green-600: #43A047;
|
||||
@md-green-700: #388E3C;
|
||||
@md-green-800: #2E7D32;
|
||||
@md-green-900: #1B5E20;
|
||||
@md-green-A100: #B9F6CA;
|
||||
@md-green-A200: #69F0AE;
|
||||
@md-green-A400: #00E676;
|
||||
@md-green-A700: #00C853;
|
||||
|
||||
// Light Green
|
||||
@md-light-green-50: #F1F8E9;
|
||||
@md-light-green-100: #DCEDC8;
|
||||
@md-light-green-200: #C5E1A5;
|
||||
@md-light-green-300: #AED581;
|
||||
@md-light-green-400: #9CCC65;
|
||||
@md-light-green-500: #8BC34A;
|
||||
@md-light-green-600: #7CB342;
|
||||
@md-light-green-700: #689F38;
|
||||
@md-light-green-800: #558B2F;
|
||||
@md-light-green-900: #33691E;
|
||||
@md-light-green-A100: #CCFF90;
|
||||
@md-light-green-A200: #B2FF59;
|
||||
@md-light-green-A400: #76FF03;
|
||||
@md-light-green-A700: #64DD17;
|
||||
|
||||
// Lime
|
||||
@md-lime-50: #F9FBE7;
|
||||
@md-lime-100: #F0F4C3;
|
||||
@md-lime-200: #E6EE9C;
|
||||
@md-lime-300: #DCE775;
|
||||
@md-lime-400: #D4E157;
|
||||
@md-lime-500: #CDDC39;
|
||||
@md-lime-600: #C0CA33;
|
||||
@md-lime-700: #AFB42B;
|
||||
@md-lime-800: #9E9D24;
|
||||
@md-lime-900: #827717;
|
||||
@md-lime-A100: #F4FF81;
|
||||
@md-lime-A200: #EEFF41;
|
||||
@md-lime-A400: #C6FF00;
|
||||
@md-lime-A700: #AEEA00;
|
||||
|
||||
// Yellow
|
||||
@md-yellow-50: #FFFDE7;
|
||||
@md-yellow-100: #FFF9C4;
|
||||
@md-yellow-200: #FFF59D;
|
||||
@md-yellow-300: #FFF176;
|
||||
@md-yellow-400: #FFEE58;
|
||||
@md-yellow-500: #FFEB3B;
|
||||
@md-yellow-600: #FDD835;
|
||||
@md-yellow-700: #FBC02D;
|
||||
@md-yellow-800: #F9A825;
|
||||
@md-yellow-900: #F57F17;
|
||||
@md-yellow-A100: #FFFF8D;
|
||||
@md-yellow-A200: #FFFF00;
|
||||
@md-yellow-A400: #FFEA00;
|
||||
@md-yellow-A700: #FFD600;
|
||||
|
||||
// Amber
|
||||
@md-amber-50: #FFF8E1;
|
||||
@md-amber-100: #FFECB3;
|
||||
@md-amber-200: #FFE082;
|
||||
@md-amber-300: #FFD54F;
|
||||
@md-amber-400: #FFCA28;
|
||||
@md-amber-500: #FFC107;
|
||||
@md-amber-600: #FFB300;
|
||||
@md-amber-700: #FFA000;
|
||||
@md-amber-800: #FF8F00;
|
||||
@md-amber-900: #FF6F00;
|
||||
@md-amber-A100: #FFE57F;
|
||||
@md-amber-A200: #FFD740;
|
||||
@md-amber-A400: #FFC400;
|
||||
@md-amber-A700: #FFAB00;
|
||||
|
||||
// Orange
|
||||
@md-orange-50: #FFF3E0;
|
||||
@md-orange-100: #FFE0B2;
|
||||
@md-orange-200: #FFCC80;
|
||||
@md-orange-300: #FFB74D;
|
||||
@md-orange-400: #FFA726;
|
||||
@md-orange-500: #FF9800;
|
||||
@md-orange-600: #FB8C00;
|
||||
@md-orange-700: #F57C00;
|
||||
@md-orange-800: #EF6C00;
|
||||
@md-orange-900: #E65100;
|
||||
@md-orange-A100: #FFD180;
|
||||
@md-orange-A200: #FFAB40;
|
||||
@md-orange-A400: #FF9100;
|
||||
@md-orange-A700: #FF6D00;
|
||||
|
||||
// Deep Orange
|
||||
@md-deep-orange-50: #FBE9E7;
|
||||
@md-deep-orange-100: #FFCCBC;
|
||||
@md-deep-orange-200: #FFAB91;
|
||||
@md-deep-orange-300: #FF8A65;
|
||||
@md-deep-orange-400: #FF7043;
|
||||
@md-deep-orange-500: #FF5722;
|
||||
@md-deep-orange-600: #F4511E;
|
||||
@md-deep-orange-700: #E64A19;
|
||||
@md-deep-orange-800: #D84315;
|
||||
@md-deep-orange-900: #BF360C;
|
||||
@md-deep-orange-A100: #FF9E80;
|
||||
@md-deep-orange-A200: #FF6E40;
|
||||
@md-deep-orange-A400: #FF3D00;
|
||||
@md-deep-orange-A700: #DD2C00;
|
||||
|
||||
// Brown
|
||||
@md-brown-50: #EFEBE9;
|
||||
@md-brown-100: #D7CCC8;
|
||||
@md-brown-200: #BCAAA4;
|
||||
@md-brown-300: #A1887F;
|
||||
@md-brown-400: #8D6E63;
|
||||
@md-brown-500: #795548;
|
||||
@md-brown-600: #6D4C41;
|
||||
@md-brown-700: #5D4037;
|
||||
@md-brown-800: #4E342E;
|
||||
@md-brown-900: #3E2723;
|
||||
|
||||
// Grey
|
||||
@md-grey-50: #FAFAFA;
|
||||
@md-grey-100: #F5F5F5;
|
||||
@md-grey-200: #EEEEEE;
|
||||
@md-grey-300: #E0E0E0;
|
||||
@md-grey-400: #BDBDBD;
|
||||
@md-grey-500: #9E9E9E;
|
||||
@md-grey-600: #757575;
|
||||
@md-grey-700: #616161;
|
||||
@md-grey-800: #424242;
|
||||
@md-grey-900: #212121;
|
||||
|
||||
// Blue Grey
|
||||
@md-blue-grey-50: #ECEFF1;
|
||||
@md-blue-grey-100: #CFD8DC;
|
||||
@md-blue-grey-200: #B0BEC5;
|
||||
@md-blue-grey-300: #90A4AE;
|
||||
@md-blue-grey-400: #78909C;
|
||||
@md-blue-grey-500: #607D8B;
|
||||
@md-blue-grey-600: #546E7A;
|
||||
@md-blue-grey-700: #455A64;
|
||||
@md-blue-grey-800: #37474F;
|
||||
@md-blue-grey-900: #263238;
|
||||
|
||||
// Alpha values for grey text, icons, and divider
|
||||
|
||||
// White
|
||||
@md-white-lighter: rgba(255,255,255,.12); // Dividers
|
||||
@md-white-light: rgba(255,255,255,.30); // Disabled / Hint Text
|
||||
@md-white-dark: rgba(255,255,255,.70); // Secondary Text
|
||||
@md-white-darker: rgba(255,255,255, 1); // Text / Icons
|
||||
|
||||
// Black
|
||||
@md-black-lighter: rgba(0,0,0,.12); // Dividers
|
||||
@md-black-light: rgba(0,0,0,.26); // Disabled / Hint Text
|
||||
@md-black-dark: rgba(0,0,0,.54); // Secondary text / Icons
|
||||
@md-black-darker: rgba(0,0,0,.87); // Text
|
||||
@@ -1,4 +0,0 @@
|
||||
ul.background-message {
|
||||
font-weight: bold;
|
||||
color: rgba(0, 0, 0, .2);
|
||||
}
|
||||
@@ -1,26 +0,0 @@
|
||||
.nav-tabs {
|
||||
border-bottom: 1px solid @base-border-color;
|
||||
|
||||
li {
|
||||
&.active a,
|
||||
a {
|
||||
border: none;
|
||||
margin-right: 0;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
&.active a,
|
||||
&.active a:hover,
|
||||
a:hover {
|
||||
background-color: @background-color-highlight;
|
||||
border: none;
|
||||
color: @text-color-selected;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
&.active a {
|
||||
background-color: @tab-background-color-active;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,167 +0,0 @@
|
||||
atom-notifications {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
flex-flow: column-reverse;
|
||||
padding: 2rem 0.5rem;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
atom-notification {
|
||||
padding: 0 !important;
|
||||
border-radius: 0 0.125rem 0.125rem 0;
|
||||
|
||||
.content {
|
||||
border-radius: 0.125rem;
|
||||
width: 100%;
|
||||
|
||||
> div {
|
||||
padding: 1.25rem 2rem;
|
||||
line-height: 2;
|
||||
}
|
||||
|
||||
.message + .detail {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.detail + .meta {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-toolbar {
|
||||
line-height: 3rem;
|
||||
|
||||
.btn {
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
||||
.btn-copy-report {
|
||||
color: @text-color;
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
top: -0.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
.detail {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.item {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.close-all.btn {
|
||||
height: 1.75rem !important;
|
||||
line-height: 1.75rem !important;
|
||||
border: none !important;
|
||||
color: @text-color !important;
|
||||
padding: 0 0.5rem !important;
|
||||
}
|
||||
|
||||
&.icon::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.close, .close:hover {
|
||||
color: @text-color !important;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&.success, &.error, &.info, &.warning, &.fatal {
|
||||
border-left: 0.125rem solid transparent;
|
||||
|
||||
.content {
|
||||
background-color: darken(@app-background-color, 5%) !important;
|
||||
color: @text-color !important;
|
||||
}
|
||||
|
||||
.close-all.btn, .close-all.btn:hover {
|
||||
border-color: transparent;
|
||||
color: fade(@text-color, 50%);
|
||||
box-shadow: none;
|
||||
line-height: 1.65rem;
|
||||
|
||||
&:hover {
|
||||
.z-depth-1;
|
||||
}
|
||||
}
|
||||
|
||||
code {
|
||||
background-color: lighten(@text-color-error, 5%);
|
||||
color: #FFF;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
.btn {
|
||||
max-width: 18rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: @text-color;
|
||||
|
||||
&-success, &-primary {
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.success {
|
||||
border-color: @text-color-success;
|
||||
|
||||
a {
|
||||
color: @text-color-success;
|
||||
}
|
||||
}
|
||||
|
||||
&.error, &.fatal {
|
||||
border-color: @text-color-error;
|
||||
|
||||
a {
|
||||
color: @text-color-error;
|
||||
}
|
||||
}
|
||||
|
||||
&.info {
|
||||
border-color: @text-color-info;
|
||||
|
||||
a {
|
||||
color: @text-color-info;
|
||||
}
|
||||
}
|
||||
|
||||
&.warning {
|
||||
border-color: @text-color-warning;
|
||||
|
||||
a {
|
||||
color: @text-color-warning;
|
||||
}
|
||||
}
|
||||
|
||||
&.has-close {
|
||||
.content > div {
|
||||
padding-right: 4rem;
|
||||
}
|
||||
|
||||
&:only-child {
|
||||
.content > div {
|
||||
padding-right: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child:not(:only-child) {
|
||||
.content > div:first-child {
|
||||
padding-top: 3rem;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.has-stack .stack-toggle {
|
||||
color: @text-color-error;
|
||||
|
||||
.icon {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,48 +0,0 @@
|
||||
.overlay,
|
||||
atom-panel.modal {
|
||||
color: @text-color;
|
||||
background-color: @overlay-background-color;
|
||||
font-size: @font-size;
|
||||
padding: @component-padding;
|
||||
box-shadow: 0 0 10px @base-border-color;
|
||||
border-radius: @component-border-radius;
|
||||
overflow: hidden;
|
||||
.z-depth-3;
|
||||
|
||||
atom-text-editor[mini] {
|
||||
margin-bottom: @component-padding;
|
||||
}
|
||||
|
||||
&.select-list ol.list-group,
|
||||
.select-list ol.list-group {
|
||||
margin: 0 -@component-padding -@component-padding;
|
||||
|
||||
li {
|
||||
padding: @component-padding;
|
||||
border-bottom: 1px solid fade(@text-color, 2.5%);
|
||||
|
||||
&.two-lines {
|
||||
padding: @component-padding/2 @component-padding;
|
||||
}
|
||||
|
||||
.status.icon {
|
||||
float: right;
|
||||
margin-left: @component-icon-padding;
|
||||
|
||||
&::before {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.selected {
|
||||
.status.icon {
|
||||
color: @text-color-selected;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,37 +0,0 @@
|
||||
.streak-container {
|
||||
.title {
|
||||
text-shadow: 2px 2px 2px @base-color;
|
||||
}
|
||||
|
||||
.counter,
|
||||
.exclamations,
|
||||
.max {
|
||||
color: @base-color;
|
||||
}
|
||||
|
||||
.bar {
|
||||
background: @base-color;
|
||||
}
|
||||
|
||||
.generate-levels(5);
|
||||
}
|
||||
|
||||
.generate-levels(@i) when (@i > 0) {
|
||||
@levelColor: spin(@base-color, (@i * -10));
|
||||
&.level-@{i} {
|
||||
.title {
|
||||
text-shadow: 2px 2px 2px @levelColor;
|
||||
}
|
||||
|
||||
.counter,
|
||||
.exclamations,
|
||||
.max {
|
||||
color: @levelColor;
|
||||
}
|
||||
|
||||
.bar {
|
||||
background: @levelColor;
|
||||
}
|
||||
}
|
||||
.generate-levels(@i - 1);
|
||||
}
|
||||
@@ -1,3 +0,0 @@
|
||||
busy-signal {
|
||||
margin-top: 0;
|
||||
}
|
||||
@@ -1,62 +0,0 @@
|
||||
.linter-status-count {
|
||||
.highlight, .highlight-error,
|
||||
.highlight-warning, .highlight-info {
|
||||
border-radius: 0;
|
||||
background: fade(@text-color, 10%);
|
||||
|
||||
&:first-child {
|
||||
border-radius: .125em 0 0 .125em;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-radius: 0 .125em .125em 0;
|
||||
}
|
||||
}
|
||||
|
||||
.highlight-error {
|
||||
background-color: fade(@text-color-error, 80%);
|
||||
color: rgba(255, 255, 255, .8);
|
||||
}
|
||||
|
||||
.highlight-info {
|
||||
background-color: fade(@text-color-info, 80%);
|
||||
color: rgba(255, 255, 255, .8);
|
||||
}
|
||||
|
||||
.highlight-warning {
|
||||
background-color: fade(@text-color-warning, 80%);
|
||||
color: darken(@text-color-warning, 35%);
|
||||
}
|
||||
}
|
||||
|
||||
.sb-table, .nuclide-ui-table {
|
||||
thead th {
|
||||
background-color: darken(@app-background-color, 1.5%);
|
||||
|
||||
&:nth-of-type(even) {
|
||||
background-color: darken(@app-background-color, 2.5%);
|
||||
}
|
||||
}
|
||||
|
||||
tbody {
|
||||
tr {
|
||||
&:nth-of-type(even), &:nth-of-type(even):hover {
|
||||
background-color: lighten(@app-background-color, 1%);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
td:nth-of-type(even) {
|
||||
background-color: fade(darken(@app-background-color, 2%), 50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.linter-gutter {
|
||||
&.icon::before {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
@@ -1,10 +0,0 @@
|
||||
@import "activate-power-mode";
|
||||
@import "busy-signal";
|
||||
@import "linter";
|
||||
@import "nuclide";
|
||||
@import "open-recent";
|
||||
@import "platformio";
|
||||
@import "remote-ftp";
|
||||
@import "terminal";
|
||||
@import "tool-bar";
|
||||
@import "vim-mode-plus";
|
||||
@@ -1 +0,0 @@
|
||||
// Nothing to see here. Move along!
|
||||
@@ -1,4 +0,0 @@
|
||||
[data-event-name*="open-recent:"] {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@@ -1,7 +0,0 @@
|
||||
.pio {
|
||||
select.form-control {
|
||||
.select();
|
||||
line-height: 36px;
|
||||
height: 36px;
|
||||
}
|
||||
}
|
||||
@@ -1,16 +0,0 @@
|
||||
.remote-ftp-view {
|
||||
.amu-tab-blender {
|
||||
span::after {
|
||||
content: 'Remote files';
|
||||
}
|
||||
}
|
||||
|
||||
.offline li + li {
|
||||
margin-top: @font-size;
|
||||
}
|
||||
|
||||
.ftptree-view {
|
||||
transform: translate3d(0, 0, 0);
|
||||
padding-top: @font-size * 4;
|
||||
}
|
||||
}
|
||||
@@ -1,5 +0,0 @@
|
||||
.terminal-view {
|
||||
.btn-toolbar .btn {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
@@ -1,276 +0,0 @@
|
||||
.tool-bar {
|
||||
border: none;
|
||||
z-index: 5000;
|
||||
|
||||
&.tool-bar-vertical .tool-bar-spacer {
|
||||
margin: 0.5rem 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
&.tool-bar-horizontal {
|
||||
&.tool-bar-top {
|
||||
background: @app-background-color;
|
||||
}
|
||||
|
||||
&.tool-bar-bottom {
|
||||
background: @app-background-color;
|
||||
|
||||
.tool-bar-btn {
|
||||
color: @text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.tool-bar-spacer {
|
||||
margin: 0 0.5rem;
|
||||
border-left: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.tool-bar-horizontal,
|
||||
&.tool-bar-vertical {
|
||||
.tool-bar-spacer {
|
||||
border-color: fade(@text-color, 5%);
|
||||
}
|
||||
|
||||
&.gutter-bottom,
|
||||
&.gutter-top {
|
||||
&::before, &::after {
|
||||
opacity: .5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.tool-bar-12px,
|
||||
&.tool-bar-16px,
|
||||
&.tool-bar-24px,
|
||||
&.tool-bar-32px {
|
||||
&.tool-bar-horizontal {
|
||||
.tool-bar-spacer {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&.tool-bar-vertical {
|
||||
.tool-bar-spacer {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.tool-bar-btn {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
background: none;
|
||||
transition: color 250ms @md-timing-function;
|
||||
|
||||
.tool-bar-vertical & {
|
||||
color: @text-color;
|
||||
|
||||
&:hover:not(:first-child) {
|
||||
color: darken(@text-color, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
&.tool-bar-mode-dev {
|
||||
position: relative;
|
||||
color: @text-color;
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
right: 0.5rem;
|
||||
bottom: 0.5rem;
|
||||
content: "\f05f";
|
||||
font-family: 'Octicons Regular';
|
||||
color: #FFF;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-decoration: none;
|
||||
font-size: 0.75rem;
|
||||
text-align: center;
|
||||
width: 0.75rem;
|
||||
height: 0.75rem;
|
||||
background: @md-red-500;
|
||||
border-radius: 50%;
|
||||
border: 0.125rem solid @text-color-error;
|
||||
box-sizing: content-box;
|
||||
.z-depth-1;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: @text-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.tool-bar-12px {
|
||||
.tool-bar-btn {
|
||||
width: @font-size * 2.65;
|
||||
height: @font-size * 2.65;
|
||||
|
||||
&::before {
|
||||
font-size: @font-size * 1.33;
|
||||
line-height: @font-size * 2.65;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.tool-bar-16px {
|
||||
.tool-bar-btn {
|
||||
width: @font-size * 3.33;
|
||||
height: @font-size * 3.33;
|
||||
|
||||
&::before {
|
||||
font-size: @font-size * 1.5;
|
||||
line-height: @font-size * 3.33;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.tool-bar-24px {
|
||||
.tool-bar-btn {
|
||||
width: @font-size * 4;
|
||||
height: @font-size * 4;
|
||||
|
||||
&::before {
|
||||
font-size: @font-size * 1.66;
|
||||
line-height: @font-size * 4;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.tool-bar-32px {
|
||||
.tool-bar-btn {
|
||||
width: @font-size * 5;
|
||||
height: @font-size * 5;
|
||||
|
||||
&::before {
|
||||
font-size: @font-size * 2;
|
||||
line-height: @font-size * 5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.amu-panel-shadows & {
|
||||
&.tool-bar-vertical {
|
||||
.tool-bar-btn:first-child {
|
||||
.z-depth-1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.amu-panel-contrast & {
|
||||
&.tool-bar-vertical {
|
||||
&.tool-bar-left {
|
||||
background-color: darken(@app-background-color, 3.5%);
|
||||
}
|
||||
|
||||
&.tool-bar-right {
|
||||
background-color: darken(@app-background-color, 2.5%);
|
||||
}
|
||||
}
|
||||
|
||||
&.tool-bar-horizontal {
|
||||
&.tool-bar-bottom {
|
||||
background-color: darken(@app-background-color, 2.5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.amu-tinted-tab-bar & {
|
||||
&.tool-bar-vertical {
|
||||
.tool-bar-btn {
|
||||
background: @base-color;
|
||||
color: @accent-text-color;
|
||||
|
||||
svg path,
|
||||
svg polygon {
|
||||
fill: @accent-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.tool-bar-btn.tool-bar-item-align-end,
|
||||
.tool-bar-btn:not(.tool-bar-item-align-end) + .tool-bar-btn,
|
||||
.tool-bar-spacer + .tool-bar-btn {
|
||||
background: none;
|
||||
color: @text-color;
|
||||
}
|
||||
}
|
||||
|
||||
&.tool-bar-top {
|
||||
background: @base-color;
|
||||
|
||||
.tool-bar-btn {
|
||||
color: @accent-text-color;
|
||||
|
||||
svg path,
|
||||
svg polygon {
|
||||
fill: @accent-text-color;
|
||||
}
|
||||
|
||||
&.tool-bar-mode-dev {
|
||||
color: @accent-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.tool-bar-spacer {
|
||||
border-color: fade(@accent-text-color, 15%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.amu-tinted-tab-bar.amu-panel-contrast & {
|
||||
&.tool-bar-vertical {
|
||||
.tool-bar-btn {
|
||||
background: darken(@base-color, 5%);
|
||||
color: @accent-text-color;
|
||||
|
||||
svg path,
|
||||
svg polygon {
|
||||
fill: @accent-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.tool-bar-btn.tool-bar-item-align-end,
|
||||
.tool-bar-btn:not(.tool-bar-item-align-end) + .tool-bar-btn,
|
||||
.tool-bar-spacer + .tool-bar-btn {
|
||||
background: none;
|
||||
color: @text-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.amu-compact-tab-bar & {
|
||||
&.tool-bar-16px,
|
||||
&.tool-bar-24px,
|
||||
&.tool-bar-32px {
|
||||
.tool-bar-btn {
|
||||
width: @font-size * 3.33;
|
||||
height: @font-size * 3.33;
|
||||
|
||||
&::before {
|
||||
line-height: @font-size * 3.33;
|
||||
}
|
||||
|
||||
&.tool-bar-mode-dev::after {
|
||||
right: @font-size * 0.33;
|
||||
bottom: @font-size * 0.33;
|
||||
}
|
||||
}
|
||||
|
||||
&.tool-bar-horizontal {
|
||||
.tool-bar-spacer {
|
||||
height: @font-size * 2;
|
||||
}
|
||||
}
|
||||
|
||||
&.tool-bar-vertical {
|
||||
.tool-bar-spacer {
|
||||
width: @font-size * 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,62 +0,0 @@
|
||||
atom-text-editor.vim-mode-plus.normal-mode,
|
||||
atom-text-editor.vim-mode-plus.visual-mode,
|
||||
atom-text-editor.vim-mode-plus.operator-pending-mode,
|
||||
atom-text-editor.vim-mode-plus.insert-mode.replace {
|
||||
.amu-paint-cursor & {
|
||||
&.is-focused,
|
||||
&.vim-mode-plus-input-focused,
|
||||
&.vim-mode-plus-search-input-focused {
|
||||
.cursor {
|
||||
background-color: @base-color; // block-cursor
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
atom-text-editor.vim-mode-plus.operator-pending-mode {
|
||||
.amu-paint-cursor & {
|
||||
&.is-focused,
|
||||
&.vim-mode-plus-search-input-focused {
|
||||
.cursor {
|
||||
background: none;
|
||||
border-bottom-color: @base-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
atom-text-editor.vim-mode-plus.insert-mode.replace {
|
||||
.amu-paint-cursor & {
|
||||
&.is-focused {
|
||||
.cursor {
|
||||
background: none;
|
||||
border-bottom-color: @base-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// vim-mode-plus-input-focused for surround, f, F, t, T, r etc.
|
||||
atom-text-editor.vim-mode-plus.normal-mode,
|
||||
atom-text-editor.vim-mode-plus.visual-mode,
|
||||
atom-text-editor.vim-mode-plus.operator-pending-mode, {
|
||||
.amu-paint-cursor & {
|
||||
&.vim-mode-plus-input-focused {
|
||||
.cursor {
|
||||
background: none;
|
||||
border-bottom-color: @base-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
atom-text-editor.vim-mode-plus-input-char-waiting {
|
||||
.amu-paint-cursor & {
|
||||
&.is-focused {
|
||||
.cursor {
|
||||
background: none;
|
||||
border-bottom-color: @base-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,98 +0,0 @@
|
||||
@import "buttons.less";
|
||||
|
||||
.panel {
|
||||
&.bordered {
|
||||
border: 1px solid @base-border-color;
|
||||
border-radius: @component-border-radius;
|
||||
}
|
||||
|
||||
.amu-panel-contrast & {
|
||||
background-color: darken(@app-background-color, 1.5%);
|
||||
}
|
||||
}
|
||||
|
||||
.tool-panel, atom-panel {
|
||||
position: relative;
|
||||
background-color: @tool-panel-background-color;
|
||||
.text(normal);
|
||||
|
||||
&.bottom,
|
||||
&.footer,
|
||||
&.panel-bottom,
|
||||
&.panel-footer {
|
||||
border-top: 1px solid @tool-panel-border-color;
|
||||
}
|
||||
|
||||
.amu-panel-contrast & {
|
||||
background-color: darken(@app-background-color, 1.5%);
|
||||
}
|
||||
|
||||
.amu-panel-shadows & {
|
||||
&.bottom,
|
||||
&.footer,
|
||||
&.panel-bottom,
|
||||
&.panel-footer {
|
||||
.z-depth-1;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 0.25rem;
|
||||
height: 100%;
|
||||
opacity: 0.1;
|
||||
pointer-events: none;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
&.right {
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
|
||||
&::after {
|
||||
left: 0;
|
||||
background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.left {
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
|
||||
&::after {
|
||||
right: 0;
|
||||
background: linear-gradient(to left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.inset-panel {
|
||||
position: relative;
|
||||
background-color: @inset-panel-background-color;
|
||||
}
|
||||
|
||||
.is-blurred {
|
||||
.inset-panel,
|
||||
atom-panel {}
|
||||
}
|
||||
|
||||
.panel-heading {
|
||||
.text(normal);
|
||||
background: none;
|
||||
font-size: @font-size * 1.5;
|
||||
font-weight: 300;
|
||||
|
||||
.btn {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
@bg: lighten(@button-background-color, 10%);
|
||||
@hover: lighten(@button-background-color-hover, 10%);
|
||||
@selected: lighten(@button-background-color-selected, 10%);
|
||||
@text: lighten(@text-color, 10%);
|
||||
.btn-background(@bg, @hover, @selected, @text);
|
||||
}
|
||||
}
|
||||
@@ -1,50 +0,0 @@
|
||||
.pane-item {
|
||||
section, .section {
|
||||
.section-heading {
|
||||
font-size: 2.75rem;
|
||||
font-weight: 200;
|
||||
margin-bottom: 1.125em;
|
||||
color: @text-color;
|
||||
|
||||
&.icon::before {
|
||||
font-size: 2.5rem;
|
||||
margin-right: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.panel {
|
||||
border-color: fadeout(@inset-panel-border-color, 30%);
|
||||
}
|
||||
|
||||
&.preview-pane {
|
||||
.preview-header {
|
||||
padding: 1rem;
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
atom-pane-container {
|
||||
atom-pane {
|
||||
background-color: @app-background-color;
|
||||
border: none;
|
||||
}
|
||||
|
||||
atom-pane-axis.horizontal > * {
|
||||
border-right: 1px solid darken(@app-background-color, 1%);
|
||||
|
||||
&:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
atom-pane-axis.vertical > * {
|
||||
border-bottom: 1px solid darken(@app-background-color, 1%);
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,27 +0,0 @@
|
||||
// Much learning from:
|
||||
// http://css-tricks.com/html5-progress-element/
|
||||
@progress-height: .25rem;
|
||||
|
||||
progress {
|
||||
height: @progress-height;
|
||||
-webkit-appearance: none;
|
||||
background-color: fade(@text-color, 10%);
|
||||
-webkit-animation: animate-stripes 5s linear 6; // stop animation after 6 runs (30s) to limit CPU usage
|
||||
}
|
||||
|
||||
progress::-webkit-progress-bar {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
progress::-webkit-progress-value {
|
||||
background-color: @base-color;
|
||||
}
|
||||
|
||||
progress[value] {
|
||||
-webkit-animation: none;
|
||||
}
|
||||
@-webkit-keyframes animate-stripes {
|
||||
100% {
|
||||
background-position: 100px 0;
|
||||
}
|
||||
}
|
||||
@@ -1,5 +0,0 @@
|
||||
.find-and-replace, .project-find {
|
||||
.btn-group {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
@@ -1,54 +0,0 @@
|
||||
.input-checkbox {
|
||||
border: .125em solid @base-color;
|
||||
background: none;
|
||||
position: relative;
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
cursor: pointer;
|
||||
|
||||
&:active:not(:checked) {
|
||||
background-color: fade(@base-color, 25%);
|
||||
}
|
||||
|
||||
&:checked {
|
||||
background: @base-color;
|
||||
|
||||
&::after,
|
||||
&::before {
|
||||
top: 1em;
|
||||
left: .5em;
|
||||
opacity: 0;
|
||||
border: .1em solid @accent-text-color;
|
||||
background-color: @accent-text-color;
|
||||
animation: fadeIn 125ms linear;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
|
||||
&::before {
|
||||
width: .5em;
|
||||
}
|
||||
|
||||
&::after {
|
||||
width: .85em;
|
||||
animation-delay: 125ms;
|
||||
}
|
||||
}
|
||||
|
||||
&:focus {
|
||||
box-shadow: 0 0 1em fade(@base-color, 30%);
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox {
|
||||
padding-left: 2.5em;
|
||||
|
||||
.setting-title, .setting-description {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@keyframes fadeIn {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
@@ -1,145 +0,0 @@
|
||||
@import "checkbox";
|
||||
@import "package";
|
||||
@import "radio";
|
||||
@import "table";
|
||||
|
||||
.settings-view {
|
||||
.config-menu {
|
||||
background: none;
|
||||
min-width: 200px;
|
||||
|
||||
.nav li {
|
||||
a {
|
||||
padding: 1.25em 1.5em;
|
||||
}
|
||||
|
||||
&.active a {
|
||||
background-color: @base-color;
|
||||
color: @accent-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.icon::before {
|
||||
margin-right: 1.5em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.settings-panel {
|
||||
.control-group + .control-group {
|
||||
margin-top: 2.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.amu-panel-contrast & {
|
||||
.config-menu {
|
||||
background-color: darken(@app-background-color, 1%);
|
||||
}
|
||||
}
|
||||
|
||||
.amu-panel-shadows & {
|
||||
.config-menu {
|
||||
position: relative;
|
||||
|
||||
&::after {
|
||||
background: linear-gradient(to left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
|
||||
bottom: 0;
|
||||
content: '';
|
||||
opacity: .1;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: .25em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
select.form-control {
|
||||
.select();
|
||||
}
|
||||
|
||||
input[type="color"] {
|
||||
border: none;
|
||||
height: 3rem;
|
||||
position: absolute;
|
||||
width: 3rem;
|
||||
}
|
||||
|
||||
.themes-panel {
|
||||
.themes-picker-item {
|
||||
.select-container {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
&.active-theme-settings,
|
||||
&.active-syntax-settings {
|
||||
box-shadow: none;
|
||||
border-radius: 50%;
|
||||
flex-grow: 0;
|
||||
height: 2.5rem;
|
||||
line-height: 1;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
width: 2.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
.section {
|
||||
padding: 3rem;
|
||||
}
|
||||
|
||||
.breadcrumb + .section {
|
||||
padding-top: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
// Inputs, Selects, and More
|
||||
.select() {
|
||||
.select-arrow(@app-background-color);
|
||||
background-size: 1.5rem;
|
||||
background-color: transparent;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
border-bottom: .125rem solid transparent;
|
||||
box-shadow: inset 0 -1px 0 fade(@text-color, 10%);
|
||||
color: @text-color;
|
||||
cursor: pointer;
|
||||
line-height: @component-line-height + @component-padding;
|
||||
height: @component-line-height + @component-padding;
|
||||
padding: 0;
|
||||
-webkit-appearance: none;
|
||||
|
||||
&:hover {
|
||||
.select-arrow(@app-background-color);
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 -1px 0 fade(@text-color, 10%);
|
||||
}
|
||||
|
||||
&:active,
|
||||
&:focus {
|
||||
.select-arrow(@app-background-color);
|
||||
background-color: transparent;
|
||||
border-color: @base-color;
|
||||
}
|
||||
|
||||
option {
|
||||
background: @app-background-color;
|
||||
border: 1px solid fade(@text-color, 20%);
|
||||
color: @text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox,
|
||||
.radio {
|
||||
padding-left: 48px;
|
||||
|
||||
.setting-description {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
}
|
||||
@@ -1,60 +0,0 @@
|
||||
.settings-view {
|
||||
.packages .search-container {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.package-card {
|
||||
background-color: fade(@text-color, 5%);
|
||||
border-radius: @component-border-radius;
|
||||
margin-bottom: 1.5rem;
|
||||
.z-depth-1;
|
||||
|
||||
&.disabled {
|
||||
background-color: fade(@text-color, 5%);
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: fade(@text-color, 5%);
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
box-shadow: none;
|
||||
|
||||
.status-indicator {
|
||||
min-width: 2px;
|
||||
width: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.meta-controls {
|
||||
.install-button, .uninstall-button {
|
||||
// Use px units to avoid icon jiggle
|
||||
&.is-installing, &.is-uninstalling {
|
||||
animation: spin 1s linear infinite;
|
||||
background: none;
|
||||
border: 2px solid @base-color;
|
||||
border-radius: 50%;
|
||||
border-right-color: transparent;
|
||||
font-size: 0;
|
||||
height: 32px;
|
||||
padding: 0;
|
||||
width: 32px;
|
||||
|
||||
&::before {
|
||||
animation: spin 1s linear infinite reverse;
|
||||
height: 16px;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,15 +0,0 @@
|
||||
.input-radio {
|
||||
cursor: pointer;
|
||||
|
||||
&:checked {
|
||||
background: @base-color;
|
||||
}
|
||||
|
||||
&:active:not(:checked) {
|
||||
background: fade(@base-color, 25%);
|
||||
}
|
||||
|
||||
&::before {
|
||||
background-color: @accent-text-color;
|
||||
}
|
||||
}
|
||||
@@ -1,36 +0,0 @@
|
||||
.settings-view {
|
||||
.table {
|
||||
background: lighten(@app-background-color, 5%);
|
||||
border-radius: @component-border-radius;
|
||||
margin: 48px 0;
|
||||
.z-depth-1;
|
||||
|
||||
> thead,
|
||||
tbody {
|
||||
> tr {
|
||||
border: none;
|
||||
|
||||
> td,
|
||||
> th {
|
||||
border-bottom: 1px solid fade(@text-color, 5%);
|
||||
}
|
||||
|
||||
> th {
|
||||
height: 56px;
|
||||
line-height: 56px;
|
||||
padding: 0 24px;
|
||||
font-size: @font-size;
|
||||
font-weight: 600;
|
||||
color: lighten(@text-color, 15%);
|
||||
}
|
||||
|
||||
> td {
|
||||
border-top: none;
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
padding: 0 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,11 +0,0 @@
|
||||
.ui-site(@num, @color) {
|
||||
.ui-site-@{num} {
|
||||
background-color: @color;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-site(1, @ui-site-color-1);
|
||||
.ui-site(2, @ui-site-color-2);
|
||||
.ui-site(3, @ui-site-color-3);
|
||||
.ui-site(4, @ui-site-color-4);
|
||||
.ui-site(5, @ui-site-color-5);
|
||||
@@ -1,21 +0,0 @@
|
||||
.loading-spinner {
|
||||
&-tiny, &-small,
|
||||
&-medium, &-large {
|
||||
background: none;
|
||||
border: .125rem solid @base-color;
|
||||
border-radius: 50%;
|
||||
border-top-color: transparent;
|
||||
animation: spin 2s linear infinite;
|
||||
|
||||
&.idle {
|
||||
border: none;
|
||||
animation: none;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
from { transform: rotate(0deg); }
|
||||
to { transform: rotate(360deg); }
|
||||
}
|
||||
@@ -1,213 +0,0 @@
|
||||
@modified-icon-width: 8px;
|
||||
@tab-top-padding: 5px;
|
||||
@tab-bottom-border-height: 2px;
|
||||
@tab-max-width: 160px;
|
||||
|
||||
.tab-bar {
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
border-radius: 0;
|
||||
height: @tab-height;
|
||||
max-height: @tab-height;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab {
|
||||
position: relative;
|
||||
max-width: @tab-max-width;
|
||||
height: @tab-height;
|
||||
line-height: @tab-height;
|
||||
padding: 0 @component-padding;
|
||||
color: @text-color;
|
||||
transition: color 0.1s ease-in;
|
||||
font-size: 1em;
|
||||
font-weight: 300;
|
||||
.md-underline(@base-color);
|
||||
|
||||
.close-icon {
|
||||
color: @text-color;
|
||||
cursor: pointer;
|
||||
line-height: @tab-height;
|
||||
right: @component-icon-padding;
|
||||
text-align: right;
|
||||
transform: scale(0);
|
||||
transition: transform 250ms @md-timing-function;
|
||||
will-change: opacity;
|
||||
z-index: 3;
|
||||
|
||||
&:hover {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
&.modified:not(:hover) .close-icon {
|
||||
right: @component-padding + 4;
|
||||
top: ~'calc(50% - .135em)';
|
||||
transform: scale(1);
|
||||
width: @modified-icon-width;
|
||||
height: @modified-icon-width;
|
||||
border-color: @base-color;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&.modified:hover .close-icon {
|
||||
color: @text-color;
|
||||
|
||||
&:hover {
|
||||
color: @text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-top: -@tab-top-padding;
|
||||
padding-top: @tab-top-padding;
|
||||
padding-right: 10px;
|
||||
|
||||
&.icon::before {
|
||||
font-size: 1.25em;
|
||||
margin-right: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover .close-icon {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
&[data-type="TreeView"] {
|
||||
&.active::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab.active {
|
||||
color: @text-color-highlight;
|
||||
z-index: 1;
|
||||
|
||||
.close-icon {
|
||||
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;
|
||||
pointer-events: none;
|
||||
|
||||
&:after {
|
||||
top: @tab-height + @tab-top-padding + @tab-bottom-border-height - 2px;
|
||||
}
|
||||
}
|
||||
|
||||
// Panel contrast
|
||||
.amu-panel-contrast & {
|
||||
background-color: darken(@app-background-color, 1.5%);
|
||||
}
|
||||
|
||||
// Tinted Tab Bar
|
||||
.amu-tinted-tab-bar & {
|
||||
background-color: @base-color;
|
||||
|
||||
.tab {
|
||||
color: @accent-text-color;
|
||||
|
||||
&.active {
|
||||
.md-underline(@accent-color);
|
||||
|
||||
.close-icon {
|
||||
color: @accent-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
&.modified:not(:hover) .close-icon {
|
||||
border-color: @accent-text-color;
|
||||
}
|
||||
|
||||
&.modified:hover .close-icon {
|
||||
color: @accent-text-color;
|
||||
|
||||
&:hover {
|
||||
color: @accent-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.close-icon {
|
||||
color: @accent-text-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.amu-compact-tab-bar & {
|
||||
height: @compact-tab-height;
|
||||
max-height: @compact-tab-height;
|
||||
|
||||
.tab {
|
||||
height: @compact-tab-height;
|
||||
line-height: @compact-tab-height;
|
||||
|
||||
.close-icon {
|
||||
line-height: @compact-tab-height;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.amu-stretched-tabs & {
|
||||
// Make the tabs span the whole tab bar width
|
||||
.tab {
|
||||
max-width: 100%;
|
||||
flex-grow: 2;
|
||||
text-align: center;
|
||||
&[data-type="TreeView"] {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Panel Shadows
|
||||
.amu-panel-shadows .tab-bar + .item-views {
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
background: linear-gradient(to bottom, black, transparent);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
opacity: .125;
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
}
|
||||
}
|
||||
|
||||
// File icons
|
||||
atom-pane .tab-bar .tab .title[data-path] {
|
||||
&::before {
|
||||
margin-right: @component-icon-padding;
|
||||
}
|
||||
|
||||
body:not(.file-icons-coloured) &:not(.status-modified):not(.status-added):not(.status-ignored):not(.status-removed):not(.status-renamed)::before {
|
||||
color: @text-color !important;
|
||||
|
||||
.amu-tinted-tab-bar & {
|
||||
color: @accent-text-color !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,123 +0,0 @@
|
||||
h1,
|
||||
h2,
|
||||
h3 {
|
||||
line-height: 1em;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.6;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
label {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
pre {
|
||||
box-shadow: none;
|
||||
color: @text-color;
|
||||
background: @inset-panel-background-color;
|
||||
border-radius: @component-border-radius;
|
||||
border: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
code {
|
||||
.text(highlight);
|
||||
background: @background-color-highlight;
|
||||
border-radius: @component-border-radius;
|
||||
}
|
||||
|
||||
.markdown-preview code {
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.selected {
|
||||
.text(highlight);
|
||||
}
|
||||
|
||||
.text-smaller {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.text-subtle {
|
||||
.text(subtle);
|
||||
}
|
||||
|
||||
.text-highlight {
|
||||
.text(highlight);
|
||||
}
|
||||
|
||||
.text-error {
|
||||
.text(error);
|
||||
}
|
||||
|
||||
.text-info {
|
||||
.text(info);
|
||||
|
||||
&:hover {
|
||||
color: @text-color-info;
|
||||
}
|
||||
}
|
||||
|
||||
.text-warning {
|
||||
.text(warning);
|
||||
|
||||
&:hover {
|
||||
color: @text-color-warning;
|
||||
}
|
||||
}
|
||||
|
||||
.text-success {
|
||||
.text(success);
|
||||
|
||||
&:hover {
|
||||
color: @text-color-success;
|
||||
}
|
||||
}
|
||||
|
||||
.highlight {
|
||||
color: @text-color-highlight;
|
||||
font-weight: bold;
|
||||
text-shadow: none;
|
||||
background-color: @background-color-highlight;
|
||||
border-radius: @component-border-radius;
|
||||
padding: 1px 3px;
|
||||
}
|
||||
|
||||
.highlight-color(@name, @color, @text-color) {
|
||||
.highlight-@{name} {
|
||||
color: lighten(saturate(@text-color, 0%), 60%);
|
||||
font-weight: bold;
|
||||
text-shadow: none;
|
||||
background-color: fadeout(@color, 30%);
|
||||
border-radius: @component-border-radius;
|
||||
padding: 1px 3px;
|
||||
}
|
||||
}
|
||||
.highlight-color(info, @background-color-info, @text-color-info);
|
||||
.highlight-color(warning, @background-color-warning, @text-color-warning);
|
||||
.highlight-color(error, @background-color-error, @text-color-error);
|
||||
.highlight-color(success, @background-color-success, @text-color-success);
|
||||
|
||||
.results-view .path-details.list-item {
|
||||
color: darken(@text-color-highlight, 18%);
|
||||
}
|
||||
|
||||
.text .icon::before, .text.icon::before {
|
||||
margin: 0 4px;
|
||||
}
|
||||
@@ -1,19 +0,0 @@
|
||||
.title-bar {
|
||||
background: @app-background-color;
|
||||
border-bottom: none;
|
||||
color: @text-color;
|
||||
font-size: @font-size;
|
||||
|
||||
.amu-panel-contrast & {
|
||||
background: darken(@app-background-color, 2%);
|
||||
}
|
||||
|
||||
.amu-tinted-tab-bar & {
|
||||
background: @base-color;
|
||||
color: @accent-text-color;
|
||||
}
|
||||
|
||||
.amu-panel-contrast.amu-tinted-tab-bar & {
|
||||
background: darken(@base-color, 5%);
|
||||
}
|
||||
}
|
||||
@@ -1,66 +0,0 @@
|
||||
@tip-background-color: @md-grey-700;
|
||||
@tip-text-color: @md-grey-50;
|
||||
|
||||
.tooltip {
|
||||
white-space: nowrap;
|
||||
transition: opacity 250ms;
|
||||
font-size: @font-size * .9;
|
||||
|
||||
.keystroke {
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
color: @tip-text-color;
|
||||
padding: 0 @font-size * .5;
|
||||
border-radius: @component-border-radius;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
border: 1px solid rgba(0, 0, 0, 0.25);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.125);
|
||||
margin-left: @component-padding / 2;
|
||||
margin-right: -@component-padding / 2.5;
|
||||
}
|
||||
|
||||
&.in {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.tooltip-inner {
|
||||
line-height: @font-size * 1.8;
|
||||
border-radius: @component-border-radius;
|
||||
background-color: @tip-background-color;
|
||||
color: @tip-text-color;
|
||||
white-space: nowrap;
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
&.top .tooltip-arrow {
|
||||
border-top-color: @tip-background-color;
|
||||
}
|
||||
|
||||
&.top-left .tooltip-arrow {
|
||||
border-top-color: @tip-background-color;
|
||||
}
|
||||
|
||||
&.top-right .tooltip-arrow {
|
||||
border-top-color: @tip-background-color;
|
||||
}
|
||||
|
||||
&.right .tooltip-arrow {
|
||||
border-right-color: @tip-background-color;
|
||||
}
|
||||
|
||||
&.left .tooltip-arrow {
|
||||
border-left-color: @tip-background-color;
|
||||
}
|
||||
|
||||
&.bottom .tooltip-arrow {
|
||||
border-bottom-color: @tip-background-color;
|
||||
}
|
||||
|
||||
&.bottom-left .tooltip-arrow {
|
||||
border-bottom-color: @tip-background-color;
|
||||
}
|
||||
|
||||
&.bottom-right .tooltip-arrow {
|
||||
border-bottom-color: @tip-background-color;
|
||||
}
|
||||
}
|
||||
@@ -1,38 +0,0 @@
|
||||
.tree-view {
|
||||
font-size: 1em;
|
||||
background: @tree-view-background-color;
|
||||
|
||||
.selected::before {
|
||||
background: fade(@text-color, 5%);
|
||||
}
|
||||
|
||||
&:focus {
|
||||
.selected::before {
|
||||
background: @base-color;
|
||||
}
|
||||
}
|
||||
|
||||
.amu-panel-contrast & {
|
||||
background-color: darken(@app-background-color, 1.5%);
|
||||
}
|
||||
}
|
||||
|
||||
.tree-view-resizer {
|
||||
.tree-view-resize-handle {
|
||||
width: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.focusable-panel {
|
||||
opacity: 1;
|
||||
|
||||
&:focus {
|
||||
.selected {
|
||||
color: @accent-text-color;
|
||||
|
||||
&::before {
|
||||
background: @base-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,98 +0,0 @@
|
||||
// Pattern matching; ish is cray.
|
||||
// http://lesscss.org/#-pattern-matching-and-guard-expressions
|
||||
|
||||
.text(normal) {
|
||||
font-weight: normal;
|
||||
color: @text-color;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.text(subtle) {
|
||||
font-weight: normal;
|
||||
color: @text-color-subtle;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.text(highlight) {
|
||||
font-weight: normal;
|
||||
color: @text-color-highlight;
|
||||
}
|
||||
|
||||
.text(selected) {
|
||||
.text(highlight)
|
||||
}
|
||||
|
||||
.text(info) {
|
||||
color: @text-color-info;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.text(success) {
|
||||
color: @text-color-success;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.text(warning) {
|
||||
color: @text-color-warning;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.text(error) {
|
||||
color: @text-color-error;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
// MD Shadows Helper
|
||||
.z-depth-1() {
|
||||
box-shadow: 0 0.0625rem 0.25rem rgba(0,0,0,0.12), 0 0.0625rem 0.25rem rgba(0,0,0,0.24);
|
||||
}
|
||||
.z-depth-2() {
|
||||
box-shadow: 0 0.2rem 0.375rem rgba(0,0,0,0.16), 0 0.2rem 0.375rem rgba(0,0,0,0.23);
|
||||
}
|
||||
.z-depth-3() {
|
||||
box-shadow: 0 0.625rem 1.25rem rgba(0,0,0,0.19), 0 0.375rem 0.375rem rgba(0,0,0,0.23);
|
||||
}
|
||||
.z-depth-4() {
|
||||
box-shadow: 0 0.875rem 1.75rem rgba(0,0,0,0.25), 0 0.625rem 0.625rem rgba(0,0,0,0.22);
|
||||
}
|
||||
.z-depth-5() {
|
||||
box-shadow: 0 1.125rem 2.25rem rgba(0,0,0,0.30), 0 1rem 0.75rem rgba(0,0,0,0.22);
|
||||
}
|
||||
|
||||
// Underline Effect
|
||||
.md-underline(@underline-color) {
|
||||
position: relative;
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: @underline-color;
|
||||
transform: scaleX(0);
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
.amu-use-animations & {
|
||||
&::after {
|
||||
transition: transform 250ms;
|
||||
}
|
||||
}
|
||||
|
||||
&.active, &.is-focused, &:focus {
|
||||
&::after {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// <select> arrow
|
||||
.select-arrow(@color) when (lightness(@color) > 50%) {
|
||||
background-image: url('atom://atom-material-ui/assets/svg/arrow-drop-down.svg');
|
||||
}
|
||||
|
||||
.select-arrow(@color) when (lightness(@color) < 50%) {
|
||||
background-image: url('atom://atom-material-ui/assets/svg/arrow-drop-down-white.svg');
|
||||
}
|
||||
@@ -1,104 +0,0 @@
|
||||
@import "syntax-variables";
|
||||
@import "md-colors";
|
||||
@import "fonts/roboto";
|
||||
|
||||
// Colors
|
||||
@text-color: fade(@syntax-text-color, 65%);
|
||||
@text-color-subtle: fade(@syntax-text-color, 35%);
|
||||
@text-color-highlight: @syntax-text-color;
|
||||
@text-color-selected: @accent-text-color;
|
||||
|
||||
@text-color-info: @md-blue-300;
|
||||
@text-color-success: @md-light-green-500;
|
||||
@text-color-warning: @md-amber-400;
|
||||
@text-color-error: @md-red-400;
|
||||
|
||||
@text-color-ignored: @text-color-subtle;
|
||||
@text-color-added: @text-color-success;
|
||||
@text-color-renamed: @text-color-info;
|
||||
@text-color-modified: @text-color-warning;
|
||||
@text-color-removed: @text-color-error;
|
||||
|
||||
@background-color-info: @text-color-info;
|
||||
@background-color-success: @text-color-success;
|
||||
@background-color-warning: @text-color-warning;
|
||||
@background-color-error: @text-color-error;
|
||||
@background-color-highlight: rgba(255, 255, 255, 0.07);
|
||||
@background-color-selected: @base-color;
|
||||
|
||||
@app-background-color: @syntax-background-color;
|
||||
|
||||
@base-background-color: @app-background-color;
|
||||
@base-border-color: transparent;
|
||||
|
||||
@pane-item-background-color: @base-background-color;
|
||||
@pane-item-border-color: @base-border-color;
|
||||
|
||||
@input-background-color: @app-background-color;
|
||||
@input-border-color: @base-border-color;
|
||||
|
||||
@tool-panel-background-color: @base-background-color;
|
||||
@tool-panel-border-color: @base-border-color;
|
||||
|
||||
@inset-panel-background-color: @base-background-color;
|
||||
@inset-panel-border-color: @base-border-color;
|
||||
|
||||
@panel-heading-background-color: @base-background-color;
|
||||
@panel-heading-border-color: fadein(@base-border-color, 10%);
|
||||
|
||||
@overlay-background-color: @base-background-color;
|
||||
@overlay-border-color: @base-border-color;
|
||||
|
||||
@button-background-color: @base-background-color;
|
||||
@button-background-color-hover: lighten(@button-background-color, 5%);
|
||||
@button-background-color-selected: @base-background-color;
|
||||
@button-border-color: @base-border-color;
|
||||
|
||||
@tab-bar-background-color: @base-background-color;
|
||||
@tab-bar-border-color: darken(@tab-background-color-active, 10%);
|
||||
@tab-background-color: @base-background-color;
|
||||
@tab-background-color-active: @base-background-color;
|
||||
@tab-border-color: @base-border-color;
|
||||
|
||||
@tree-view-background-color: @base-background-color;
|
||||
@tree-view-border-color: @tool-panel-border-color;
|
||||
|
||||
@scrollbar-background-color: @base-background-color; // Needs to be opaque -> atom/atom/issues/4578
|
||||
@scrollbar-color: fade(@base-color, 80%);
|
||||
|
||||
@ui-site-color-1: @background-color-success; // green
|
||||
@ui-site-color-2: @background-color-info; // blue
|
||||
@ui-site-color-3: @background-color-warning; // orange
|
||||
@ui-site-color-4: @md-deep-purple-400; // purple
|
||||
@ui-site-color-5: @md-yellow-300; // yellow
|
||||
|
||||
|
||||
// Sizes
|
||||
|
||||
@font-size: 12px;
|
||||
@input-font-size: 12px;
|
||||
|
||||
@disclosure-arrow-size: 12px;
|
||||
|
||||
@component-padding: 10px;
|
||||
@component-icon-padding: 16px;
|
||||
@component-icon-size: 16px;
|
||||
@component-line-height: 28px;
|
||||
@component-border-radius: .125rem;
|
||||
|
||||
@tab-height: 3rem;
|
||||
@compact-tab-height: 2.5rem;
|
||||
|
||||
|
||||
// Other
|
||||
|
||||
@font-family: 'Roboto', 'Lucida Grande', 'Segoe UI', Ubuntu, Cantarell, sans-serif;
|
||||
@md-timing-function: cubic-bezier(.4, 0, .2, 1);
|
||||
|
||||
// Main color variables – default values
|
||||
@accent-color: #FFFFFF;
|
||||
@accent-text-color: rgba(255,255,255,0.8);
|
||||
@base-color: #009688;
|
||||
|
||||
// Override main color variables with user's settings
|
||||
@import (optional) "user-settings";
|
||||
@@ -1,19 +0,0 @@
|
||||
.key-binding {
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||
display: inline-block;
|
||||
line-height: 100%;
|
||||
border-radius: @component-border-radius;
|
||||
margin-left: @component-icon-padding;
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
font-size: @font-size - 1;
|
||||
padding: @component-padding / 2;
|
||||
}
|
||||
|
||||
.badge {
|
||||
color: @accent-text-color;
|
||||
background: @base-color;
|
||||
|
||||
.section-heading & {
|
||||
font-size: .375em;
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user