display: none
, то toggle
просто убирает свойство display
и оно становится дефолтным для a
, то есть inline
.div
и переключать его;display
.i
не стоит использовать для иконок, семантически он предназначен для выделения фрагмента текста, например технического термина или идиоматическтого выражения;'display'
в первом параметре toggle
не имеет смысла, там может быть длительность переключения, объект с параметрами или логическое значение, но не произвольная строка. function putCircleOnPath(path, circle, percent) {
const length = path.getTotalLength();
const point = path.getPointAtLength(length * percent / 100);
circle.setAttribute('cx', point.x);
circle.setAttribute('cy', point.y);
}
.project-details__container.project-details__container__loaded {}
.project-details__cover.project-details__cover_loaded {}
.project-details{
$this: &;
&__container{
&#{$this}__container__loaded{
}
&__cover{
&#{$this}__cover_loaded{
}
}
}
.project-details {
&__container{
&__loaded{
}
}
}
<div class="person">
<img class="person__photo" src="">
<div class="person__wrapper">
<div class="person__name">Имя фамилия</div>
<div class="person__position">Должность</div>
</div>
</div>
.person {
display: flex;
align-items: center;
gap: 1rem;
}
.person__photo {
width: 50px;
height: 50px;
border-radius: 50%;
flex-shrink: 0;
}
.person__wrapper {
display: grid;
gap: 0.25rem;
}
.person__name {}
.person__position {}
.banner {
свойства
}
.banner__text {
свойства
}
.banner__img {
свойства
}
.mytable:not(#table_1):not(#table_2) {
/* Таблица с классом .mytable, но не имеющая идентификаторов #table_1 и #table_2 */
}
.mytable:not([id]) {
/* Таблица с классом .mytable, но не имеющая никаких идентификаторов */
}
.table-striped {
}
body {
background: black no-repeat / cover;
background-image: var(--bg-image-mobile);
}
@media (min-width: 768px) {
body {
background-image: var(--bg-image-tablet);
}
}
@media (min-width: 1200px) {
body {
background-image: var(--bg-image-desktop);
}
}
<body style="
--bg-image-mobile: url(/images/bg-image-mobile.jpg);
--bg-image-tablet: url(/images/bg-image-tablet.jpg);
--bg-image-desktop: url(/images/bg-image-desktop.jpg);
">
</body>