E
Size: a a a
2020 November 30
E
что-то вроде того, что предлагает флаттер)
АО
E
ммм.. на пример?
div({ display: ..., font: ...., }, [
div(...),
span(...),
])АО
хех
ну серьезно, мы читаем код СВЕРХУ ВНИЗ
разбирать эти точечные портянки - ну хз, у меня глаза текут)
+там на сайтике такие примеры, простенькие очень) покажите как выглядит серьезная верстка :D
ну серьезно, мы читаем код СВЕРХУ ВНИЗ
разбирать эти точечные портянки - ну хз, у меня глаза текут)
+там на сайтике такие примеры, простенькие очень) покажите как выглядит серьезная верстка :D
АО
div({ display: ..., font: ...., }, [
div(...),
span(...),
])ну это прям реакт какой-то.. хотя 🙂 чуть попозже вернусь
E
ну это прям реакт какой-то.. хотя 🙂 чуть попозже вернусь
да не реакт, идея ближе к флаттер
E
там же вообще нет html, а интерфейс декларативно вложением виджетов накидывается
В
ну паг не цсс фреймворки)
но я бы хотел посмотреть на паг + тайлвинд XD
E
но я бы хотел посмотреть на паг + тайлвинд XD
div(class="bg-white dark:bg-gray-800 rounded-tl-xl sm:rounded-t-xl p-4 pb-6 sm:p-8 lg:p-4 lg:pb-6 xl:p-8 space-y-6 sm:space-y-8 lg:space-y-6 xl:space-y-8")E
но я бы хотел посмотреть на паг + тайлвинд XD
нраица?)
В
хех
ну серьезно, мы читаем код СВЕРХУ ВНИЗ
разбирать эти точечные портянки - ну хз, у меня глаза текут)
+там на сайтике такие примеры, простенькие очень) покажите как выглядит серьезная верстка :D
ну серьезно, мы читаем код СВЕРХУ ВНИЗ
разбирать эти точечные портянки - ну хз, у меня глаза текут)
+там на сайтике такие примеры, простенькие очень) покажите как выглядит серьезная верстка :D
я тут скидывал уже, у них есть директивы которые позволя.т все эти классы магическим способом превращать в css классы
В
div(class="bg-white dark:bg-gray-800 rounded-tl-xl sm:rounded-t-xl p-4 pb-6 sm:p-8 lg:p-4 lg:pb-6 xl:p-8 space-y-6 sm:space-y-8 lg:space-y-6 xl:space-y-8")дичь вырви глаз
В
зато твой бандл меньше на 20кб )))
E
я тут скидывал уже, у них есть директивы которые позволя.т все эти классы магическим способом превращать в css классы
да какой в этом смысл. если речь идет о экономии бандл сайза, то надо просто парсить обычные классы, дербанить их на атомные и в бандл пихать атомы
В
да какой в этом смысл. если речь идет о экономии бандл сайза, то надо просто парсить обычные классы, дербанить их на атомные и в бандл пихать атомы
+
DT
div(class="bg-white dark:bg-gray-800 rounded-tl-xl sm:rounded-t-xl p-4 pb-6 sm:p-8 lg:p-4 lg:pb-6 xl:p-8 space-y-6 sm:space-y-8 lg:space-y-6 xl:space-y-8")не просто
))
.bg-white.dark:bg-gray-800.rounded-tl-xl.sm:rounded-t-xl.p-4.pb-6.sm:p-8.lg:p-4.lg:pb-6.xl:p-8.space-y-6.sm:space-y-8.lg:space-y-6.xl:space-y-8
))
E
не просто
))
.bg-white.dark:bg-gray-800.rounded-tl-xl.sm:rounded-t-xl.p-4.pb-6.sm:p-8.lg:p-4.lg:pb-6.xl:p-8.space-y-6.sm:space-y-8.lg:space-y-6.xl:space-y-8
))
класс
E
.bg-white.dark:bg-gray-800.rounded-tl-xl.sm:rounded-t-xl.p-4.pb-6.sm:p-8.lg:p-4.lg:pb-6.xl:p-8.space-y-6.sm:space-y-8.lg:space-y-6.xl:space-y-8
flex.items-center.space-x-3.5.sm:space-x-5.lg:space-x-3.5.xl:space-x-5
img..flex-none.w-20.h-20.rounded-lg.bg-gray-100
min-w-0.flex-auto.space-y-0.5
text-lime-600.dark:text-lime-400.text-sm.sm:text-base.lg:text-sm.xl:text-base.font-semibold.uppercase
В
не просто
))
.bg-white.dark:bg-gray-800.rounded-tl-xl.sm:rounded-t-xl.p-4.pb-6.sm:p-8.lg:p-4.lg:pb-6.xl:p-8.space-y-6.sm:space-y-8.lg:space-y-6.xl:space-y-8
))
)