Sass71 is a Visual Studio Code extension that generates a predefined Sass folder and file structure. It includes the creation of partial files with names starting with an underscore and sets up the main main.scss
file with imports for each of these partial files.
assets/sass/abstracts
assets/sass/base
assets/sass/components
assets/sass/layout
assets/sass/pages
assets/sass/themes
assets/sass/vendors
- abstracts:
_variables.scss
,_functions.scss
,_mixins.scss
,_placeholders.scss
- base:
_reset.scss
,_typography.scss
- components:
_buttons.scss
,_carousel.scss
,_cover.scss
,_dropdown.scss
- layout:
_navigation.scss
,_grid.scss
,_header.scss
,_footer.scss
,_sidebar.scss
,_forms.scss
- pages:
_home.scss
,_contact.scss
- themes:
_theme.scss
,_admin.scss
- vendors:
_bootstrap.scss
,_jquery-ui.scss
@import 'abstracts/variables';
@import 'abstracts/functions';
@import 'abstracts/mixins';
@import 'abstracts/placeholders';
@import 'vendors/bootstrap';
@import 'vendors/jquery-ui';
@import 'base/reset';
@import 'base/typography';
@import 'layout/navigation';
@import 'layout/grid';
@import 'layout/header';
@import 'layout/footer';
@import 'layout/sidebar';
@import 'layout/forms';
@import 'components/buttons';
@import 'components/carousel';
@import 'components/cover';
@import 'components/dropdown';
@import 'pages/home';
@import 'pages/contact';
@import 'themes/theme';
@import 'themes/admin';
- Open VSCode and load the extension.
- Use the Command Palette (
Ctrl+Shift+P
) and search forCreate Sass Structure
. - Select the folder where you want to create the Sass structure.
To install Sass71, follow these steps:
-
Clone the repository:
git clone https://github.com/Giovasdf/Sass71.git
-
Navigate to the project directory:
cd Sass71
-
Install dependencies:
npm install
-
Compile the extension:
npm run compile
-
Launch the extension:
Press
F5
in VSCode to open a new window with the extension loaded.
Contributions are welcome! Please follow these steps to contribute:
-
Fork the repository.
-
Create a new branch:
git checkout -b feature/YourFeature
-
Commit your changes:
git commit -m "Add your feature"
-
Push to the branch:
git push origin feature/YourFeature
-
Open a pull request on GitHub.
This project is licensed under the MIT License. See the LICENSE file for details.
For any questions or suggestions, feel free to open an issue on the GitHub repository.