Estilo
This commit is contained in:
parent
d59beccd49
commit
56a8c3e1ef
|
@ -11,7 +11,7 @@ export function factory() {
|
|||
template: template,
|
||||
default: {
|
||||
label: 'Submit',
|
||||
className: 'mdl-button mdl-js-button mdl-button--raised',
|
||||
className: 'mdl-button mdl-js-button mdl-button--raised mdl-button--colored',
|
||||
enabled: 'true',
|
||||
typeName: 'button'
|
||||
}
|
||||
|
|
|
@ -1,3 +1,3 @@
|
|||
<button class="mdl-button mdl-js-button mdl-button--raised *[className]*" *[enabled]*>
|
||||
<button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored *[className]*" *[enabled]*>
|
||||
<vn-icon icon="*[icon]*"></vn-icon>*[label]*
|
||||
</button>
|
|
@ -6,25 +6,18 @@
|
|||
bottom: 10px;
|
||||
}
|
||||
|
||||
.mdl-button--raised {
|
||||
/* TODO: No utilizar !important */
|
||||
.mdl-button {
|
||||
font-weight: bolder;
|
||||
color: white;
|
||||
}
|
||||
.mdl-button--raised,
|
||||
.mdl-button--raised:focus,
|
||||
.mdl-button--raised:active {
|
||||
background-color: #ff9400 !important;
|
||||
.mdl-button--colored {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.mdl-button--icon {
|
||||
background-color: #ff9400;
|
||||
font-weight: bolder;
|
||||
color: white;
|
||||
.mdl-button--colored,
|
||||
.mdl-button--colored:focus,
|
||||
.mdl-button--colored:active {
|
||||
background-color: #ffa410 !important;
|
||||
}
|
||||
.mdl-button--icon:hover {
|
||||
background-color: #ffa410;
|
||||
.mdl-button--colored:hover {
|
||||
background-color: #ffa410 !important;
|
||||
}
|
||||
|
||||
.mdl-button--raised:hover {
|
||||
background-color: #ffa410;
|
||||
}
|
|
@ -8,7 +8,7 @@ export function factory() {
|
|||
template: template,
|
||||
default: {
|
||||
label: 'Submit',
|
||||
className: 'mdl-button mdl-js-button mdl-button--raised',
|
||||
className: 'mdl-button mdl-js-button mdl-button--raised mdl-button--colored',
|
||||
enabled: 'true'
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue