Добавляет доки про CSS Anchor Positioning, часть 1 #5922
Conversation
akhmadullin
requested review from
Inventoris,
skorobaeus and
solarrust
as code owners
akhmadullin
force-pushed
the
doka/css-anchor-positioning-1
branch
from
c2a7427 to
df85722
Compare
akhmadullin
force-pushed
the
doka/css-anchor-positioning-1
branch
from
df85722 to
029f262
Compare
solarrust
left a comment
solarrust
left a comment
There was a problem hiding this comment.
Какие потрясающие демки! Какие наглядные! Спасибо тебе за них.
Как ты считаешь, когда будут написаны доки под отдельные свойства сможем ли мы это всё собрать в статью? По типу гайда по флексам. Мне это кажется хорошей идеей потому что сейчас некоторые отдельные свойства не дают понимания об их применении в реальной жизни. На это мысль из разряда «на потом».
Мне всё нравится =)
css/position-area/index.md
Outdated
|
|
||
| ```css | ||
| .target { | ||
| // располагаем элемент сверху слева относительно якоря |
There was a problem hiding this comment.
| // располагаем элемент сверху слева относительно якоря | |
| /* располагаем элемент сверху слева относительно якоря */ |
css/position-area/index.md
Outdated
|
|
||
| ```css | ||
| .target { | ||
| // располагаем элемент сверху по центру относительно якоря |
There was a problem hiding this comment.
| // располагаем элемент сверху по центру относительно якоря | |
| /* располагаем элемент сверху по центру относительно якоря */ |
There was a problem hiding this comment.
У картинки есть потенциал для снижения веса
|
@solarrust, спасибо:) Да, такой план и был) Хочу вводную статью написать, которая будет описывать в целом апи, что с помощью него можно делать, а далее уже отдельные доки про каждое из свойств:) Но её в самом конце уже напишу) |
|
akhmadullin
force-pushed
the
doka/css-anchor-positioning-1
branch
from
029f262 to
4c7e281
Compare
| - z-index | ||
| - inset | ||
| - anchor-name | ||
| - position-anchor |
There was a problem hiding this comment.
Сложил доки в раздел "Позиционирование".
Норм или лучше завести отдельный раздел под Anchor Positioning?
css/position-area/index.md
Outdated
|
|
||
| В обоих случаях нам потребовалось использовать два свойства, чтобы расположить элемент в нужном месте. Не очень удобно. Чтобы решить эту проблему было создано свойство `position-area`. С помощью него можно расположить таргет элемент относительно якоря используя концепцию сетки. | ||
|
|
||
|  |
There was a problem hiding this comment.
На превью картинка не отображается.
Это норм?
There was a problem hiding this comment.
При локальном запуске всё ок, так что скорее всего это временная проблема предварительного просмотра.
|
В этом PR сделал демки адаптивными, добавил supports нотификации. Можно проверять. |
|
Также для интерактивной демки про |
Спасибо, посмотрю сегодня |
|
Ура! Всё супер. |
Превью контента из faad710 опубликовано. |
This comment was marked as duplicate.
This comment was marked as duplicate.
Sorry, something went wrong.
solarrust
left a comment
solarrust
left a comment
There was a problem hiding this comment.
Большое спасибо номер раз =)
3 participants
Описание
Добавляет доки про:
anchor-name;position-anchor;anchor();position-area.Это первый PR, закрывающий #5884. Далее их будет ещё несколько (с оставшимися свойствами).
Превью:
anchor-name– https://content-5922.dev.doka.guide/css/anchor-name/position-anchor– https://content-5922.dev.doka.guide/css/position-anchor/anchor()– https://content-5922.dev.doka.guide/css/anchor-function/position-area– https://content-5922.dev.doka.guide/css/position-area/Чек-лист
/css/color/,/tools/json/,/tools/gulp/#kak-ponyat)images/example.png,demos/example/,../demos/example/)