Gitiles
Code Review Sign In
gerrit.openbmc.org / openbmc / phosphor-webui / 38f681feee9d576ad962aae5fa46ad24ccc02d29 / . / src / scss / base / _buttons.scss
blob: 7bad9752f5b833f9d9d619f86d70f66ef016097a [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;
Michael Davisc5626182017-03-10 15:48:05 -0600[diff] [blame]6 padding: .8rem 3.5rem .5rem;
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]7 height: auto;
Michael Davisc5626182017-03-10 15:48:05 -0600[diff] [blame]8 border: 0;
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 Davisc5626182017-03-10 15:48:05 -0600[diff] [blame]29 min-height: 50px;
Michael Davis0f03ad12017-02-27 16:54:18 -0600[diff] [blame]30 &:hover {
Michael Davis5d014692017-03-02 13:37:40 -0600[diff] [blame]31 background: lighten($primebtn__bg, 8%);
Michael Davis0f03ad12017-02-27 16:54:18 -0600[diff] [blame]32 @include fastTransition-all;
33 }
34 &.disabled {
35 background: $btn__disabled-bg;
36 color: $btn__disabled-txt;
37 @include fastTransition-all;
38 &:hover {
39 cursor: default;
40 }
41 }
Michael Davisc5626182017-03-10 15:48:05 -0600[diff] [blame]42 i { // button symbol
43 font-style: normal;
44 text-transform: none;
45 font-size: 1.5em;
46 transform: rotate(80deg);
47 display: inline-block;
48 }
49 img{
50 width: 18px;
51 height: 18px;
52 display: inline-block;
53 }
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]54}
55.btn-secondary {
56 color: $secbtn__text;
57 background: transparent;
58 border: 2px solid $secbtn__border;
Michael Davisc5626182017-03-10 15:48:05 -0600[diff] [blame]59 min-height: 50px;
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]60 &:hover {
61 background: $lightbg__accent;
62 cursor: pointer;
63 background: $secbtn__bg;
Michael Davis0f03ad12017-02-27 16:54:18 -0600[diff] [blame]64 @include fastTransition-all;
65 }
66 &.disabled {
67 border: 2px solid $lightgrey;
68 background: $btn__disabled-bg;
69 @include fastTransition-all;
70 &:hover {
71 background: $btn__disabled-bg;
72 }
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]73 }
Michael Davisc5626182017-03-10 15:48:05 -0600[diff] [blame]74 i { // button symbol
75 font-style: normal;
76 font-weight: 400;
77 text-transform: none;
78 font-size: 1.5em;
79 transform: rotate(80deg) translate(-2px);
80 display: inline-block;
81 vertical-align: middle;
82 }
83 img{
84 width: 18px;
85 height: 18px;
86 display: inline-block;
87 margin-right: .5em;
88 margin-top: -3px;
89 }
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]90}