dotnetomaniak.pl - Artykuły z tagiem lessdotnetomaniak.pl - Artykuły z tagiem less2024-03-29T13:13:40Zhttps://dotnetomaniak.pl/Tags/lessCopyright (c) dotnetomaniak.pldotnetomaniak.pl Atom Generatordotnetomaniak.pl webmasteradmin@dotnetomaniak.plhttps://dotnetomaniak.pl/Assets/Images/fav.icohttps://dotnetomaniak.pl/Assets/Images/dotnetomaniak_logo-negatyw_small.png7025https://dotnetomaniak.pl/LESS-MixinsLESS: Mixins2016-08-09T14:31:40Z<div><div><div style="float:right"><img alt ="" src="http://dotnetomaniak.pl/Data/Thumbnails/small_lPTCW_EAbUOJ5wSTo-agHA.png"/></div><div>Dzisiaj kolejna przydatna konstrukcja LESS. Często zachodzi potrzeba stworzenia klasy na podstawie kilku innych klas. Załóżmy, że mamy:
.class1
{
color:red;
}
.class2
{
font-size:10px;
}
.finalClass
{
color:red;
font-size:10px;
border-color:blue;
}
FinalClass składa się zarówno z class1 jak i class2. Ponadto rozszerza możliwości o border-color. Za pomocą mixin możemy kod skrócić do:
.class1
{
color:red;
}
.class2
{
font-siz...</div></div><div style="padding-top:4px"><a rev="vote-for" href="https://dotnetomaniak.pl/LESS-Mixins"><img alt="Podbij ↑" src="https://dotnetomaniak.pl/image.axd?url=http%3a%2f%2fwww.pzielinski.com%2f%3fp%3d3328" style="border:0px"/></a></div></div>rroszczykhttps://dotnetomaniak.pl/Users/2o4PgKTTaUiL_ds1o3Nhxg2016-08-19T06:59:36Zhttps://dotnetomaniak.pl/LESS-Mixins1490Dzisiaj kolejna przydatna konstrukcja LESS. Często zachodzi potrzeba stworzenia klasy na podstawie kilku innych klas. Załóżmy, że mamy:
.class1
{
color:red;
}
.class2
{
font-size:10px;
}
.finalClass
{
color:red;
font-size:10px;
border-color:blue;
}
FinalClass składa się zarówno z class1 jak i class2. Ponadto rozszerza możliwości o border-color. Za pomocą mixin możemy kod skrócić do:
.class1
{
color:red;
}
.class2
{
font-siz...http://www.pzielinski.com/?p=3328http://dotnetomaniak.pl/Data/Thumbnails/small_lPTCW_EAbUOJ5wSTo-agHA.pnghttps://dotnetomaniak.pl/LESS-css-wprowadzenie-zmienneLESS css – wprowadzenie, zmienne2016-08-04T18:43:14Z<div><div><div style="float:right"><img alt ="" src="http://dotnetomaniak.pl/Data/Thumbnails/small_f2nigAi4wE6RNqenlQtqgw.png"/></div><div>Na blogu rzadko poruszam tematy CSS, ale czasami nawet jak ma się bardzo małą warstwę prezentacji, warto zainwestować trochę czasu w poznanie nowych bibliotek.
Dzisiaj chciałbym przedstawić LessCss. Biblioteka stanowi pewnego rodzaju pre-processor, który rozszerza możliwości klasycznego CSS. Na wyjściu zatem pojawi się zwykły CSS, który jest obsługiwany przez wszystkie przeglądarki. Sprawą “kompilacji”, zajmiemy się w innym wpisie, ponieważ istnieje wiele sposobó...</div></div><div style="padding-top:4px"><a rev="vote-for" href="https://dotnetomaniak.pl/LESS-css-wprowadzenie-zmienne"><img alt="Podbij ↑" src="https://dotnetomaniak.pl/image.axd?url=http%3a%2f%2fwww.pzielinski.com%2f%3fp%3d3324" style="border:0px"/></a></div></div>rroszczykhttps://dotnetomaniak.pl/Users/2o4PgKTTaUiL_ds1o3Nhxg2016-08-10T13:41:07Zhttps://dotnetomaniak.pl/LESS-css-wprowadzenie-zmienne2930Na blogu rzadko poruszam tematy CSS, ale czasami nawet jak ma się bardzo małą warstwę prezentacji, warto zainwestować trochę czasu w poznanie nowych bibliotek.
Dzisiaj chciałbym przedstawić LessCss. Biblioteka stanowi pewnego rodzaju pre-processor, który rozszerza możliwości klasycznego CSS. Na wyjściu zatem pojawi się zwykły CSS, który jest obsługiwany przez wszystkie przeglądarki. Sprawą “kompilacji”, zajmiemy się w innym wpisie, ponieważ istnieje wiele sposobó...http://www.pzielinski.com/?p=3324http://dotnetomaniak.pl/Data/Thumbnails/small_f2nigAi4wE6RNqenlQtqgw.pnghttps://dotnetomaniak.pl/CSS-zapanuj-nad-stajnia-Augiasza-Keraxels-Binary-ThoughtsCSS - zapanuj nad stajnią Augiasza | Keraxel's Binary Thoughts2016-06-01T16:35:02Z<div><div><div style="float:right"><img alt ="" src="http://dotnetomaniak.pl/Data/Thumbnails/small_cTVg5n2Wy0uvvCVERnl4CQ.png"/></div><div>Pokazuję metody radzenia sobie ze złożonością w arkuszach stylów CSS.</div></div><div style="padding-top:4px"><a rev="vote-for" href="https://dotnetomaniak.pl/CSS-zapanuj-nad-stajnia-Augiasza-Keraxels-Binary-Thoughts"><img alt="Podbij ↑" src="https://dotnetomaniak.pl/image.axd?url=https%3a%2f%2fkeraxel.net%2f2016%2f05%2fcss%2f" style="border:0px"/></a></div></div>Keraxelhttps://dotnetomaniak.pl/Users/Yq0jn8chMU6ygBt4mfTmZw2016-06-11T12:04:34Zhttps://dotnetomaniak.pl/CSS-zapanuj-nad-stajnia-Augiasza-Keraxels-Binary-Thoughts31590Pokazuję metody radzenia sobie ze złożonością w arkuszach stylów CSS.https://keraxel.net/2016/05/css/http://dotnetomaniak.pl/Data/Thumbnails/small_cTVg5n2Wy0uvvCVERnl4CQ.pnghttps://dotnetomaniak.pl/LESS-Is-More-czyli-troche-wiecej-szczegolow-burczu-programatorLESS Is More czyli trochę więcej szczegółów | burczu programator2014-05-06T21:02:50Z<div><div><div style="float:right"><img alt ="" src="http://dotnetomaniak.pl/Data/Thumbnails/small_kcgaDvcvSkicf_TM-3jTJQ.png"/></div><div>Jak pewnie wielu z Was pamięta, w jednym z ostatnich wpisów poruszyłem temat LESS czyli swego rodzaju rozszerzenia CSS, pozwalającego na re-używanie kodu, definiowanie zmiennych itp., itd. Wpis tamten zdecydowanie był jedynie wstępem do bardziej szczegółowego opisu możliwości tego rozwiązania – napisałem w końcu tylko jak zacząć używać LESS oraz pokazałem jeden prosty przykład kodu… Dziś zatem pora na znaczne poszerzenie tego tematu i więcej szczegółów dotyczących LESS… postaram się przyb...</div></div><div style="padding-top:4px"><a rev="vote-for" href="https://dotnetomaniak.pl/LESS-Is-More-czyli-troche-wiecej-szczegolow-burczu-programator"><img alt="Podbij ↑" src="https://dotnetomaniak.pl/image.axd?url=http%3a%2f%2fburczu-programator.pl%2fblog%2fless-is-more-troche-wiecej-szczegolow" style="border:0px"/></a></div></div>burczuhttps://dotnetomaniak.pl/Users/IPut_DXDzEuGbBEODhaz9A2014-05-15T20:41:22Zhttps://dotnetomaniak.pl/LESS-Is-More-czyli-troche-wiecej-szczegolow-burczu-programator11380Jak pewnie wielu z Was pamięta, w jednym z ostatnich wpisów poruszyłem temat LESS czyli swego rodzaju rozszerzenia CSS, pozwalającego na re-używanie kodu, definiowanie zmiennych itp., itd. Wpis tamten zdecydowanie był jedynie wstępem do bardziej szczegółowego opisu możliwości tego rozwiązania – napisałem w końcu tylko jak zacząć używać LESS oraz pokazałem jeden prosty przykład kodu… Dziś zatem pora na znaczne poszerzenie tego tematu i więcej szczegółów dotyczących LESS… postaram się przyb...http://burczu-programator.pl/blog/less-is-more-troche-wiecej-szczegolowhttp://dotnetomaniak.pl/Data/Thumbnails/small_kcgaDvcvSkicf_TM-3jTJQ.pnghttps://dotnetomaniak.pl/burczu-programator-blog-Wprowadzenie-do-LESSburczu programator - blog | Wprowadzenie do LESS2014-04-07T20:18:59Z<div><div><div style="float:right"><img alt ="" src="http://dotnetomaniak.pl/Data/Thumbnails/small_mABFd9kc0E-SLd_ZbYBfNQ.png"/></div><div>Ostatnimi czasy dwa razy w swoich postach poruszałem temat narzędzia Bootstrap. Wspomniałem tam między innymi, że możliwe jest skonfigurowanie własnych zmiennych LESS, które możemy później używać we własnych tematach... Stwierdziłem więc, że skoro jestem już przy narzędziach takich jak Bootstrap, to warto również poruszyć ten temat i zrobić małe wprowadzenie do LESS. Jako, że temat jest dość obszerny, postanowiłem że napiszę dwa wpisy na ten temat i w kolejnym postaram się dokładniej przybliżyć możliwośc...</div></div><div style="padding-top:4px"><a rev="vote-for" href="https://dotnetomaniak.pl/burczu-programator-blog-Wprowadzenie-do-LESS"><img alt="Podbij ↑" src="https://dotnetomaniak.pl/image.axd?url=http%3a%2f%2fburczu-programator.pl%2fblog%2fwprowadzenie-do-less" style="border:0px"/></a></div></div>burczuhttps://dotnetomaniak.pl/Users/IPut_DXDzEuGbBEODhaz9A2014-04-16T12:49:49Zhttps://dotnetomaniak.pl/burczu-programator-blog-Wprowadzenie-do-LESS22240Ostatnimi czasy dwa razy w swoich postach poruszałem temat narzędzia Bootstrap. Wspomniałem tam między innymi, że możliwe jest skonfigurowanie własnych zmiennych LESS, które możemy później używać we własnych tematach... Stwierdziłem więc, że skoro jestem już przy narzędziach takich jak Bootstrap, to warto również poruszyć ten temat i zrobić małe wprowadzenie do LESS. Jako, że temat jest dość obszerny, postanowiłem że napiszę dwa wpisy na ten temat i w kolejnym postaram się dokładniej przybliżyć możliwośc...http://burczu-programator.pl/blog/wprowadzenie-do-lesshttp://dotnetomaniak.pl/Data/Thumbnails/small_mABFd9kc0E-SLd_ZbYBfNQ.pnghttps://dotnetomaniak.pl/WebEssentials-i-duplikujace-sie-wpisy-w-less-ie-rek-online-Arkadiusz-BenedyktWebEssentials i duplikujące się wpisy w less-ie | @rek online | Arkadiusz Benedykt2013-03-26T06:16:37Z<div><div><div style="float:right"><img alt ="" src="http://dotnetomaniak.pl/Data/Thumbnails/small_Fntne1NL8U-VI8_IUirNRQ.png"/></div><div>Dzisiaj w firmie @blackgilmore trafił na ciekawy błąd, duplikujące się style w css-ie. Mając 3 pliki less:test1.less
.test1Function()
{
.testClass
{
background-color: #f00;
}
}
test2.less
@import-once "test1.less";
.test2Class
{
top: 1px;
.test1Function();
}
test3.less
@import-once "test1.less";
@import-once "test2.less";
wynik powinien wyglądać tak:
.test2Class {
top: 1px;
}
.test2Class .testClass {
background-color: #f00;
}
Jeśli jednak .tes...</div></div><div style="padding-top:4px"><a rev="vote-for" href="https://dotnetomaniak.pl/WebEssentials-i-duplikujace-sie-wpisy-w-less-ie-rek-online-Arkadiusz-Benedykt"><img alt="Podbij ↑" src="https://dotnetomaniak.pl/image.axd?url=http%3a%2f%2fwww.benedykt.net%2f2013%2f03%2f21%2fwebessentials-i-duplikujace-sie-wpisy-w-less-ie%2f" style="border:0px"/></a></div></div>arekhttps://dotnetomaniak.pl/Users/zW2dstZpKUiCVoYgD7XHcQ2013-04-05T05:03:31Zhttps://dotnetomaniak.pl/WebEssentials-i-duplikujace-sie-wpisy-w-less-ie-rek-online-Arkadiusz-Benedykt1240Dzisiaj w firmie @blackgilmore trafił na ciekawy błąd, duplikujące się style w css-ie. Mając 3 pliki less:test1.less
.test1Function()
{
.testClass
{
background-color: #f00;
}
}
test2.less
@import-once "test1.less";
.test2Class
{
top: 1px;
.test1Function();
}
test3.less
@import-once "test1.less";
@import-once "test2.less";
wynik powinien wyglądać tak:
.test2Class {
top: 1px;
}
.test2Class .testClass {
background-color: #f00;
}
Jeśli jednak .tes...http://www.benedykt.net/2013/03/21/webessentials-i-duplikujace-sie-wpisy-w-less-ie/http://dotnetomaniak.pl/Data/Thumbnails/small_Fntne1NL8U-VI8_IUirNRQ.pnghttps://dotnetomaniak.pl/Jakub-Gutkowski-Jakub-Gutkowski-Web-Essentials-20122010-LESS-i-BOOMJakub Gutkowski | Jakub Gutkowski - Web Essentials 2012/2010 LESS i BO(O)M2013-01-17T20:21:06Z<div><div><div style="float:right"><img alt ="" src="http://dotnetomaniak.pl/Data/Thumbnails/small_mGDSlfLEi0Wc-4GmyP7VZg.png"/></div><div>Mads Kristensen odwalił kawał dobrej roboty tworząc Web Essentials. Jest to pierwsze narzędzie wspierające analizę JS, kompilowanie LESS, minimalizację CSS i JS i wiele innych rzeczy, które naprawdę mnie nie wkurza. I w większości przypadków działa.
No właśnie, w większości. Dwa dni temu zacząłem przepisywać swój nowy projekt z CSS na LESS – by się go nauczyć, pobawić i w ogóle. Jednak z miejsca natrafiłem na problem, którego za nic nie mogłem obejść – przynajmniej do póki się nie zorientowałem, dlaczego tak się dzieje.</div></div><div style="padding-top:4px"><a rev="vote-for" href="https://dotnetomaniak.pl/Jakub-Gutkowski-Jakub-Gutkowski-Web-Essentials-20122010-LESS-i-BOOM"><img alt="Podbij ↑" src="https://dotnetomaniak.pl/image.axd?url=http%3a%2f%2fblog.gutek.pl%2fpost%2f2013%2f01%2f16%2fWeb-Essentials-20122010-LESS-i-BO(O)M.aspx" style="border:0px"/></a></div></div>arekhttps://dotnetomaniak.pl/Users/zW2dstZpKUiCVoYgD7XHcQ2013-01-27T18:40:01Zhttps://dotnetomaniak.pl/Jakub-Gutkowski-Jakub-Gutkowski-Web-Essentials-20122010-LESS-i-BOOM1430Mads Kristensen odwalił kawał dobrej roboty tworząc Web Essentials. Jest to pierwsze narzędzie wspierające analizę JS, kompilowanie LESS, minimalizację CSS i JS i wiele innych rzeczy, które naprawdę mnie nie wkurza. I w większości przypadków działa.
No właśnie, w większości. Dwa dni temu zacząłem przepisywać swój nowy projekt z CSS na LESS – by się go nauczyć, pobawić i w ogóle. Jednak z miejsca natrafiłem na problem, którego za nic nie mogłem obejść – przynajmniej do póki się nie zorientowałem, dlaczego tak się dzieje.http://blog.gutek.pl/post/2013/01/16/Web-Essentials-20122010-LESS-i-BO(O)M.aspxhttp://dotnetomaniak.pl/Data/Thumbnails/small_mGDSlfLEi0Wc-4GmyP7VZg.png