[Pkg-javascript-commits] [less-elements.js] 01/02: Imported Upstream version 0.0~git20130115.0.191754c
Alexandre Viau
aviau at moszumanska.debian.org
Tue Jan 5 22:30:37 UTC 2016
This is an automated email from the git hooks/post-receive script.
aviau pushed a commit to branch master
in repository less-elements.js.
commit a7e21645951469167dd8543d109d7d6349425fdd
Author: aviau <alexandre at alexandreviau.net>
Date: Tue Jan 5 17:19:59 2016 -0500
Imported Upstream version 0.0~git20130115.0.191754c
---
README.md | 17 +++++++
elements.less | 156 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 173 insertions(+)
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..19b8f35
--- /dev/null
+++ b/README.md
@@ -0,0 +1,17 @@
+LESS Elements
+=============
+
+A set of useful mixins for LESS, the CSS pre-processor: <http://lesscss.org>
+
+More information and usage examples over at: <http://lesselements.com>
+
+Examples page of all the mixins here: <http://lesselements.com/tests>
+
+Oreolek has a good fork with the mixins organized under namespaces here: https://github.com/Oreolek/elements
+I recommend going with that if you use other frameworks like Bootstrap to avoid clashes.
+
+TextMate bundle: <https://github.com/juanghurtado/less-elements.tmbundle>
+
+Ruby gem to work with Rails: <https://github.com/krasnoukhov/lesselements-rails>
+
+License: This work is dedicated to the public domain and is free for all uses, commercial or otherwise. No form of credit required.
\ No newline at end of file
diff --git a/elements.less b/elements.less
new file mode 100644
index 0000000..9e45973
--- /dev/null
+++ b/elements.less
@@ -0,0 +1,156 @@
+/*---------------------------------------------------
+ LESS Elements 0.9
+ ---------------------------------------------------
+ A set of useful LESS mixins
+ More info at: http://lesselements.com
+ ---------------------------------------------------*/
+
+.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
+ background: @color;
+ background: -webkit-gradient(linear,
+ left bottom,
+ left top,
+ color-stop(0, @start),
+ color-stop(1, @stop));
+ background: -ms-linear-gradient(bottom,
+ @start,
+ @stop);
+ background: -moz-linear-gradient(center bottom,
+ @start 0%,
+ @stop 100%);
+ background: -o-linear-gradient(@stop,
+ @start);
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", at stop, at start));
+}
+.bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255) {
+ background: @color;
+ background: -webkit-gradient(linear,
+ left bottom,
+ left top,
+ color-stop(0, rgb(@start, at start, at start)),
+ color-stop(1, rgb(@stop, at stop, at stop)));
+ background: -ms-linear-gradient(bottom,
+ rgb(@start, at start, at start) 0%,
+ rgb(@stop, at stop, at stop) 100%);
+ background: -moz-linear-gradient(center bottom,
+ rgb(@start, at start, at start) 0%,
+ rgb(@stop, at stop, at stop) 100%);
+ background: -o-linear-gradient(rgb(@stop, at stop, at stop),
+ rgb(@start, at start, at start));
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",rgb(@stop, at stop, at stop),rgb(@start, at start, at start)));
+}
+.bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE) {
+ border-top: solid 1px @top-color;
+ border-left: solid 1px @left-color;
+ border-right: solid 1px @right-color;
+ border-bottom: solid 1px @bottom-color;
+}
+.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) {
+ -webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+ -moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+ box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+}
+.rounded(@radius: 2px) {
+ -webkit-border-radius: @radius;
+ -moz-border-radius: @radius;
+ border-radius: @radius;
+}
+.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
+ -webkit-border-top-right-radius: @topright;
+ -webkit-border-bottom-right-radius: @bottomright;
+ -webkit-border-bottom-left-radius: @bottomleft;
+ -webkit-border-top-left-radius: @topleft;
+ -moz-border-radius-topright: @topright;
+ -moz-border-radius-bottomright: @bottomright;
+ -moz-border-radius-bottomleft: @bottomleft;
+ -moz-border-radius-topleft: @topleft;
+ border-top-right-radius: @topright;
+ border-bottom-right-radius: @bottomright;
+ border-bottom-left-radius: @bottomleft;
+ border-top-left-radius: @topleft;
+ .background-clip(padding-box);
+}
+.opacity(@opacity: 0.5) {
+ -moz-opacity: @opacity;
+ -khtml-opacity: @opacity;
+ -webkit-opacity: @opacity;
+ opacity: @opacity;
+ @opperc: @opacity * 100;
+ -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})";
+ filter: ~"alpha(opacity=@{opperc})";
+}
+.transition-duration(@duration: 0.2s) {
+ -moz-transition-duration: @duration;
+ -webkit-transition-duration: @duration;
+ -o-transition-duration: @duration;
+ transition-duration: @duration;
+}
+.transform(...) {
+ -webkit-transform: @arguments;
+ -moz-transform: @arguments;
+ -o-transform: @arguments;
+ -ms-transform: @arguments;
+ transform: @arguments;
+}
+.rotation(@deg:5deg){
+ .transform(rotate(@deg));
+}
+.scale(@ratio:1.5){
+ .transform(scale(@ratio));
+}
+.transition(@duration:0.2s, @ease:ease-out) {
+ -webkit-transition: all @duration @ease;
+ -moz-transition: all @duration @ease;
+ -o-transition: all @duration @ease;
+ transition: all @duration @ease;
+}
+.inner-shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) {
+ -webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
+ -moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
+ box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
+}
+.box-shadow(@arguments) {
+ -webkit-box-shadow: @arguments;
+ -moz-box-shadow: @arguments;
+ box-shadow: @arguments;
+}
+.box-sizing(@sizing: border-box) {
+ -ms-box-sizing: @sizing;
+ -moz-box-sizing: @sizing;
+ -webkit-box-sizing: @sizing;
+ box-sizing: @sizing;
+}
+.user-select(@argument: none) {
+ -webkit-user-select: @argument;
+ -moz-user-select: @argument;
+ -ms-user-select: @argument;
+ user-select: @argument;
+}
+.columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px) {
+ -moz-column-width: @colwidth;
+ -moz-column-count: @colcount;
+ -moz-column-gap: @colgap;
+ -moz-column-rule-color: @columnRuleColor;
+ -moz-column-rule-style: @columnRuleStyle;
+ -moz-column-rule-width: @columnRuleWidth;
+ -webkit-column-width: @colwidth;
+ -webkit-column-count: @colcount;
+ -webkit-column-gap: @colgap;
+ -webkit-column-rule-color: @columnRuleColor;
+ -webkit-column-rule-style: @columnRuleStyle;
+ -webkit-column-rule-width: @columnRuleWidth;
+ column-width: @colwidth;
+ column-count: @colcount;
+ column-gap: @colgap;
+ column-rule-color: @columnRuleColor;
+ column-rule-style: @columnRuleStyle;
+ column-rule-width: @columnRuleWidth;
+}
+.translate(@x:0, @y:0) {
+ .transform(translate(@x, @y));
+}
+.background-clip(@argument: padding-box) {
+ -moz-background-clip: @argument;
+ -webkit-background-clip: @argument;
+ background-clip: @argument;
+}
\ No newline at end of file
--
Alioth's /usr/local/bin/git-commit-notice on /srv/git.debian.org/git/pkg-javascript/less-elements.js.git
More information about the Pkg-javascript-commits
mailing list