https://github.com/will-santosx/ilike-sass-projeto
Projeto desenvolvido com o objetivo de estudo sobre o pré-processador SASS
https://github.com/will-santosx/ilike-sass-projeto
css html junior-developer sass study
Last synced: 3 months ago
JSON representation
Projeto desenvolvido com o objetivo de estudo sobre o pré-processador SASS
- Host: GitHub
- URL: https://github.com/will-santosx/ilike-sass-projeto
- Owner: will-santosx
- License: mit
- Created: 2023-04-01T22:42:06.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-04-01T23:55:35.000Z (over 3 years ago)
- Last Synced: 2025-07-05T20:47:03.748Z (about 1 year ago)
- Topics: css, html, junior-developer, sass, study
- Language: HTML
- Homepage:
- Size: 2.1 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Galeria I'Like
Esse é o meu primeiro projeto utilizando o pré-processador Sass, desenvolvido com o objetivo de estudo.
## Sobre o projeto
Consiste em uma pequena galeria pessoal onde eu compartilho algumas coisas que gosto, como carros, basquete, futebol, músicas e outros.
Seu layout foi desenvolvido de forma totalmente responsiva, para que possa ser acessado em dispositivos móveis.
## Tecnologias utilizadas
- HTML5
- CSS3
- SASS
## Utilização
Para utilizar o projeto em sua máquina, siga os passos abaixo:
1. Clone o repositório para a sua máquina usando o seguinte comando:
``` prompt
git clone https://github.com/will-santosx/ilike-sass-projeto.git
```
2. Confira se o SASS está instalado em sua máquina. Caso não esteja, instale através do link: https://sass-lang.com/install
3. Abra o projeto em seu editor de código e compile o arquivo .scss para .css usando o seguinte comando:
```prompt
sass styles/sass/style.sass:styles/css/style.css
```
4. Agora você pode abrir o arquivo index.html em seu navegador e visualizar a galeria.
## O que aprendi
Ao desenvolver este projeto, aprendi bastante sobre o Sass e suas funcionalidades. Aqui estão algumas coisas que aprendi:
### Variáveis
O uso de variáveis é uma das principais vantagens do Sass. Elas nos permitem armazenar valores e usá-los em todo o nosso projeto, tornando as alterações futuras muito mais fáceis.
### Mixins
Os mixins são semelhantes às funções em outras linguagens de programação. Eles permitem que você crie um conjunto de estilos que podem ser reutilizados em todo o seu projeto.
### Aninhamento
O aninhamento de seletores é outra característica poderosa do Sass. Ele nos permite escrever estilos mais limpos e organizados.
## Contribuições
Esse projeto foi desenvolvido com o objetivo de estudo, mas sinta-se livre para contribuir com melhorias ou correções de bugs. Basta seguir os passos abaixo:
1. Faça um fork do repositório
2. Crie um branch para a sua contribuição (git checkout -b minha-contribuicao)
3. Faça as alterações necessárias
4. Faça um commit das suas alterações (git commit -m "Minha contribuição")
5. Faça um push para o branch (git push origin minha-contribuicao)
6. Abra um pull request
