Styles.less changes not working


#1

I’m trying to add a margin-right to either my gutter or the scroll-view and its not working.

Heres what I’ve tried:

atom-text-editor {
  .gutter {
    margin-right: 20px;
  }
}

// And simply:

.gutter {
  margin-right: 20px;
}

Neither of those work. Am I missing something about how to edit our own styles?


#2

atom-text-editor::shadow maybe?


#3

The editor contents now live in the Shadow DOM, so your selector needs to be updated:

atom-text-editor::shadow {
  .gutter {
    margin-right: 20px;
  }
}

#4

Not a week goes by without a bunch of people coming over here asking this question… @leedohm anything to be done to help these people out?


#5

I have to run off to work in just a bit, but if someone wants to write up a comprehensive “Common Issues” post and collect things like this, the Emmet issue and anything else they can think of … I’ll do the magic to sticky it.

I think a general overhaul of the FAQ stuff would be good. I’m thinking just one main FAQ post that links to the other ones. That way I can unsticky all the subordinate posts and we can just have one big bright post at the top to make things easier to find.