How to change default comments pattern in Atom (specifically for CSS)


Tags: css,atom-editor

Problem :

Is there a way to change the default behavior for comments snippet?
Now after press Ctrl+/ I get this:

p {
  color: #000;
  /*margin: 0;*/
}

But I want this:

p {
  color: #000;
  /* margin: 0; */
}


Solution :

Open your config file (using File -> Config) and add these lines to your config:

'.source.css':
  'editor':
    'commentStart': '/\* '
    'commentEnd': ' \*/'

This will change the default behavior of comments in CSS files from

/*COMMENTED TEXT*/

to

/* COMMENTED TEXT */

    CSS Howto..

    Javascript: How to highlight some numbers or text within a line or paragraph?

    How to keep the navbar fixed to top in big screens only using jquery

    How to calculate rotation angle from rectangle points?

    How to add border in my clip-path: polygon(); CSS style

    How to get value of input using Jquery and put it in css of an element

    How to create new top headers for weebly

    CSS/HTML - How do I get text to go behind an image inside a div

    How to get a hidden content to show over cursor using html, css, javascript?

    How to determine why floated elements are affecting the heights of non-floated elements (D7 views blocks with zen theme)?

    How can I add a css property to the first div with a specific class name?

    How to Fade In/Out multiple texts using CSS/jQuery like on Droplr?

    CSS\HTML - How to add Ionicons to CSS “content” property?

    How to adjust the opacity of CSS background image instead of radio button with an icon overlay

    How would I go about having placeholder divs that are then “overwritten” later with PHP?

    How to stretch the form submit button using CSS?

    How to make CSS columns in a div?

    How do I place an image after a link?

    How to make this shape with css? [closed]

    How to Assemble HTML,CSS and JS with EachOther

    how to make a navigation 100% width within an header wrapper

    How to add CSS for dynamic MenuItems in MenuList and How to get the value of the MenuItem in XUL

    How to override position : absolute in css?

    How to style CSS for input box's width as a percentage when it has border and padding?

    How to reduce width of div using JQuery, CSS so that the left section is reduced and not the right?

    how to set CSS border-left outside of box

    How Do I Add CSS Transition Effect to This

    css/javascript - How to achieve these unusual design requirements? [closed]

    How can I enlarge a table row when hovering over it? - Variation

    How to put a div in more pages

    Determining if shown dates in a table are before today's date using jQuery