5833-safari-tests – Impreza Dev Demo

Ряд 1

Pattern — узор (остальное по умолчанию)

us_bg_pattern = dots
us_bg_pattern_color = rgba(0,0,0,0.35)

Ряд 2

Pattern — узор (остальное по умолчанию)

us_bg_pattern = grid
us_bg_pattern_color = rgba(0,0,0,0.35)

Ряд 3

Pattern — узор (остальное по умолчанию)

us_bg_pattern = crosses
us_bg_pattern_color = rgba(0,0,0,0.35)

Ряд 4

Pattern — узор (остальное по умолчанию)

us_bg_pattern = diagonal-lines
us_bg_pattern_color = rgba(0,0,0,0.35)

Ряд 5

Pattern — узор (остальное по умолчанию)

us_bg_pattern = zigzag
us_bg_pattern_color = rgba(0,0,0,0.35)

Ряд 6

Pattern — узор (остальное по умолчанию)

us_bg_pattern = waves
us_bg_pattern_color = rgba(0,0,0,0.35)

Ряд 7

Pattern — узор (остальное по умолчанию)

us_bg_pattern = triangles
us_bg_pattern_color = rgba(0,0,0,0.35)

Ряд 8

Pattern — узор (остальное по умолчанию)

us_bg_pattern = circles
us_bg_pattern_color = rgba(0,0,0,0.35)

Ряд 9

Pattern — узор (остальное по умолчанию)

us_bg_pattern = mosaic
us_bg_pattern_color = rgba(0,0,0,0.35)

Ряд 10

Pattern — узор (остальное по умолчанию)

us_bg_pattern = harlequin
us_bg_pattern_color = rgba(0,0,0,0.35)

Ряд 11

Pattern — узор (остальное по умолчанию)

us_bg_pattern = diamonds
us_bg_pattern_color = rgba(0,0,0,0.35)

Ряд 12

Pattern — узор (остальное по умолчанию)

us_bg_pattern = honeycomb
us_bg_pattern_color = rgba(0,0,0,0.35)

Ряд 13

Pattern — узор (остальное по умолчанию)

us_bg_pattern = cubes
us_bg_pattern_color = rgba(0,0,0,0.35)

Ряд 14

Pattern — узор (остальное по умолчанию)

us_bg_pattern = cubes-solid
us_bg_pattern_color = rgba(0,0,0,0.35)

Ряд 15

Pattern — узор (остальное по умолчанию)

us_bg_pattern = tripods
us_bg_pattern_color = rgba(0,0,0,0.35)

Ряд 16

Pattern — цвет

us_bg_pattern = crosses
us_bg_pattern_color = #e91e63

Ряд 17

Pattern — цвет

us_bg_pattern = crosses
us_bg_pattern_color = rgba(0,120,255,0.5)

Ряд 18

Pattern — цвет

us_bg_pattern = crosses
us_bg_pattern_color = _content_primary

Ряд 19

Pattern — цвет

us_bg_pattern = crosses
us_bg_pattern_color = linear-gradient(135deg,#ff0066,#0066ff)

Ряд 20

Pattern — масштаб

us_bg_pattern = honeycomb
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_scale = 0.5

Ряд 21

Pattern — масштаб

us_bg_pattern = honeycomb
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_scale = 1.5

Ряд 22

Pattern — масштаб

us_bg_pattern = honeycomb
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_scale = 2

Ряд 23

Pattern — масштаб

us_bg_pattern = honeycomb
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_scale = 2.5

Ряд 24

Pattern — масштаб

us_bg_pattern = honeycomb
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_scale = 3

Ряд 25

Pattern — масштаб

us_bg_pattern = honeycomb
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_scale = 3.5

Ряд 26

Pattern — масштаб

us_bg_pattern = honeycomb
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_scale = 4

Ряд 27

Pattern — поворот

us_bg_pattern = grid
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_rotate = 15deg

Ряд 28

Pattern — поворот

us_bg_pattern = grid
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_rotate = 30deg

Ряд 29

Pattern — поворот

us_bg_pattern = grid
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_rotate = 45deg

Ряд 30

Pattern — поворот

us_bg_pattern = grid
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_rotate = 60deg

Ряд 31

Pattern — поворот

us_bg_pattern = grid
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_rotate = 75deg

Ряд 32

Pattern — поворот

us_bg_pattern = grid
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_rotate = 90deg

Ряд 33

Pattern — отражение

us_bg_pattern = tripods
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_flip_h = 1

Ряд 34

Pattern — отражение

us_bg_pattern = tripods
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_flip_v = 1

Ряд 35

Pattern — отражение

us_bg_pattern = tripods
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_flip_h = 1
us_bg_pattern_flip_v = 1

Ряд 36

Pattern — инверсия

us_bg_pattern = dots
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_invert = 1

Ряд 37

Pattern — инверсия

us_bg_pattern = honeycomb
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_invert = 1

Ряд 38

Pattern — инверсия

us_bg_pattern = triangles
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_invert = 1

Ряд 39

Pattern — комбинация модификаторов

us_bg_pattern = diagonal-lines
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_scale = 2
us_bg_pattern_rotate = 45deg

Ряд 40

Pattern — комбинация модификаторов

us_bg_pattern = triangles
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_pattern_scale = 1.5
us_bg_pattern_rotate = 30deg
us_bg_pattern_flip_h = 1
us_bg_pattern_flip_v = 1

Ряд 41

Pattern — комбинация модификаторов

us_bg_pattern = circles
us_bg_pattern_color = linear-gradient(90deg,#00c6ff,#7b2ff7)
us_bg_pattern_scale = 2.5
us_bg_pattern_invert = 1

Ряд 42

Pattern — комбинация модификаторов

us_bg_pattern = zigzag
us_bg_pattern_color = _content_primary
us_bg_pattern_scale = 0.5
us_bg_pattern_rotate = 90deg
us_bg_pattern_flip_h = 1
us_bg_pattern_invert = 1

Ряд 43

Pattern — все модификаторы сразу

us_bg_pattern = cubes
us_bg_pattern_color = linear-gradient(45deg,#f7971e,#ffd200)
us_bg_pattern_scale = 3
us_bg_pattern_rotate = 60deg
us_bg_pattern_flip_h = 1
us_bg_pattern_flip_v = 1
us_bg_pattern_invert = 1

Ряд 44

Mask — фигура (остальное по умолчанию)

us_bg_mask = band
Фон ряда: _content_primary

Ряд 45

Mask — фигура (остальное по умолчанию)

us_bg_mask = blob
Фон ряда: _content_primary

Ряд 46

Mask — фигура (остальное по умолчанию)

us_bg_mask = bean
Фон ряда: _content_primary

Ряд 47

Mask — фигура (остальное по умолчанию)

us_bg_mask = circle
Фон ряда: _content_primary

Ряд 48

Mask — фигура (остальное по умолчанию)

us_bg_mask = wedge
Фон ряда: _content_primary

Ряд 49

Mask — фигура (остальное по умолчанию)

us_bg_mask = pill
Фон ряда: _content_primary

Ряд 50

Mask — фигура (остальное по умолчанию)

us_bg_mask = steps
Фон ряда: _content_primary

Ряд 51

Mask — фигура (остальное по умолчанию)

us_bg_mask = zigzag
Фон ряда: _content_primary

Ряд 52

Mask — фигура (остальное по умолчанию)

us_bg_mask = notch
Фон ряда: _content_primary

Ряд 53

Mask — фигура (остальное по умолчанию)

us_bg_mask = angles
Фон ряда: _content_primary

Ряд 54

Mask — фигура (остальное по умолчанию)

us_bg_mask = squares
Фон ряда: _content_primary

Ряд 55

Mask — фигура (остальное по умолчанию)

us_bg_mask = slash
Фон ряда: _content_primary

Ряд 56

Mask — фигура (остальное по умолчанию)

us_bg_mask = wavy
Фон ряда: _content_primary

Ряд 57

Mask — фигура (остальное по умолчанию)

us_bg_mask = rings
Фон ряда: _content_primary

Ряд 58

Mask — фигура (остальное по умолчанию)

us_bg_mask = chevrons
Фон ряда: _content_primary

Ряд 59

Mask — цвет

us_bg_mask = blob
us_bg_mask_color = #ffd200
Фон ряда: _content_primary

Ряд 60

Mask — цвет

us_bg_mask = blob
us_bg_mask_color = rgba(255,255,255,0.5)
Фон ряда: _content_primary

Ряд 61

Mask — цвет

us_bg_mask = blob
us_bg_mask_color = _content_bg_alt
Фон ряда: _content_primary

Ряд 62

Mask — цвет

us_bg_mask = blob
us_bg_mask_color = linear-gradient(90deg,#ff0066,#ffd200)
Фон ряда: _content_primary

Ряд 63

Mask — размер fit (явно)

us_bg_mask = circle
us_bg_mask_size = fit
Фон ряда: _content_primary

Ряд 64

Mask — размер cover + позиция

us_bg_mask = circle
us_bg_mask_size = cover
us_bg_mask_pos = top left
Фон ряда: _content_primary

Ряд 65

Mask — размер cover + позиция

us_bg_mask = circle
us_bg_mask_size = cover
us_bg_mask_pos = top center
Фон ряда: _content_primary

Ряд 66

Mask — размер cover + позиция

us_bg_mask = circle
us_bg_mask_size = cover
us_bg_mask_pos = top right
Фон ряда: _content_primary

Ряд 67

Mask — размер cover + позиция

us_bg_mask = circle
us_bg_mask_size = cover
us_bg_mask_pos = center left
Фон ряда: _content_primary

Ряд 68

Mask — размер cover + позиция

us_bg_mask = circle
us_bg_mask_size = cover
us_bg_mask_pos = center center
Фон ряда: _content_primary

Ряд 69

Mask — размер cover + позиция

us_bg_mask = circle
us_bg_mask_size = cover
us_bg_mask_pos = center right
Фон ряда: _content_primary

Ряд 70

Mask — размер cover + позиция

us_bg_mask = circle
us_bg_mask_size = cover
us_bg_mask_pos = bottom left
Фон ряда: _content_primary

Ряд 71

Mask — размер cover + позиция

us_bg_mask = circle
us_bg_mask_size = cover
us_bg_mask_pos = bottom center
Фон ряда: _content_primary

Ряд 72

Mask — размер cover + позиция

us_bg_mask = circle
us_bg_mask_size = cover
us_bg_mask_pos = bottom right
Фон ряда: _content_primary

Ряд 73

Mask — поворот

us_bg_mask = wedge
us_bg_mask_rotate = 1
Фон ряда: _content_primary

Ряд 74

Mask — поворот

us_bg_mask = wedge
us_bg_mask_size = cover
us_bg_mask_rotate = 1
Фон ряда: _content_primary

Ряд 75

Mask — отражение

us_bg_mask = wedge
us_bg_mask_flip_h = 1
Фон ряда: _content_primary

Ряд 76

Mask — отражение

us_bg_mask = wedge
us_bg_mask_flip_v = 1
Фон ряда: _content_primary

Ряд 77

Mask — отражение

us_bg_mask = wedge
us_bg_mask_flip_h = 1
us_bg_mask_flip_v = 1
Фон ряда: _content_primary

Ряд 78

Mask — поворот + отражение

us_bg_mask = steps
us_bg_mask_rotate = 1
us_bg_mask_flip_h = 1
Фон ряда: _content_primary

Ряд 79

Mask — поворот + отражение

us_bg_mask = steps
us_bg_mask_rotate = 1
us_bg_mask_flip_v = 1
Фон ряда: _content_primary

Ряд 80

Mask — инверсия

us_bg_mask = circle
us_bg_mask_invert = 1
Фон ряда: _content_primary

Ряд 81

Mask — инверсия

us_bg_mask = pill
us_bg_mask_invert = 1
Фон ряда: _content_primary

Ряд 82

Mask — градиент + поворот (градиент сохраняет направление)

us_bg_mask = band
us_bg_mask_color = linear-gradient(90deg,#ff0066,#ffd200)
us_bg_mask_rotate = 1
Фон ряда: _content_primary

Ряд 83

Mask — градиент + отражение

us_bg_mask = band
us_bg_mask_color = linear-gradient(90deg,#ff0066,#ffd200)
us_bg_mask_flip_h = 1
Фон ряда: _content_primary

Ряд 84

Mask — скрытие на ширине

us_bg_mask = rings
us_bg_mask_hide_width = 600px
Фон ряда: _content_primary

Ряд 85

Mask — скрытие на ширине

us_bg_mask = rings
us_bg_mask_hide_width = 1024
Фон ряда: _content_primary

Ряд 86

Mask — комбинация модификаторов

us_bg_mask = blob
us_bg_mask_size = cover
us_bg_mask_pos = bottom right
us_bg_mask_rotate = 1
us_bg_mask_flip_h = 1
us_bg_mask_invert = 1
Фон ряда: _content_primary

Ряд 87

Mask — все модификаторы сразу

us_bg_mask = chevrons
us_bg_mask_color = linear-gradient(135deg,#00c6ff,#7b2ff7)
us_bg_mask_size = cover
us_bg_mask_pos = top left
us_bg_mask_rotate = 1
us_bg_mask_flip_h = 1
us_bg_mask_flip_v = 1
us_bg_mask_invert = 1
us_bg_mask_hide_width = 600px
Фон ряда: _content_primary

Ряд 88

Pattern + Mask — по умолчанию

us_bg_pattern = dots
us_bg_mask = band
Фон ряда: _content_primary

Ряд 89

Pattern + Mask — светлый узор, фигура-цвет фона

us_bg_pattern = grid
us_bg_pattern_color = rgba(255,255,255,0.35)
us_bg_mask = blob
Фон ряда: _content_primary

Ряд 90

Pattern + Mask — инверсия узора

us_bg_pattern = honeycomb
us_bg_pattern_color = rgba(255,255,255,0.35)
us_bg_pattern_invert = 1
us_bg_mask = circle
Фон ряда: _content_primary

Ряд 91

Pattern + Mask — инверсия маски

us_bg_pattern = diagonal-lines
us_bg_pattern_color = rgba(255,255,255,0.35)
us_bg_mask = circle
us_bg_mask_invert = 1
Фон ряда: _content_primary

Ряд 92

Pattern + Mask — инверсия обоих

us_bg_pattern = crosses
us_bg_pattern_color = rgba(255,255,255,0.35)
us_bg_pattern_invert = 1
us_bg_mask = pill
us_bg_mask_invert = 1
Фон ряда: _content_primary

Ряд 93

Pattern + Mask — градиент узора + градиент маски

us_bg_pattern = waves
us_bg_pattern_color = linear-gradient(90deg,#00c6ff,#7b2ff7)
us_bg_mask = wavy
us_bg_mask_color = linear-gradient(90deg,#ff0066,#ffd200)
Фон ряда: _content_primary

Ряд 94

Pattern + Mask — поворот узора + поворот маски

us_bg_pattern = zigzag
us_bg_pattern_color = rgba(255,255,255,0.35)
us_bg_pattern_rotate = 45deg
us_bg_mask = slash
us_bg_mask_rotate = 1
Фон ряда: _content_primary

Ряд 95

Pattern + Mask — масштаб узора + cover маски

us_bg_pattern = cubes
us_bg_pattern_color = rgba(255,255,255,0.35)
us_bg_pattern_scale = 3
us_bg_mask = circle
us_bg_mask_size = cover
us_bg_mask_pos = center right
Фон ряда: _content_primary

Ряд 96

Pattern + Mask — отражения обоих

us_bg_pattern = tripods
us_bg_pattern_color = rgba(255,255,255,0.35)
us_bg_pattern_flip_h = 1
us_bg_pattern_flip_v = 1
us_bg_mask = wedge
us_bg_mask_flip_h = 1
us_bg_mask_flip_v = 1
Фон ряда: _content_primary

Ряд 97

Pattern + Mask — маска скрывается ≤600px, узор остаётся

us_bg_pattern = circles
us_bg_pattern_color = rgba(255,255,255,0.35)
us_bg_mask = notch
us_bg_mask_hide_width = 600px
Фон ряда: _content_primary

Ряд 98

Pattern + Mask — полупрозрачная маска над узором

us_bg_pattern = mosaic
us_bg_pattern_color = rgba(255,255,255,0.35)
us_bg_mask = squares
us_bg_mask_color = rgba(255,255,255,0.6)
Фон ряда: _content_primary

Ряд 99

Pattern + Mask — на светлом фоне (без фона ряда)

us_bg_pattern = harlequin
us_bg_pattern_color = rgba(0,0,0,0.35)
us_bg_mask = angles
us_bg_mask_color = _content_primary

Ряд 100

Pattern + Mask — все модификаторы обоих

us_bg_pattern = diamonds
us_bg_pattern_color = linear-gradient(45deg,#f7971e,#ffd200)
us_bg_pattern_scale = 2
us_bg_pattern_rotate = 30deg
us_bg_pattern_flip_h = 1
us_bg_pattern_flip_v = 1
us_bg_pattern_invert = 1
us_bg_mask = chevrons
us_bg_mask_color = linear-gradient(135deg,#00c6ff,#7b2ff7)
us_bg_mask_size = cover
us_bg_mask_pos = bottom left
us_bg_mask_rotate = 1
us_bg_mask_flip_h = 1
us_bg_mask_flip_v = 1
us_bg_mask_invert = 1
us_bg_mask_hide_width = 600px
Фон ряда: _content_primary