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