Skip to content

KyleFontenot/Forten

Repository files navigation

Forten CSS Framework

Featuring:

  • Small file size (~15KB!)
  • SCSS foundation and user-friendly variables
  • Flexbox-based system that is lighter than Bootstrap
  • B.E.M. class-naming scheme
  • Semi-flat, semi-skeueomorphic design aesthetics
  • Optional Javascript functionality

Version: 0.2.3 September 24, 2020

Todo:

Pre 1.0

  • For button styling, add {cursor:pointer;}?
  • Add dashes to scss styling to be able to select pieces of the name really easily.
  • Fill in all HTML elements for the whole document
    • buttons
    • input
    • .block
    • .hero
    • aside
    • table
  • Organize sections of the index.html into sections
    • Typography
    • Layout
    • Flexbox and Grid
    • Forms
    • Annotations
  • Add tags and versioning systems
  • Make a bootstrap-like "column-m-30" scheme while mobile layouts.
    • .row
    • all .column sizes
  • Make a CDN option for font downloads as to not host font files.
  • Design a nav system. Only CSS preferably.
  • Make a max-width layout option that considers an aside.
  • Make an option for easily choosing between color swatches for forms
  • Make a wrapper element and logical mixins accordingly
  • Fill in information on augment classes
  • Add comment styling for _options.scss file for upfront streamlined options
  • Make the framework deliverable, create a start index.html, publish on Github - [x] style according to HTML5 section tags - [ ] Added section stylings attached to .container

Post 1.0 (Mainly Javascript)

  • add a dark mode switching function. Maybe automagically.
  • add css-based icons.
  • add input[range] value indicator
  • Make a way to display a file tree for demonstrating special structures like when a parent div class must have specific children

© Kyle Fontenot 2020

About

Super lightweight proprietary CSS framework based on SCSS, B.E.M., and Flexbox

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published