1 Тема від xZartsust

  • xZartsust
  • Користувач
  • Поза форумом
  • Дата реєстрації: 11.12.2019
  • Повідомлень: 31
    • Репутація: 3

Тема: Властивості CSS

Допоможіть будь ласка що означають ці -- перед властивістями?

.theme-dark,
.theme-light {
    --background-message-hover: rgba(0, 0, 0, 0);
    --header-primary: #fff;
    --header-secondary: #b9bbbe;
    --text-normal: #dcddde;
    --text-muted: #9d9d9d;
    --channels-default: #8e9297;
    --interactive-normal: #b9bbbe;
    --interactive-hover: #dcddde;
    --interactive-active: #fff;
    --interactive-muted: #4f545c;
    --background-primary: transparent;
    --background-secondary: transparent;
    --background-tertiary: transparent;
    --background-accent: transparent;
    --background-floating: rgba(0, 0, 0, .8);
    --activity-card-background: transparent;
    --deprecated-panel-background: transparent
}
Подякували: Сергій781

xZartsust вебсайт

2 Відповідь від VTrim

  • VTrim
  • VTrim
  • =)
  • Поза форумом
  • Дата реєстрації: 07.09.2014
  • Повідомлень: 3 333
    • Репутація: 2304

Re: Властивості CSS

Означають оголошення змінної, яка слідує за ними.

Подякували: plusxx1

3 Відповідь від koala

  • koala
  • koala
  • Лінива тваринка
  • Поза форумом
  • Дата реєстрації: 01.05.2013
  • Повідомлень: 15 782
    • Репутація: 13453

Re: Властивості CSS

Гляньте стандарт, там є приклади.

Подякували: xZartsust, leofun012

koala вебсайт

4 Відповідь від xZartsust

  • xZartsust
  • Користувач
  • Поза форумом
  • Дата реєстрації: 11.12.2019
  • Повідомлень: 31
    • Репутація: 3

Re: Властивості CSS

VTrim написав:

Означають оголошення змінної, яка слідує за ними.

Тобто дальше ці зміні які є в середин цих селекторів будуть застосовуватися до інших селекторів які записані в один ряд з ними?

.theme-light .emptyCard-1AOHER {
    border-color: #00000000;
}

Це тоже саме як що написати так:

.emptyCard-1AOHER {
    border-color: #00000000;
    background-message-hover: rgba(0, 0, 0, 0);
    header-primary: #fff;
    header-secondary: #b9bbbe;
    text-normal: #dcddde;
    text-muted: #9d9d9d;
    channels-default: #8e9297;
    interactive-normal: #b9bbbe;
    interactive-hover: #dcddde;
    interactive-active: #fff;
    interactive-muted: #4f545c;
    background-primary: transparent;
    background-secondary: transparent;
    background-tertiary: transparent;
    background-accent: transparent;
    background-floating: rgba(0, 0, 0, .8);
    activity-card-background: transparent;
    deprecated-panel-background: transparent
}

І їх можна використовувати так:

   background-color: var(--Secondary-Main-Colour)

xZartsust вебсайт

5 Відповідь від VTrim

  • VTrim
  • VTrim
  • =)
  • Поза форумом
  • Дата реєстрації: 07.09.2014
  • Повідомлень: 3 333
    • Репутація: 2304

Re: Властивості CSS

Їх можна просто використовувати у інших селекторах за бажанням, щоб при потребі, не бігати по останнім по всіх шматках css, а відредагувати у одному блоці зі змінними.

Подякували: xZartsust, leofun01, Сергій783

6 Відповідь від xZartsust

  • xZartsust
  • Користувач
  • Поза форумом
  • Дата реєстрації: 11.12.2019
  • Повідомлень: 31
    • Репутація: 3

Re: Властивості CSS

Я зрозумів, дякую за пояснення

xZartsust вебсайт