Gitiles
Code Review Sign In
gerrit.openbmc.org / openbmc / phosphor-webui / 9e00ce9692351c1b6636eb4732345bde2c9f5b35 / . / src / scss / base / _buttons.scss
blob: 5f239dfc15c392c6b392b892c0e310bbf5f756d2 [file] [log] [blame]
Iftekharul Islamf157d372017-03-08 11:11:27 -0600[diff] [blame]1button, .button, input[type="submit"], .submit {
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]2 font-weight: bold;
3 font-size: 1em;
4 text-transform: none;
5 border-radius: 3px;
6 padding: .8rem 3.5rem;
7 height: auto;
Michael Davis0f03ad12017-02-27 16:54:18 -0600[diff] [blame]8 border: 0px;
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]9 &:hover {
10 cursor: pointer;
11 }
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]12}
13
14.disabled {
15 button, .button, input[type="submit"] {
16 opacity: 0.2;
Michael Davis0f03ad12017-02-27 16:54:18 -0600[diff] [blame]17 color: $btn__disabled-txt;
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]18 &:hover {
19 cursor: default;
20 background: transparent;
21 }
22 }
23}
24
Michael Davis5d014692017-03-02 13:37:40 -0600[diff] [blame]25.btn-primary,
26input[type="submit"] {
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]27 color: $primebtn__text;
28 background: $primebtn__bg;
Michael Davis0f03ad12017-02-27 16:54:18 -0600[diff] [blame]29 &:hover {
Michael Davis5d014692017-03-02 13:37:40 -0600[diff] [blame]30 background: lighten($primebtn__bg, 8%);
Michael Davis0f03ad12017-02-27 16:54:18 -0600[diff] [blame]31 @include fastTransition-all;
32 }
33 &.disabled {
34 background: $btn__disabled-bg;
35 color: $btn__disabled-txt;
36 @include fastTransition-all;
37 &:hover {
38 cursor: default;
39 }
40 }
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]41}
42.btn-secondary {
43 color: $secbtn__text;
44 background: transparent;
45 border: 2px solid $secbtn__border;
46 &:hover {
47 background: $lightbg__accent;
48 cursor: pointer;
49 background: $secbtn__bg;
Michael Davis0f03ad12017-02-27 16:54:18 -0600[diff] [blame]50 @include fastTransition-all;
51 }
52 &.disabled {
53 border: 2px solid $lightgrey;
54 background: $btn__disabled-bg;
55 @include fastTransition-all;
56 &:hover {
57 background: $btn__disabled-bg;
58 }
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]59 }
60}