Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[html] extract class name to css file #41134

Open
Linrstudio opened this issue Jan 4, 2018 · 2 comments
Open

[html] extract class name to css file #41134

Linrstudio opened this issue Jan 4, 2018 · 2 comments
Assignees
@aeschli
Labels
feature-request Request for new features or functionality html HTML support issues
Milestone
Backlog

Comments

@Linrstudio
Copy link

Steps to Reproduce:

  1. click <html> tag;
  2. light icon showing, click to show extract menu:
    menuitem: extract class name to style tag;
    menuitem: extract class name to css file;

demo:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
   <div class="a">
      <div class="a-1">
      </div>
   </div>
   <div class="b">
       <div class="b-1">
       </div>
   </div>
</body>
</html>

extract result:

.a {
}
.a-1 {
}

.b {
}
.b-1 {
}
@vscodebot vscodebot bot added the html HTML support issues label Jan 4, 2018
@aeschli aeschli added this to the Backlog milestone Jan 11, 2018
@aeschli aeschli changed the title Feature request: Extract HTML class name [html] extract class name to css file Jan 11, 2018
@aeschli aeschli added the feature-request Request for new features or functionality label Jan 11, 2018
@aeschli
Copy link
Contributor

aeschli commented Jan 11, 2018

IMO this could be pioneered by an extension. To fit the best in VSCode it should probably be done as a code action.

@aeschli aeschli mentioned this issue Jan 11, 2018
Closed
@kanlukasz
Copy link

You can do this with extension, eg.:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@aeschli aeschli

Labels
feature-request Request for new features or functionality html HTML support issues
Projects
None yet
Milestone
Backlog
Development

No branches or pull requests
3 participants
@Linrstudio @aeschli @kanlukasz