Сообщение от Maxmaxmaximus7
|
Мне еще и это говно форкать надо будет и переделывать?
|
Префиксы это задачи отдельного инструмента типа
nib
Ну или юзать
Styl
Можно и самому за час накидал эти миксины:
// -*- coding: utf-8 indent-tabs-mode: nil tab-width: 4 c-basic-offset: 4 -*-
// ::selection
/*
+selection((moz webkit)) {
color red
}
*/
selection(vendors)
for vendor in vendors
input::-{vendor}-selection
{block}
input::selection
{block}
vendor-property(property, value, vendors)
for vendor in vendors
-{vendor}-{property} value
{property} value
// transform
transform(value...)
vendor-property('transform', value, (webkit moz o ms))
transform-origin(value...)
vendor-property('transform-origin', value, (webkit moz o ms))
transform-style(value...)
vendor-property('transform-style', value, (webkit moz))
// transition
transition(value...)
vendor-property('transition', value, (webkit moz o))
transition-delay(value...)
vendor-property('transition-delay', value, (webkit moz o))
transition-duration(value...)
vendor-property('transition-duration', value, (webkit moz o))
transition-property(value...)
vendor-property('transition-property', value, (webkit moz o))
transition-timing-function(value...)
vendor-property('transition-timing-function', value, (webkit moz o))
// animation
animation-name(value...)
vendor-property('animation-name', value, (webkit moz o ms))
animation-duration(value...)
vendor-property('animation-duration', value, (webkit moz o ms))
animation-timing-function(value...)
vendor-property('animation-timing-function', value, (webkit moz o ms))
animation-delay(value...)
vendor-property('animation-delay', value, (webkit moz o ms))
animation-iteration-count(value...)
vendor-property('animation-iteration-count', value, (webkit moz o ms))
animation-fill-mode(value...)
vendor-property('animation-fill-mode', value, (webkit moz o ms))
animation-direction(value...)
vendor-property('animation-direction', value, (webkit moz o ms))
animation-play-state(value...)
vendor-property('animation-play-state', value, (webkit moz o ms))
// perspective
perspective(value...)
vendor('perspective', value, (webkit moz))
perspective-origin(value...)
vendor('perspective-origin', value, (webkit moz))
backface-visibility(value...)
vendor('backface-visibility', value, (webkit moz))
background-size(value...)
vendor-property('background-size', value, (webkit moz o))
// border
border-radius(value...)
vendor-property('border-radius', value, (webkit moz))
border-bottom-left-radius(value...)
vendor-property('border-bottom-left-radius', value, (webkit moz))
border-bottom-right-radius(value...)
vendor-property('border-bottom-right-radius', value, (webkit moz))
border-top-left-radius(value...)
vendor-property('border-top-left-radius', value, (webkit moz))
border-top-right-radius(value...)
vendor-property('border-top-right-radius', value, (webkit moz))
// box
box-sizing(value...)
vendor-property('box-sizing', value, (webkit moz))
box-shadow(value...)
vendor-property('box-shadow', value, (webkit moz))
user-select(value...)
vendor-property('user-select', value, (webkit moz ms))
text-shadow(value...)
text-shadow value
text-overflow(value...)
vendor-property('text-overflow', value, (o))
font-smoothing(value...)
vendor-property('font-smoothing', value, (webkit))
appearance(value...)
vendor-property('appearance', value, (webkit moz))
opacity(opacity)
-ms-filter 'progid:DXImageTransform.Microsoft.Alpha(%d)' % (opacity * 100)
opacity opacity
gradient-to-top(value, multiple = 'none')
background-image: -webkit-linear-gradient(bottom, split-value(value)), unquote(multiple)
background-image: -moz-linear-gradient(bottom, split-value(value)), unquote(multiple)
background-image: -o-linear-gradient(bottom, split-value(value)), unquote(multiple)
background-image: -ms-linear-gradient(bottom, split-value(value)), unquote(multiple)
background-image: linear-gradient(to top, split-value(value)), unquote(multiple)
gradient-to-bottom(value, multiple = 'none')
background-image: -webkit-linear-gradient(top, split-value(value)), unquote(multiple)
background-image: -moz-linear-gradient(top, split-value(value)), unquote(multiple)
background-image: -o-linear-gradient(top, split-value(value)), unquote(multiple)
background-image: -ms-linear-gradient(top, split-value(value)), unquote(multiple)
background-image: linear-gradient(to bottom, split-value(value)), unquote(multiple)
gradient-top-bottom-rgba(start, end)
background-color: end
background-image: -webkit-gradient(linear, left top, left bottom, from(start), to(end))
background-image: -webkit-linear-gradient(top, start, end)
background-image: -moz-linear-gradient(top, start, end)
background-image: -ms-linear-gradient(top, start, end)
background-image: -o-linear-gradient(top, start, end)
background-image: linear-gradient(to bottom, start, end)
gradient-top-bottom-rgba-without-bg(start, end)
background-image: -webkit-gradient(linear, left top, left bottom, from(start), to(end))
background-image: -webkit-linear-gradient(top, start, end)
background-image: -moz-linear-gradient(top, start, end)
background-image: -ms-linear-gradient(top, start, end)
background-image: -o-linear-gradient(top, start, end)
background-image: linear-gradient(to bottom, start, end)
gradient-top-bottom(start, end)
gradient-top-bottom-rgba(start, end)
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=%s, endColorstr=%s)' % (start end)