diff --git a/css/base.css b/css/base.css index 1931c44..1dd9700 100644 --- a/css/base.css +++ b/css/base.css @@ -129,10 +129,24 @@ a { color: var(--ui-accent-color); } .surface.full-width { width: 100%; } +.page-top-content { + max-width: 960px; + margin: 0 auto; +} + .page-content { - margin: 12px; + max-width: 960px; + margin: 12px auto; } +/* Switch to a minimum margin when screen is small. */ +@media only screen and (max-width: 960px){ + .page-content { margin: 12px; } +} + +.content-block > :first-child { margin-top: 0; } +.content-block > :last-child { margin-bottom: 0; } + .header { display: flex; flex-direction: row; diff --git a/css/examples.css b/css/examples.css index a28c51b..92df317 100644 --- a/css/examples.css +++ b/css/examples.css @@ -1,34 +1,10 @@ -#examples -{ +.recipes-list { display: grid; - row-gap: 16px; + grid-template-columns: 1fr 1fr; + gap: 12px; + margin-top: 12px; } -section -{ - display: grid; - row-gap: 8px; -} - -section:last-child -{ - margin-bottom: 0; -} - -section * -{ - margin: 0; - padding: 0; -} - -#shell -{ - max-width: 600px; - margin: 16px auto; -} - -@media only screen and (max-width: 600px){ - #shell { - margin: 16px; - } +@media only screen and (max-width: 700px){ + .recipes-list { grid-template-columns: 1fr; } } \ No newline at end of file diff --git a/css/promo.css b/css/promo.css index 9f5a5d6..715ac3f 100644 --- a/css/promo.css +++ b/css/promo.css @@ -1,8 +1,3 @@ -.page { - max-width: 600px; - margin: 0 auto; -} - .page-content { display: flex; flex-direction: column; diff --git a/examples.html b/examples.html index db72740..32c810e 100644 --- a/examples.html +++ b/examples.html @@ -60,139 +60,169 @@ -
-

Примеры рецептов — Пропорцио

-

Выберите пример (рецепт) из списка, загрузите на компьютер или телефон и импортируйте в Пропорцио.

-
- -
-

Инвестиции — агрессивный портфель на 2023 год

- -

- Источник: - - Тинькофф Инвестиции, ссылка. - -

- -

Размер портфеля, облигации usd/cny, облигации rub, зарубежные акции, российские акции, золото, наличные средства.

-
Скачать
-
- -
-

Инвестиции — консервативный портфель на 2023 год

- -

- Источник: - - Тинькофф Инвестиции, ссылка. - -

- -

Размер портфеля, облигации usd/cny, облигации rub, зарубежные акции, российские акции, золото, наличные средства.

-
Скачать
-
- -
-

Инвестиции — сбалансированный портфель на 2023 год

- -

- Источник: - - Тинькофф Инвестиции, ссылка. - -

- -

Размер портфеля, облигации usd/cny, облигации rub, зарубежные акции, российские акции, золото, наличные средства.

-
Скачать
-
- -
-

Лимонад

- -

- Источник: - - Borsch, ссылка. - -

- -

Объём лимонада, газированная вода, сахар, лимон (средний), мята.

-
Скачать
-
- -
-

Паста алла грича

- -

- Источник: - - Marco Cervetti, ссылка. - -

- -

Порция, паста, жирная копчёная грудинка, чёрный перец, сыр (пекорино, пармезан).

-
Скачать
-
- -
-

Паста аль помодорро

- -

- Источник: - - Пропорцио. - -

- -

Порция, спагетти, томаты (среднего размера), чеснок, травы (базилик или кинза), соль, сахар (если томаты кислые), кетчуп (если томаты кислые).

-
Скачать
-
- -
-

Тесто для пиццы

- -

- Источник: - - Borsch, ссылка. - -

- -

Тесто для пиццы, мука, манная крупа, дрожжи, сахар, соль, масло оливковое, вода тёплая.

-
Скачать
-
- -
-

Тесто на оладьи

- -

- Источник: - - Borsch, ссылка. - -

- -

Мука, молоко, яйцо, сахар, соль, разрыхлитель, масло подсолнечное.

-
Скачать
-
- -
-

Чихиртрамен (куриный суп с лапшой)

- -

- Источник: - - CHEF MARAT, ссылка. - -

- -

Цыплёнок, лук репчатый, чеснок, сливочное масло, вода, соевый соус, чёрный перец, соль, мука, яйцо, манка.

-
Скачать
-
+
+ + + + +
+ +
+

Примеры рецептов

+

Здесь идеи применения Пропорцио, которые пришли нам в голову.

+

Вы можете просмотреть рецепт и сохранить файл для импорта в Пропорцио.

+
+ +
+ +
+

Инвестиции — агрессивный портфель на 2023 год

+ +

+ Источник: + + Тинькофф Инвестиции, ссылка. + +

+ +

Размер портфеля, облигации usd/cny, облигации rub, зарубежные акции, российские акции, золото, наличные средства.

+
Скачать
+
+ +
+

Инвестиции — консервативный портфель на 2023 год

+ +

+ Источник: + + Тинькофф Инвестиции, ссылка. + +

+ +

Размер портфеля, облигации usd/cny, облигации rub, зарубежные акции, российские акции, золото, наличные средства.

+
Скачать
+
+ +
+

Инвестиции — сбалансированный портфель на 2023 год

+ +

+ Источник: + + Тинькофф Инвестиции, ссылка. + +

+ +

Размер портфеля, облигации usd/cny, облигации rub, зарубежные акции, российские акции, золото, наличные средства.

+
Скачать
+
+ +
+

Лимонад

+ +

+ Источник: + + Borsch, ссылка. + +

+ +

Объём лимонада, газированная вода, сахар, лимон (средний), мята.

+
Скачать
+
+ +
+

Паста алла грича

+ +

+ Источник: + + Marco Cervetti, ссылка. +

+ +

Порция, паста, жирная копчёная грудинка, чёрный перец, сыр (пекорино, пармезан).

+
Скачать
+
+ +
+

Паста аль помодорро

+ +

+ Источник: + + Пропорцио. + +

+ +

Порция, спагетти, томаты (среднего размера), чеснок, травы (базилик или кинза), соль, сахар (если томаты кислые), кетчуп (если томаты кислые).

+
Скачать
+
+ +
+

Тесто для пиццы

+ +

+ Источник: + + Borsch, ссылка. + +

+ +

Тесто для пиццы, мука, манная крупа, дрожжи, сахар, соль, масло оливковое, вода тёплая.

+
Скачать
+
+ +
+

Тесто на оладьи

+ +

+ Источник: + + Borsch, ссылка. + +

+ +

Мука, молоко, яйцо, сахар, соль, разрыхлитель, масло подсолнечное.

+
Скачать
+
+ +
+

Чихиртрамен (куриный суп с лапшой)

+ +

+ Источник: + + CHEF MARAT, ссылка. + +

+ +

Цыплёнок, лук репчатый, чеснок, сливочное масло, вода, соевый соус, чёрный перец, соль, мука, яйцо, манка.

+
Скачать
+
+ +
+ + +
- - + diff --git a/promo.html b/promo.html index 71e60c7..673cabf 100644 --- a/promo.html +++ b/promo.html @@ -61,31 +61,38 @@
+ +
-
- чистая линия промокод скидка SML766278 -

Мы не всегда успеваем обновлять промокод на подарок, а вот промокод на скидку SML766278 работает всегда!

-

Интернет-магазин «Чистая Линия»

-

Почему мы делимся промокодами?

-
+ +
+ чистая линия промокод скидка SML766278 +

Мы не всегда успеваем обновлять промокод на подарок, а вот промокод на скидку SML766278 работает всегда!

+

Интернет-магазин «Чистая Линия»

+

Почему мы делимся промокодами?

+
+
+
- +