Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/devmagno/le-scone

🍲 Landing page de um restaurante fictício para estudo de Sass.
https://github.com/devmagno/le-scone

devmagno html-scss scout-app scss scss-framework scss-functions scss-mixins

Last synced: about 2 months ago
JSON representation

🍲 Landing page de um restaurante fictício para estudo de Sass.

Host: GitHub
URL: https://github.com/devmagno/le-scone
Owner: devMagno
License: mit
Created: 2020-11-23T02:43:10.000Z (about 4 years ago)
Default Branch: main
Last Pushed: 2020-11-25T02:52:28.000Z (about 4 years ago)
Last Synced: 2023-08-29T07:50:07.912Z (over 1 year ago)
Topics: devmagno, html-scss, scout-app, scss, scss-framework, scss-functions, scss-mixins
Language: SCSS
Homepage: https://devmagno.github.io/le-scone
Size: 943 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Le Scone 🍲

Le Scone

## 📖 Sobre
O projeto **Le Scone** foi desenvolvido durante o curso de **CSS com SASS** da **[Origamid](https://www.origamid.com/)**. Inicialmente no curso, é feita uma introdução aos **poderes** do pré-processador SASS, fundamentos como _import_, _nesting_, _mixins_, além das funções, _loops_ e variáveis. Em seguida, realizamos uma engenharia reversa no projeto **[Bikcraft](https://github.com/devMagno/bikcraft)**, **convertendo o projeto para SASS**, criando as variáveis, mixins e funções necessários para a conversão. Por fim, desenvolvemos o projeto **Le Scone**, uma landing page de um restaurante, onde colocamos em prática os fundamentos aprendidos na primeira parte do curso, criando um grid de forma inteiramente automática, além de funções que convertem _pixel_ para _em_, mixins de tipografia, variáveis de cores e uso de _media queries_ com _include_.

---
## 🚀 Tecnologias e ferramentas utilizadas
- **HTML5**
- **SASS** (convertido para CSS3)
- **Scout App** (compilador do SASS)

---
## 🖥️ Demonstração
[![Le Scone](https://i.imgur.com/GAQmDWi.png "Clique para acessar o projeto")](https://devmagno.github.io/le-scone/ "Clique para acessar o projeto")

Você pode acessar o projeto clicando [aqui](https://devmagno.github.io/le-scone/).

---
## 🔧 Como executar o projeto
```bash
# Clone o repositório
git clone https://github.com/devMagno/le-scone

# Entre no diretório
cd le-scone
```
Depois disso, utilize uma ferramenta como o [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) para criar um servidor local e executar o projeto.

---
## 📝 Licença
O projeto está sob a licença MIT. Para saber mais, acesse o arquivo [LICENSE](https://github.com/devMagno/le-scone/blob/main/LICENSE).

---
**Desenvolvido com 🤍 por [Guilherme Magno](https://github.com/devmagno/).**