Skip to content

Ready to use default style sheet that contains default styles, positioning, responsiveness, normalizing, and rapid whole site style changes via CSS variables, all by CDN import.

Notifications You must be signed in to change notification settings

Bijikyu/coreCSS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

61 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

coreCSS

This is a ready to use default style sheet that contains default styles which look nice for most elements in html, allowing you to start any app with it not looking bald and terrible.

Also includes...

  • The features from normalize CSS to make sure that your site will be more universally the same across browsers
  • Class name based positioning attributes for flexbox (row, col, center, centerAlign, and so on) & width (col50, col80, etc, for 50% & 80% respectively), and grid (grid, grid3, etc upt to grid6)
  • It also has some basic built in CSS animations
  • Default media queries to make elements responsive to any screen size
  • A variables.css style sheet template which allows you to stylistically change a whole page by just changing the values of the variables (for instance, the corners of a card, buttons, and other square elements have the corner radius set with the same variables - change the "roundedness" of all corners on your site with one variable change). The imported core.css has it's css properties set off of these variables. This goes for many things in the theme, allowing the creation of multiple sites with different pallettes and styles to be a quick operation.
  • Lastly the demo html page contains links to a minified free icon set which comes in a default color (LightSeaGreen). This icon set can be changed to fit any color/brightness/contrast scheme using the values in the CSS --set-adjustments variable.

This is used via the github based CDN https://www.jsdelivr.com

Import via CDN in the head of your html as:

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/Bijikyu/coreCSS/core.css">

Minified version:

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/Bijikyu/coreCSS/core.min.css">

Copy variables.css into your local css stylesheet and change values as you like.

Buy me a Coffee (Please)

About

Ready to use default style sheet that contains default styles, positioning, responsiveness, normalizing, and rapid whole site style changes via CSS variables, all by CDN import.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published