question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

No newline after @import

See original GitHub issue

No matter what I try, CSS always ends up like this:

@import url('bla bla bla...');
body {
    ...
}

But that does not look beautiful. Why? Because the @import is all squished up against the body selector, there’s no whitespace.

There is no option to fix this.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:10 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
LoganDarkcommented, Aug 13, 2018

@bitwiseman yes? That’s basic CSS…

The code I typed in my issue is not the actual CSS, I typed it in the textbox in 10 seconds without a second thought.

0reactions
LoganDarkcommented, Aug 17, 2018

Ty~

Read more comments on GitHub >

github_iconTop Results From Across the Web

eslint-plugin-import/newline-after-import.md at main - GitHub
This rule supports the following options: count which sets the number of newlines that are enforced after the last top-level import statement or...
Read more >
Eslint rule to put a new line inside import - Stack Overflow
I was looking for such a rule for both import and export declaration. As a result I've made a plugin with autofix.
Read more >
eslint-plugin-import-newlines - npm
ESLint plugin for enforcing newlines in ES6 import statements past a certain number of items. Latest version: 1.3.0, last published: a month ...
Read more >
at-rule-empty-line-before - Stylelint
Shared-line comments do not affect this option. For example, with "always" : The following patterns are considered problems: @import url(x.css);
Read more >
object-curly-newline - ESLint - Pluggable JavaScript Linter
This rule requires or disallows a line break between { and its following token, ... destructuring assignments, and named imports and exports:.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found