styles.less

/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed.
 *
 * If you are unfamiliar with LESS, you can read more about it here:
 * http://www.lesscss.org
 */

@import "ui-variables";

.tab-bar {
  display: none;
}

atom-text-editor {
  font-weight: bold;
}

.overlay, atom-panel.modal {
  width: 80%;
  margin-left: -40%;
}

// @-webkit-keyframes blink {
//   0% { background-color: red; }
//   12.5% { background-color: green; }
//   25% { background-color: blue; }
//   37.5% { background-color: yellow; }
//   50% { background-color: purple; }
//   62.5% { background-color: magenta; }
//   75% { background-color: cyan; }
//   87.5% { background-color: orange; }
//   100% { background-color: red; }
// }
// -webkit-animation: blink 1s infinite cubic-bezier(1.0, 0, 1.0, 0) !important;

atom-text-editor.vim-mode.is-focused {
  &:not(.insert-mode)::shadow {
    .cursors {
      .cursor {
        opacity: 0.7 !important;
        background-color: red;
        border: 1px solid cyan;
        box-shadow: 0 0 4px 2px cyan;
      }

      &.blink-off .cursor {
        opacity: 0.7 !important;
        background-color: cyan;
      }
    }
  }

  &.insert-mode::shadow {
    .cursors {
      .cursor {
        border-left: 1px solid cyan;
      }

      &.blink-off .cursor {
        opacity: 0.7 !important;
        box-shadow: 0 0 4px 2px cyan;
      }
    }
  }

  &::shadow .selection .region {
    border: 1px solid cyan;
    box-shadow: 0 0 4px 0px cyan, 0 0 4px 0px cyan inset;
  }
}

.fuzzy-finder .list-group {
  .primary-line {
    display: none;
  }

  .secondary-line {
    font-size: 14px;
    color: white !important;
    line-height: 1em;

    .character-match {
      font-weight: bold !important;
      background-color: red !important;
      // font-weight: red;
    }
  }
}

atom-text-editor::shadow {
  .uniq-image {
    // display: none !important;
  }
}