hackforla / hackforla/website

Identify and fix inconsistent code indentation in a SCSS file

Open
#2,695 1 comment 0 reactions 0 assignees View on GitHub
Complexity: Medium Dependency Feature: Refactor CSS role: back end/devOps size: 1pt
Dominant language
JavaScript
Stars
363
Forks
872
Avg merge
2d 21h
Merged PRs (30d)
18

Description

### Dependency
- [ ] #2651
- [ ] #4264

### Overview
As a developer, we need to make sure the code is easy to read. In this issue, we will identify and fix inconsistent indentation in [_getting-started-page.scss](https://github.com/hackforla/website/blob/d3b10fadfefa646ade8bdd5e3de6b89fa1ad466b/_sass/components/_getting-started-page.scss) using [Lint SCSS](https://github.com/hackforla/website/blob/78ddb139237e60fe91582c8bca706455dcf45be7/.github/workflows/lint-scss.yml)

### Action Items
- [ ] Use the linter developed in issue #2651 to identify errors in [_getting-started-page.scss](https://github.com/hackforla/website/blob/d3b10fadfefa646ade8bdd5e3de6b89fa1ad466b/_sass/components/_getting-started-page.scss) file in your local VS code environment
- [ ] Make changes in the above SCSS file so that no error is displayed in your local environment
- [ ] Review [Lint SCSS](https://github.com/hackforla/website/blob/78ddb139237e60fe91582c8bca706455dcf45be7/.github/workflows/lint-scss.yml) and [Stylelint json file](https://github.com/hackforla/website/blob/gh-pages/.stylelintrc.json)
- [ ] Make the necessary code changes (such as adding relevant indentation rules in Lint SCSS) and run the GitHub action to identify indentation errors in your own repo (Note: no errors should be displayed here as they have already been fixed once identified in the local environment)
- [ ] Create a pull request with the right indentations in [_getting-started-page.scss](https://github.com/hackforla/website/blob/d3b10fadfefa646ade8bdd5e3de6b89fa1ad466b/_sass/components/_getting-started-page.scss) as well as the code changes to identify inconsistent indentation using Lint SCSS
- [ ] Make sure the changes don't break the existing flow for other issues, such as submitting PR, merging a PR etc.

### Checks
- [ ] Make sure lines with inconsistent indentation are identified while working in your own repo:
- Lines [172](https://github.com/hackforla/website/blob/d3b10fadfefa646ade8bdd5e3de6b89fa1ad466b/_sass/components/_getting-started-page.scss#L172) to 199
- Lines [285](https://github.com/hackforla/website/blob/d3b10fadfefa646ade8bdd5e3de6b89fa1ad466b/_sass/components/_getting-started-page.scss#L285) to 297

### Resources/Instructions
- [_getting-started-page.scss](https://github.com/hackforla/website/blob/d3b10fadfefa646ade8bdd5e3de6b89fa1ad466b/_sass/components/_getting-started-page.scss)
- [.github/workflows/lint-scss.yml](https://github.com/hackforla/website/blob/78ddb139237e60fe91582c8bca706455dcf45be7/.github/workflows/lint-scss.yml)
- [github/super-linter README](https://github.com/github/super-linter)
- Related PR: #1957
- A list of the stylelint rules can be found [here](https://stylelint.io/user-guide/rules/list/).

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.