cahnory

Less CSS3

Nov 29th, 2012
145
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.04 KB | None | 0 0
  1. /**
  2.  *
  3.  * .animation(@value)
  4.  *
  5.  * .background-size(@value)
  6.  *
  7.  * .border             -image(@value)
  8.  * .border-top         -image(@value)
  9.  * .border-right       -image(@value)
  10.  * .border-bottom      -image(@value)
  11.  * .border-left        -image(@value)
  12.  * .border-corner      -image(@value)
  13.  * .border-top-left    -image(@value)
  14.  * .border-top-right   -image(@value)
  15.  * .border-bottom-left -image(@value)
  16.  * .border-bottom-right-image(@value)
  17.  *
  18.  * .border-radius(@value)
  19.  *
  20.  * .box-shadow(@value)
  21.  *
  22.  * .box-sizing(@value)
  23.  *
  24.  * .column-count(@value)
  25.  *
  26.  * .column-gap(@value)
  27.  *
  28.  * .linear-gradient(              @from, @to)  to bottom
  29.  * .linear-gradient(top,          @from, @to)  to top
  30.  * .linear-gradient(top-right,    @from, @to)  to top-right
  31.  * .linear-gradient(right,        @from, @to)  to right
  32.  * .linear-gradient(bottom-right, @from, @to)  to bottom-right
  33.  * .linear-gradient(bottom,       @from, @to)  to bottom
  34.  * .linear-gradient(bottom-left,  @from, @to)  to bottom-left
  35.  * .linear-gradient(left,         @from, @to)  to left
  36.  * .linear-gradient(top-left,     @from, @to)  to top-left
  37.  *
  38.  * .tab-size(@value)
  39.  *
  40.  * .transform(@value)
  41.  *
  42.  * .transition(@value)
  43.  *
  44.  */
  45.  
  46. /* !animation */
  47. .animation(@value) {
  48.   -webkit-animation: @value;
  49.      -moz-animation: @value;
  50.        -o-animation: @value;
  51.           animation: @value;
  52. }
  53.  
  54. /* !background-size */
  55. .background-size(@value) {
  56.   -webkit-background-size: @value;
  57.           background-size: @value;
  58. }
  59.  
  60. /* !border-image */
  61. .border-image(@value) {
  62.   -webkit-border-image: @value;
  63.      -moz-border-image: @value;
  64.        -o-border-image: @value;
  65.           border-image: @value;
  66. }
  67.  
  68. .border-top-image(@value) {
  69.   -webkit-border-top-image: @value;
  70.      -moz-border-top-image: @value;
  71.        -o-border-top-image: @value;
  72.           border-top-image: @value;
  73. }
  74.  
  75. .border-right-image(@value) {
  76.   -webkit-border-right-image: @value;
  77.      -moz-border-right-image: @value;
  78.        -o-border-right-image: @value;
  79.           border-right-image: @value;
  80. }
  81.  
  82. .border-bottom-image(@value) {
  83.   -webkit-border-bottom-image: @value;
  84.      -moz-border-bottom-image: @value;
  85.        -o-border-bottom-image: @value;
  86.           border-bottom-image: @value;
  87. }
  88.  
  89. .border-left-image(@value) {
  90.   -webkit-border-left-image: @value;
  91.      -moz-border-left-image: @value;
  92.        -o-border-left-image: @value;
  93.           border-left-image: @value;
  94. }
  95.  
  96. .border-corner-image:(@value) {
  97.   -webkit-border-corner-image: @value;
  98.      -moz-border-corner-image: @value;
  99.        -o-border-corner-image: @value;
  100.           border-corner-image: @value;
  101. }
  102.  
  103. .border-top-left-image(@value) {
  104.   -webkit-border-top-left-image: @value;
  105.      -moz-border-top-left-image: @value;
  106.        -o-border-top-left-image: @value;
  107.           border-top-left-image: @value;
  108. }
  109.  
  110. .border-top-right-image(@value) {
  111.   -webkit-border-top-right-image: @value;
  112.      -moz-border-top-right-image: @value;
  113.        -o-border-top-right-image: @value;
  114.           border-top-right-image: @value;
  115. }
  116.  
  117. .border-bottom-left-image(@value) {
  118.   -webkit-border-bottom-left-image: @value;
  119.      -moz-border-bottom-left-image: @value;
  120.        -o-border-bottom-left-image: @value;
  121.           border-bottom-left-image: @value;
  122. }
  123.  
  124. .border-bottom-right-image(@value) {
  125.   -webkit-border-bottom-right-image: @value;
  126.      -moz-border-bottom-right-image: @value;
  127.        -o-border-bottom-right-image: @value;
  128.           border-bottom-right-image: @value;
  129. }
  130.  
  131. /* !border-radius */
  132. .border-radius(@value) {
  133.   -webkit-border-radius: @value;
  134.      -moz-border-radius: @value;
  135.           border-radius: @value;
  136. }
  137.  
  138. /* !box-shadow */
  139. .box-shadow(@value) {
  140.   -webkit-box-shadow: @value;
  141.      -moz-box-shadow: @value;
  142.           box-shadow: @value;
  143. }
  144.  
  145. /* !box-sizing */
  146. .box-sizing(@value) {
  147.   -webkit-box-sizing: @value;
  148.      -moz-box-sizing: @value;
  149.           box-sizing: @value;
  150. }
  151.  
  152. /* !column-count */
  153. .column-count(@value) {
  154.   -webkit-column-count: @value;
  155.      -moz-column-count: @value;
  156.           column-count: @value;
  157. }
  158.  
  159. /* !column-gap */
  160. .column-gap(@value) {
  161.   -webkit-column-gap: @value;
  162.      -moz-column-gap: @value;
  163.           column-gap: @value;
  164. }
  165.  
  166. /* !linear-gradient */
  167. .linear-gradient(private, @from, @to, @a, @b, @c, @d) {
  168.   background: -webkit-gradient(linear, @a, @b, color-stop(0%,@from), color-stop(100%, @to));
  169.   background: -webkit-linear-gradient(@c,       @from 0%, @to 100%);
  170.   background:    -moz-linear-gradient(@c,       @from 0%, @to 100%);
  171.   background:     -ms-linear-gradient(@c,       @from 0%, @to 100%);
  172.   background:      -o-linear-gradient(@c,       @from 0%, @to 100%);
  173.   background:         linear-gradient(@d, @from 0%, @to 100%);
  174. }
  175. .linear-gradient(@from, @to) {
  176.   .linear-gradient(bottom, @from, @to);
  177. }
  178. .linear-gradient(bottom, @from, @to) {
  179.   .linear-gradient(private, @from, @to, left top, left bottom, top, to bottom);
  180. }
  181. .linear-gradient(right, @from, @to) {
  182.   .linear-gradient(private, @from, @to, left top, right top, left, to right);
  183. }
  184. .linear-gradient(bottom-right, @from, @to) {
  185.   .linear-gradient(private, @from, @to, left top, right bottom, -45deg, 135deg);
  186. }
  187. .linear-gradient(top-right, @from, @to) {
  188.   .linear-gradient(private, @from, @to, left bottom, right top, 45deg, 45deg);
  189. }
  190. .linear-gradient(top-left, @from, @to) {
  191.   .linear-gradient(bottom-right, @to, @from);
  192. }
  193. .linear-gradient(bottom-left, @from, @to) {
  194.   .linear-gradient(top-right, @to, @from);
  195. }
  196. .linear-gradient(left, @from, @to) {
  197.   .linear-gradient(right, @to, @from);
  198. }
  199. .linear-gradient(top, @from, @to) {
  200.   .linear-gradient(bottom, @to, @from);
  201. }
  202.  
  203. /* !tab-size */
  204. .tab-size(@value) {
  205.   -moz-tab-size: @value;
  206.     -o-tab-size: @value;
  207.        tab-size: @value;
  208. }
  209.  
  210. /* !transform */
  211. .transform(@value) {
  212.   -webkit-transform: @value;
  213.      -moz-transform: @value;
  214.       -ms-transform: @value;
  215.        -o-transform: @value;
  216.           transform: @value;
  217. }
  218. .transform-origin(@value) {
  219.   -webkit-transform-origin: @value;
  220.      -moz-transform-origin: @value;
  221.       -ms-transform-origin: @value;
  222.        -o-transform-origin: @value;
  223.           transform-origin: @value;
  224. }
  225.  
  226. /* !transition */
  227. .transition(@value) {
  228.   -webkit-transition: @value;
  229.      -moz-transition: @value;
  230.        -o-transition: @value;
  231.           transition: @value;
  232. }
  233. .transition-delay(@value) {
  234.   -webkit-transition-delay: @value;
  235.      -moz-transition-delay: @value;
  236.        -o-transition-delay: @value;
  237.           transition-delay: @value;
  238. }
  239. .transition-duration(@value) {
  240.   -webkit-transition-duration: @value;
  241.      -moz-transition-duration: @value;
  242.        -o-transition-duration: @value;
  243.           transition-duration: @value;
  244. }
  245. .transition-property(@value) {
  246.   -webkit-transition-property: @value;
  247.      -moz-transition-property: @value;
  248.        -o-transition-property: @value;
  249.           transition-property: @value;
  250. }
  251. .transition-timing-function(@value) {
  252.   -webkit-transition-timing-function: @value;
  253.      -moz-transition-timing-function: @value;
  254.        -o-transition-timing-function: @value;
  255.           transition-timing-function: @value;
  256. }
Advertisement
Add Comment
Please, Sign In to add comment