Skip to content

apainintheneck/sta.css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

74 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

What is sta.css?

It is a small, simple CSS framework that allows you to build clean looking webpages with low effort. It is great for making tutorials and other simple static websites. Learn more about it on the project website and look at the documentation in the project wiki.

Features:

  • Custom buttons.
  • Custom containers(.box and .media).
  • Custom <code> tags.
  • Custom nav and footer.
  • Default theme.
  • 3 basic custom themes(purple, green, blue).
  • Customizable themes using the config-sta.css file.

To Do:

  • Fix content alignment issues after <details> tag is clicked when content is not in a container.
  • Add default colors.
  • Style <input> tags.
  • Add full width media inside boxes.
  • Style default <hr> tags.
  • Add fixed link bars and buttons for navigation, social media, buttons, etc.
  • Add fixed headers and footers.
  • Create custom tables.
  • Create custom lists(ul and ol).
  • Create alerts.
  • Create tags or badges(e.g. non-clickable buttons).
  • Find out how to merge only certain files between gh-pages and main branches(might be able to use .gitignore for this purpose).
  • Find out how to change CSS @import statement in the sta.css file to allow multiple different config-sta.css files to be changed to allow themes to be tried in realtime.
  • Add the ability to zoom when images are clicked with only CSS.
  • Add modals with only CSS.

License: MIT