CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
mixins
.gitattributes
.gitignore
LICENSE
README.md
style.less
variables.less

README.md

LESS Boilerplate

Simple LESS mixins library

Folder structure

less-boilerplate
  β”œβ”€β”€ mixins
  β”‚  β”œβ”€β”€ utilities.less.....................utility functions such as clearfix()
  β”‚  └── vendor-prefixes.less...............all about vendor prefix such as border-radius, transition
  β”œβ”€β”€ style.less............................main stylesheet
  β”œβ”€β”€ variables.less........................all variables
  β”œβ”€β”€ CHANGELOG.MD
  └── README.md

Featured list

Future updates

  • usage document

Mixins

utilities.less

  • BORDER
  • GRADIENT
  • CLEARFIX
  • UTILITIES
    • text-hide (image replacement)
    • size
    • square
    • overflow-hidden
    • overflow-visible
    • size
    • circle
    • padding-none (padding 0)
    • margin-none (margin 0)
    • border-none
    • border-radius-none
    • transition-none (transition none)
    • print-none (display none on media print)
    • text-overflow
    • font-face (e.g. #font > .font-face)
    • content-columns
    • opacity
    • resizable

vendor-prefixes.less

  • BORDER-RADIUS
  • ZOOM-IN
  • ANIMATIONS
  • BACKFACE-VISIBILITY
  • BOX-SIZING
  • BOX-SHADOW
  • TEXT-SHADOW
  • TEXT-SIZE-ADJUST
  • PLACEHOLDER
  • TRANSFORM
  • TRANSITION
  • USER-SELECT
  • HYPHENS
  • OPACITY
  • FILTER
  • BACKGROUND
  • APPEARANCE
  • TAB-SIZE
  • WORD-BREAK
  • POINTER-EVENTS

style.less

  • GENERAL
  • HEADER
  • CONTENT
  • FOOTER
  • VENDOR

variable.less

  • COLOR
    • gray (many levels of gray)
    • scheme (color scheme)
    • general (e.g. bg, text, link color)
  • FONT
  • BORDER
  • SCREEN
  • CUSTOM

Thanks