-
Notifications
You must be signed in to change notification settings - Fork 16
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Что если input помимо размера может иметь еще и разный цвет ? #9
Comments
Я сомневаюсь, что в реальном проекте может появиться задача в том виде, в котором вы предложили её нам. Ну кому может понадобиться семь разных цветов для инпутов? Я не представляю себе такой проект. Единственное, что я могу предположить - инпуты становятся красными, если его содержимое невалидное; желтыми, если содержимое допустимое, но нужно показать ворнинг; зелеными - если содержимое валидное. В таком случае разные цвета инпутов будут формироваться разными состояниями инпута, типа _valid, _invalid, _warning (названия не самые удачные, первое, что пришло на ум)
А сами состояния инпуту мы будем выставлять из javascript. |
<input type="button" value="Ok"/> :) Кнопки могут быть разного размера и иметь разный цвет. .button_color-red_size-XL_icon-smile {
button_skin_base($height= 50px);
background-color: #f00;
background-image: url('smile.png');
}
.button_color-*_size-*_icon-smile {
............
}
............
.button_color-red_size-XL {
button_skin_base($height= 50px);
background-color: #f00;
}
.button_color-*_size-* {
............
}
............
.button_size-XL {
button_skin_base($height= 50px);
}
.button_size-* {
............
}
............ получается как-то так? |
или так:
В имена вьюх мы не вшиваем значения css-свойств. Мы даём имена по смыслу: большая тревожная кнопка, малая тревожная кнопка. Чтобы человеком это читалось, как текст. |
Это хорошо когда цвет кнопки определяет ее специфику. /* Кнопка очень большая красная со смайликом :) */
.button_ExtraLarge-Red-WithSmile {}
/* Кнопка большая желтая со смайликом */
.button_Large-Yellow-WithSmile {}
/* Кнопка нормальная зеленая */
.button_Normal-Green {} Это уже больше похоже на фамилию, тем более на мою :) |
Значит так :) Как бы вы решали эту задачу раньше? Так же, только множественными классами:
Мы сделаем это одним классом. |
допустим по 7 цветов для каждого размера
The text was updated successfully, but these errors were encountered: