https://github.com/joshwrn/vscode-go-to-style

https://github.com/joshwrn/vscode-go-to-style

Last synced: about 4 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/joshwrn/vscode-go-to-style
• Owner: joshwrn
• Created: 2023-09-08T01:54:14.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-04-07T06:23:34.000Z (8 months ago)
• Last Synced: 2024-04-18T06:01:44.679Z (7 months ago)
• Language: TypeScript
• Size: 70.3 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# Go To Style README

A simple vscode extension to go to a specific css/scss class by clicking on the css module (`styles.wrapper`).

## Extension Link

https://marketplace.visualstudio.com/items?itemName=josh-warren.go-to-style

## Tutorial

1. Install the extension

2. Right click on the class name you want to go to.

3. Click on `Go To Style`

![Tutorial](https://i.imgur.com/4h7o9bC.gif)

## Example

In the following example, clicking on `styles.title` will take you to the definition of the class in the `styles.module.scss` file.

```tsx

// ./index.tsx

import React from 'react'

import styles from './styles.module.scss'

const Component = () => {

  return (

    


      
Title

      
Subtitle

    

  )

}


export default Component

```

Clicking `styles.title` will take you here:

```scss

// ./styles.module.scss

.title {

  font-size: 20px;

  font-weight: bold;

}

```