Показать сообщение отдельно
  #18 (permalink)  
Старый 08.01.2014, 22:50
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Сообщение от 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)

Последний раз редактировалось monolithed, 08.01.2014 в 22:53.
Ответить с цитированием