https://github.com/muhammadaziz01-dev/car-rental
html , css , scss , bootstrap , js
https://github.com/muhammadaziz01-dev/car-rental
Last synced: about 2 months ago
JSON representation
html , css , scss , bootstrap , js
- Host: GitHub
- URL: https://github.com/muhammadaziz01-dev/car-rental
- Owner: muhammadaziz01-dev
- Created: 2023-12-14T04:55:47.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-14T11:58:46.000Z (over 1 year ago)
- Last Synced: 2025-01-27T08:42:36.413Z (4 months ago)
- Language: HTML
- Homepage: https://657aee4eee98730b3cf29019--magnificent-hotteok-2104a8.netlify.app/
- Size: 3.69 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
### SCSS starter
### FOLDER STRUCTRE
- ### assets
>
- images
- fonst
- ### css
>
- style.css (expaned)
- style.min.css (minified)
- ### public
>
- favicon (folder)
- robots.txt (SEO)
- ### scss
>
- all (folder) (layout.scss , ETC)
- robots.txt (SEO)
### Variables
```
$varName: value;
for example: 👉 $text-color: red;
```
### Nested in BEM
```
for example: 👉
index.html
inner child
style.scss
.parent{
width:100%;
padding:50px;
&__child{
width:300px;
height:300px;
background:teal;
&-inner{
color: $text-color;
font-size:20px;
}
}
}
```
### Extends
```
%extendName{
property:value;
...
..
.
}
.className{
@extand %extendName;
}
```
### Mixins
```
@mixin mixinName($arg1, arg2, ....){
property1:$arg1;
property2:$arg2;
color:red;
...
..
.
}
.className{
@include mixnName(value1, value2 , ...);
}
```