https://github.com/projetsmerlin/pumpskin
PumpSkin : mon framework CSS
https://github.com/projetsmerlin/pumpskin
frontend
Last synced: 6 months ago
JSON representation
PumpSkin : mon framework CSS
- Host: GitHub
- URL: https://github.com/projetsmerlin/pumpskin
- Owner: ProjetsMerlin
- Created: 2021-12-21T23:02:12.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2025-03-16T07:54:58.000Z (over 1 year ago)
- Last Synced: 2025-03-16T08:27:35.295Z (over 1 year ago)
- Topics: frontend
- Language: HTML
- Homepage: https://projetsmerlin.github.io/Pumpskin/
- Size: 10.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
Intro
=====
Pumpskin est mon framework CSS perso. Vous pouvez avoir un aperçu des éléments ici : [https:///projetsmerlin.github.io/Pumpskin/](https://projetsmerlin.github.io/Pumpskin/)
Ce dépôt contient donc un ensemble de fichiers et dossier organisés et qui permettront de donner un aperçu du framework CSS/SCSS dont il est question. Vous trouverez ci-dessous sa structure et comment l'installer.
Installation
============
Placez ce code à la bonne place dans votre HTML ;
```
```
Et éventuellement les dépendances* si vous souhaitez vous en servir.
Structure
=========
js
---
vendor : 2 librairies externes* non obligatoire & jQuery, (obligatoire)
+ jQuery : pour écrire plus facilement le Javascript : https://jquery.com/
+ beerSlider : qui permet de réaliser un "avant-après" -> https://github.com/pehaa/beerslider
+ SlickSlider : pour la mise en place de sliders -> https://kenwheeler.github.io/slick/
et 3 fichiers JS différents
+ filter.js : le filtre du blog
+ map.js : la config de la GoogleMap
+ main.js : la config générale
style
-----
+ css : les fichiers compilés
+ vendor
+ styles des librairies externes précitées (beerSlider & SlickSlider)
+ reset css : afin de mettre à zéro les styles HTML par défaut : -> https://meyerweb.com/eric/tools/css/reset/
+ scss
+ pumpskin : le framework en question et que je divise en trois catégories qui parlent d'elles-mêmes
+ base (Où vous trouverez les variables, le style de base de la typo & les mixins)
+ elements (les éléments HTML construisant le template d'exemple)
+ position (Le positionnement et la taille des éléments. C'est aussi là que vous trouverez les propriétés des flex-boxes)
+ theme
+ my_theme: c'est ici qu'il est possible de customiser votre propre thème