Repository navigation
BoxKit v0.1-pre-alpha preview
Pre-release
Pre-release
·
20 commits
to main
since this release
The first release of the BoxKit framework/stylesheet! Still don't know what to identify this thing as what, but hey, if your website needs a stylesheet that provides boxes (and if it has a good server and caching system, otherwise bye bye bandwidth, since this is the uncompressed, unminifed version), here you go!
What's new?
The list below is collapsed automatically if the size of the list is large
The list below contains all available classes in the stylesheet
Click to expand
.box
.round (defaults to 5px)
.round-10px
.round-15px
.round-20px
.round-30px
.background-blue
.background-red
.background-green
.background-yellow
.background-pink
.background-purple
.background-turqoise
.shadow-1
.shadow-3
.shadow-5
.shadow-10
.shadow-15
.shadow-20
.triangle
.circle
.padding (defaults to 5px)
.padding-10px
.padding-15px
.padding-20px
.padding-30px
.padding-50px
.padding-left
.padding-left-10px
.padding-left-15px
.padding-left-20px
.padding-left-30px
.padding-left-50px
.padding-top
.padding-top-10px
.padding-top-15px
.padding-top-20px
.padding-top-30px
.padding-top-50px
.padding-right
.padding-right-10px
.padding-right-15px
.padding-right-20px
.padding-right-30px
.padding-right-50px
.padding-bottom
.padding-bottom-10px
.padding-bottom-15px
.padding-bottom-20px
.padding-bottom-30px
.padding-bottom-50px
.margin (defaults to 5px)
.margin-10px
.margin-15px
.margin-20px
.margin-30px
.margin-50px
.margin-left
.margin-left-10px
.margin-left-15px
.margin-left-20px
.margin-left-30px
.margin-left-50px
.margin-top
.margin-top-10px
.margin-top-15px
.margin-top-20px
.margin-top-30px
.margin-top-50px
.margin-right
.margin-right-10px
.margin-right-15px
.margin-right-20px
.margin-right-30px
.margin-right-50px
.margin-bottom
.margin-bottom-10px
.margin-bottom-15px
.margin-bottom-20px
.margin-bottom-30px
.margin-bottom-50px
.border-color-blue
.border-red
.border-green
.border-yellow
.border-pink
.border-purple
.border-turqoise
.header-1
.header-2If you have any issues, create a new issue ticket at GitHub, or if you know what's wrong, create a new pull request!