@mixin placeholder-color($color)
{
&::-webkit-input-placeholder
{
/* WebKit, Blink, Edge */
text-overflow: ellipsis;
opacity: 1;
color: $color;
}
&:-moz-placeholder
{
/* Mozilla Firefox 4 to 18 */
text-overflow: ellipsis;
opacity: 1;
color: $color;
}
&::-moz-placeholder
{
/* Mozilla Firefox 19+ */
text-overflow: ellipsis;
opacity: 1;
color: $color;
}
&:-ms-input-placeholder
{
/* Internet Explorer 10-11 */
text-overflow: ellipsis;
opacity: 1;
color: $color;
}
&::-ms-input-placeholder
{
/* Microsoft Edge */
text-overflow: ellipsis;
opacity: 1;
color: $color;
}
&::placeholder
{
/* Most modern browsers support this now. */
text-overflow: ellipsis;
opacity: 1;
color: $color;
}
}
.link {
@include placeholder-color(#ccc);
&:hover {
@include placeholder-color(#000);
}
}position: absolute;
width: 100%;
z-index: 10;
top: 0;
left: 0;
.swiper-container {
overflow: hidden;
}.swiper-container {
overflow: visible;
}.slider {
overflow: hidden;
}<div class="slider">
<div class="slider__container swiper-container">
<div class="slider__list swiper-wrapper">
<div class="slider__item swiper-slide">Slide 1</div>
<div class="slider__item swiper-slide">Slide 2</div>
<div class="slider__item swiper-slide">Slide 3</div>
</div>
</div>
</div>// стандарт
<div class="field">
<input class="input" />
</div>
// с модификаторами
<div class="field field_big-space">
<input class="input input_big-text" />
</div>background: url(img\intro\intro__bg.jpg) center no-repeat;
если у сайта не одна страница, то для каждой нужно писать css в отдельном файле?
но ведь на страницах много одинаковых элементов, таких как header, footer.
.footer-widgets {
height: 180px; <- Это удалить
}
.sidebar-column {
position: relative;
bottom: 70px; <- Это удалить
}
.widget-area .widget {
position: relative;
margin-bottom: 55px; <- Это удалить
}