https://github.com/amastaneh/mixins.helper

LESS simple, light & useful library - LESS کتابخانه ساده، سبک و کاربردی
https://github.com/amastaneh/mixins.helper

css css3 less less-plugin mixins visual-studio

Last synced: 2 months ago
JSON representation

LESS simple, light & useful library - LESS کتابخانه ساده، سبک و کاربردی

• Host: GitHub
• URL: https://github.com/amastaneh/mixins.helper
• Owner: amastaneh
• Created: 2015-02-26T10:56:14.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2017-08-11T20:31:19.000Z (over 7 years ago)
• Last Synced: 2024-08-07T18:13:32.254Z (6 months ago)
• Topics: css, css3, less, less-plugin, mixins, visual-studio
• Language: CSS
• Homepage:
• Size: 55.7 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Mixins.Helper

[![Codacy Badge](https://api.codacy.com/project/badge/Grade/6426dc49a74c4bedaa90fcb09d7a7575)](https://www.codacy.com/app/amastaneh/Mixins-Helper?utm_source=github.com&utm_medium=referral&utm_content=webdesigniran/Mixins.Helper&utm_campaign=Badge_Grade)

Mixins.Helper is a basic and useful collection of **Less Mixins Functions** that are used to redeuce the work needed to apply styling to elements and cross-browser CSS compatibility. Mixins.Helper comes with a visual studio and microsoft friendly NuGet package.

##  Get Started (with Visual Studio)

####Step 1

Add [Mixins.Helper NuGet](https://www.nuget.org/packages/Mixins.Helper/) to your project

    PM> Install-Package Mixins.Helper

####Step 2

Import Mixins.Helper with this line in top of your less

    @import "mixins.helper.less";

    

####Step 3

After press `.` you can find out your Mixins from Visual Studio intelliSense box.

##  Documentation

Sample of Mixins Helper

01. [.left](#)

02. [.right](#)

03. [.center](#)

04. [.fullscreen](#)

05. [.hide()](#)

06. [.edge-less](#)

07. [.no-select](#)

08. [.border-radius(radius)](#)

09. [.border-radiuses (topright, bottomright, bottomleft, topleft)](#)

10. [.text-overflow(type)](#)

11. [.truncate](#)

12. [.text-shadow (shadow)](#)

13. [.box-shadow(shadow)](#)

14. [.drop-shadow (x, y, blur, spread, alpha)](#)

15. [.inner-shadow (x, y, blur, spread, alpha)](#)

16. [.box-sizing (type)](#)

17. [.opacity (opacity)](#)

18. [.gradient (startColor, endColor)](#)

19. [.horizontal-gradient (startColor, endColor)](#)

20. [.animation (name, duration, delay, ease)](#)

21. [.transition (prop, time, ease)](#)

22. [.rotate (deg)](#)

23. [.scale (factor)](#)

24. [.skew (deg1, deg2)](#)

25. [.translate (x, y)](#)

26. [.translate3d (x, y, z)](#)

27. [.perspective (value)](#)

28. [.transform-origin (x, y)](#)

and more...

##  License

This project is dedicated to public and is free for all uses, commercial or otherwise.

Supported by [Web Design Iran](http://webdesigniran.com)