style.less

/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed and saved.
 *
 * Add your own CSS or Less to fully customize Atom.
 * If you are unfamiliar with Less, you can read more about it here:
 * http://lesscss.org
 */


/*
 * Examples
 * (To see them, uncomment and save)
 */

// style the background color of the tree view
.tree-view {
  // background-color: whitesmoke;
}

// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
  // color: white;
  // background-color: hsl(180, 24%, 12%);
}

// style UI elements inside atom-text-editor
atom-text-editor .cursor {
  // border-color: red;
}


/*
 * markdown-preview-enhanced custom style
 */
.markdown-preview.markdown-preview {
  // please write your custom style here
  // eg:
  //  color: blue;          // change font color
  //  font-size: 14px;      // change font size

  // remove space between line and lists
  p { margin-bottom: 0; }
  p + p { margin-top: 15px;}

  // remove space between sub-lists
  ul { margin-bottom: 0; }
  ul + p { margin-top: 15px;}

  // remove space between sub-lists
  ol { margin-bottom: 0; }
  ol + p { margin-top: 15px;}

  // remove space when finishing sub-list
  li > ul + p {margin: 0px;}

  font-size: 18px;


  // custom pdf output style
  @media print {
    font-size: 12px;
  }

  // custom prince pdf export style
  &.prince {

  }

  // custom phantomjs png/jpeg export style
  &.phantomjs-image {

  }

  //custom phantomjs pdf export style
  &.phantomjs-pdf {

  }

  // custom presentation style
  .preview-slides .slide,
  &[data-presentation-mode] {
    // eg
    // background-color: #000;
  }
}