Add the demo about at-rules - #3
Conversation
| </div> | ||
|
|
||
| <!-- The part with the inputs --> | ||
| <div class="@l:base_Mb6u_:div @l:base_P0;2u_:div sm_P0;3u_:div md_P0;5u_:div -Ts_:input,:textarea C-$accent500_:input,:textarea"> |
There was a problem hiding this comment.
Не совсем понятно, в чем здесь смысл каскадных слоев. Более полезно было бы supports рассмотреть
There was a problem hiding this comment.
Не рассмотрены диапазоны и max-width в брейкпоинтах, а это важная тема
There was a problem hiding this comment.
Можно еще попробовать media от высоты с ключевыми словами (gMd) куда-то впихнуть. Они в новом дизайне mlut недавно пригождались
|
|
||
| <div class="Ps-a W100p H100vh Bgc-grey D-f Jc-c Ai-c"> | ||
|
|
||
| <div class="Ps-a Mxw600 -Sz100p @:h<=gMd_H100vh @:h>=gMd_H160u @:h>=gMd_M-a md_Mxh90vh Bgc-black md_M-a @:w>=600_Bdrd5u Ovy-s P0;0;5u Ctnn-form Ctnt-is"> |
There was a problem hiding this comment.
@:w>=600_Bdrd5u - лучше не повторять 600 больше 1 раза, иначе будет плохой пример. При таком повторении, надо эту константу в конфиг добавить, но в демке это проблематично
|
|
||
| <!-- Name --> | ||
| <div> | ||
| <label class="D Ps <md_Fns3u @:w>=gMd:w<=gLg_Fns3.5u lg_Fns4u Bd1;s;$accent600 Bdc-$accent200_fw C-$accent600 Bdrd2u P2u -Ctx Ct-';';'*'_af C-$accent300_fw:af Ps-a_af T2u_af R2u_af Bdc-$accent400_!fw:h @:hv_Bdc-$accent400_!fw:h -Ts"> |
There was a problem hiding this comment.
Зачем @:w>=gMd:w<=gLg_Fns3.5u, если это же можно в брейкпоинтах прописать: md:lg_Fns3.5u. Именно про эти диапазоны и шла речь: показать мощь синтаксиса для брейкпоинтов
| <label class="D <md_Fns3u @:w>=gMd:w<=gLg_Fns3.5u lg_Fns4u Bd1;s;$accent600 Bdc-$accent200_fw C-$accent600 Bdrd2u P2u -Ctx Bdc-$accent400_!fw:h @:hv_Bdc-$accent400_!fw:h -Ts"> | ||
| <span class="D Mb1u ^:fw:_C-$accent200 -Ts">Bio</span> | ||
|
|
||
| <textarea class="D <md_Fns4u Fns4.5u Fds-c @s:!Fds-c_H2lh W100p Bgc-tp Bd-n Ol-n_f ^:fw:_C-$accent900 Txw-w Rs-n " type="text">A professional Frontend dev and killer-feature maker with 20 years of experience</textarea> |
There was a problem hiding this comment.
В at-rules утилиты всегда с маленькой буквы. И там возможно хватит @s:!fds_H2lh, ведь поддержку свойства проверяем, а не конкретное значение
There was a problem hiding this comment.
Новое свойство надо тут и в mlut.js в конфиг добавить
|
Не хватает settings.css и mlut.js как в предыдущей демке |
2 participants
No description provided.