Первая буква в ссылке заглавная
less:
ul{ li{ a{ display:block; &:first-letter{ text-transform:uppercase; } } } }
css:
ul li a{ display:block; } ul li a:first-letter{ text-transform:uppercase; }
Первая буква в каждом слове заглавная
less:
ul{ li{ text-transform:capitalize; } }
css:
ul li{ text-transform:capitalize; }
Для отступов в каждой строке outline
span{ background:#45bf55; color:#ffffff; outline:#45bf55 solid 5px; }
@import (css) url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
Применить стили к :before (1200 — ширина рабочей области)
$(window).load(function(){ var half=(parseInt($(window).width())-1200)/2; $('head').append('<style>.title:before{width:'+(half-15)+'px;left:-'+half+'px;}</style>'); });
Less:
.block{ position:relative; &:before{ content:''; position:absolute; top:0; left:-20px; display:block; width:20px; height:100px; background:@color_white; -webkit-transform:skewX(15deg); -moz-transform:skewX(15deg); -ms-transform:skewX(15deg); -o-transform:skewX(15deg); transform:skewX(15deg); } }
Javascript:
$('#owl_1').owlCarousel({ loop:true, margin:0, items:1, nav:false, dots:false, autoplay:true, autoplayTimeout:500, animateOut:'fadeOut', animateIn:'fadeIn', });
Less:
#owl_1{ .animated{ -webkit-animation-duration:0ms; animation-duration:0ms; -webkit-animation-fill-mode:both; animation-fill-mode:both; } .fadeOut{ -webkit-animation-name:fadeOut; animation-name:fadeOut; } @-webkit-keyframes fadeOut{ 0%{ opacity:0; } 100%{ opacity:0; } } @keyframes fadeOut{ 0%{ opacity:0; } 100%{ opacity:0; } } }
ul{ list-style:none; column-count:2; -moz-column-count:2; -webkit-column-count:2; } ul li{ -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -moz-page-break-inside:avoid; page-break-inside:avoid; break-inside:avoid-column; }
http://qaru.site/questions/34311/how-to-prevent-column-break-within-an-element
