Цвет текста

Курсы §28. Знакомство с LESS
1

Что не так? Не хочет засчитывать в 11 курсе первую цель.

Внутри правила &-primary
кнопки .btn создайте вложенное правило &-disabled,
в котором задайте цвет текста rgba(255, 255, 255, 0.8)
и цвет фона светлее @base-color на 20%.

@base-color: rgb(110, 27, 255);
    @alter-color: spin(@base-color, 60);
    
    .btn {
        &-primary {
            background-color: @base-color;
            
            &-hover, &:hover {
                background-color: lighten(@base-color, 20%);
            }
            
            &-pressed, &:active {
                background-color: darken(@base-color, 20%);
            }
            
            &-disabled {
                background-color: desaturate(lighten(@base-color, 20%),70%);
                color: lighten(rgba(255, 255, 255, 0.8), 20%);
            }
        }
    }
2

Для первой цели вроде не нужно осветлять цвет, всё работает с таким набором:

    /* &-правило добавьте тут */
  &-disabled {
        color: rgba(255,255,255,0.8);
        background-color: desaturate(lighten(@base-color, 20%), 70%);
    }

Чтоб выполнить первую цель, сначала нужно написать бэкграунд без desaturate:

background-color: lighten(@base-color, 20%);
color: rgba(255, 255, 255, 0.8);

И уже потом привести к виду, который выше.

P.S.: вроде работает не во всех браузерах задание, у меня, например, в Опере-«двенашке» вообще его не выполнить. В Хроме работает точно, в Мозилле тоже.

2 лайка
3

Приправняй оперу «Двенашку» к IE7-8 ) и скачай новую :wink:

4

Новая вызывает тошноту, увы) Старая вроде вполне устраивает, для простого сёрфинга, по-крайней мере, по-прежнему юзаю её. Если умрёт окончательно, скорее уж на Хром перейду, чем на новую Оперу.

5

Спасибо, сработало.

6

Ты про Вивальди или Оперу после “двенашки”?

7

Про Оперу на новом движке, само собой.

8

Вивальди - тоже Опера, только новая после новой Оперы) и они оба на хромониуме :wink:

1 лайк
9

Блин, я и не знал, что какой-то новый браузер появился по имени Вивальди. Сначала подумал, это стёб такой профессиональный про Вивальди :smiley:
Спасибо на наводку, обязательно попробую как-нибудь скоро.

1 лайк
10 
     &-disabled {
        color: rgba(255, 255, 255, 0.8);            
        background-color: desaturate(lighten(@base-color, 20%), 70%);   
    }

Вот такой текст получился. Цель 1 - не срабатывает. Браузер Хром. Как быть?)

11

Привет, а какое это задание?