$color-base: 64, 126, 201;
.element {
background-color: rgba($color-base, 1);
}
.element-transparent {
background-color: rgba($color-base, 0.3);
}
$color-base: 64, 126, 201;
$alpha-1: 1;
$alpha-2: 0.3;
.element {
background-color: rgba($color-base, $alpha-1);
}
.element-transparent {
background-color: rgba($color-base, $alpha-2);
}
подскажите библиотеку, в которой можно - такую же легкую, как и эта, то есть, без наворотов.
.footer {
position: relative;
overflow: visible;
}
.footer:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -9999px;
right: -9999px;
background: gray;
}
да рядов может быть гораздо больше и при адаптации в ряду может быть и 2 и 1 элемент
У картинки есть класс, но он привязан сразу к нескольким разным картинкам, а мне хотелось бы заменить только одну.
Но сайт после перезахода меняет значения после "rev= " и получается новая ссылка и css уже не работает
[src^="https:/\/primer.ru/theme/image.php?theme=fordson&component=url"]:nth-child(3) {
content: url(http://ioioioio.png);
}
НО. При каждом входе сайт генерирует новую ссылку для изображения. Зачем так делать вообще?
important
..woocommerce.single-product .product .summary.entry-summary {
display: grid;
}
.woocommerce.single-product .product .woocommerce-product-details__short-description {
order: 1;
}
.woocommerce.single-product .product .summary.entry-summary .price {
order: 2;
float: none;
}
.woocommerce.single-product .product form.cart {
order: 3;
}
.woocommerce.single-product .product .product_meta {
order: 4;
}
грид автоматически создаст одну колонку и 6 рядов
Выдаёт ошибку в препроцессоре Undefined mixin.
https://jsitor.com/6TIiVdjvt3
wrong number of arguments (4 for 3) for `rgb'
, но ее можно решить используя ответы от сюда https://stackoverflow.com/questions/16581791/wrong... . А нужны ли вообще препроцессоры в 2к22, уже почти 2к23 году
Переменные давно реализованы в нативном CSS
$palette: (
light: (
1: "0deg 100% 99%",
2: "0deg 100% 98%",
3: "0deg 100% 96%",
),
dark: (
1: "0deg 0% 0%",
2: "0deg 0% 0%",
3: "0deg 0% 0%",
),
);
вложенность также
.car {
color: red;
&--model {
background: black;
&-tesla {
color: blue;
}
}
}
Какие преимущества остались у препроцессоров?
.palette--light-1 { color: hsl(0deg 100% 99%) }
.palette--light-2 { color: hsl(0deg 100% 98%) }
// ...
.palette--dark-3 { color: hsl(0deg 0% 0%) }
src
, одного хватит.;
хватит одного, в самом конце.@font-face {
font-family: name_font;
font-style: normal;
font-weight: normal;
src:
local("name_font"),
local("name-font"),
local("name font"),
url("path_name_font/name_font.woff2") format("woff2"),
url("path_name_font/name_font.woff") format("woff");
}