https://github.com/hritik5102/sass-website
Static sass website :
https://github.com/hritik5102/sass-website
css3 html5 scss scss-styles traversy-media vscode website
Last synced: 3 months ago
JSON representation
Static sass website :
- Host: GitHub
- URL: https://github.com/hritik5102/sass-website
- Owner: hritik5102
- Created: 2020-03-01T21:31:42.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-03-01T22:21:02.000Z (over 5 years ago)
- Last Synced: 2025-02-06T03:40:03.698Z (4 months ago)
- Topics: css3, html5, scss, scss-styles, traversy-media, vscode, website
- Language: CSS
- Homepage: https://tender-liskov-1fd106.netlify.com/
- Size: 82 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sass-website
**SASS** : Synatically awesome stylesheet
* CSS PreProcessor / Extension
* Use the feature that do not exist in CSS
* SASS file are compiled to regular CSS
**Features of scss** :
1. Provide a variable declaration
2. Nesting property
3. Modules
4. Mixing and function
5. Inheritance
6. Operator
7. Conditional property
_Get free SVG from [Here](https://undraw.co/search)_
**Pre-requisite** :
```javascript
$ npm install -g scss
```
**Two ways to do run your sass** :
```javascript
1. $ sass --watch scss/style.css css/style.css
```
2. *Install **live sass** extension from vs-code and add configuration in settings.json*
```javascript
"liveSassCompile.settings.formats":[
// This is Default.
{
"format": "expanded",
"savePath": "/css"
}
],
"liveSassCompile.settings.generateMap":false,
```
* When you create **_filename.scss** it will not compiled to .css because it's partial file so,
you can store your define variable in that file and import that file any where you required .
* we can access or shared property of one scss file to another .
**Theme** :
```css
$primary-color: #ffffff;
```
**Rendered ui**
```css
$primary-color: #0e6cff;
```
**Rendered ui**
