You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
107 lines
1.9 KiB
107 lines
1.9 KiB
4 months ago
|
|
||
|
|
.ui-button-raised {
|
||
|
|
display: inline-block;
|
||
|
|
padding: 0.5rem 1rem;
|
||
|
|
font-size: 1rem;
|
||
|
|
font-weight: bold;
|
||
|
|
text-transform: uppercase;
|
||
|
|
border: none;
|
||
|
|
border-radius: 0.25rem;
|
||
|
|
cursor: pointer;
|
||
|
|
transition: background-color 0.3s, color 0.3s;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-button-raised:hover {
|
||
|
|
background-color: #4CAF50;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Estilos para botones planos */
|
||
|
|
.ui-button-flat {
|
||
|
|
background-color: transparent;
|
||
|
|
border: 1px solid #4CAF50;
|
||
|
|
color: #4CAF50;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-button-flat:hover {
|
||
|
|
background-color: #4CAF50;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Estilos para botones secundarios */
|
||
|
|
.ui-button-secondary {
|
||
|
|
background-color: transparent;
|
||
|
|
border: 1px solid #007bff;
|
||
|
|
color: #007bff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-button-secondary:hover {
|
||
|
|
background-color: #007bff;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Estilos para botones de éxito */
|
||
|
|
.ui-button-success {
|
||
|
|
background-color: transparent;
|
||
|
|
border: 1px solid #28a745;
|
||
|
|
color: #28a745;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-button-success:hover {
|
||
|
|
background-color: #28a745;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Estilos para botones de información */
|
||
|
|
.ui-button-info {
|
||
|
|
background-color: transparent;
|
||
|
|
border: 1px solid #17a2b8;
|
||
|
|
color: #17a2b8;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-button-info:hover {
|
||
|
|
background-color: #17a2b8;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Estilos para botones de advertencia */
|
||
|
|
.ui-button-warning {
|
||
|
|
background-color: transparent;
|
||
|
|
border: 1px solid #ffc107;
|
||
|
|
color: #ffc107;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-button-warning:hover {
|
||
|
|
background-color: #ffc107;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Estilos para botones de ayuda */
|
||
|
|
.ui-button-help {
|
||
|
|
background-color: transparent;
|
||
|
|
border: 1px solid #6c757d;
|
||
|
|
color: #6c757d;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-button-help:hover {
|
||
|
|
background-color: #6c757d;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Estilos para botones de peligro */
|
||
|
|
.ui-button-danger {
|
||
|
|
background-color: transparent;
|
||
|
|
border: 1px solid #dc3545;
|
||
|
|
color: #dc3545;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-button-danger:hover {
|
||
|
|
background-color: #dc3545;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Estilos para botones planos sin borde */
|
||
|
|
.ui-button-plain {
|
||
|
|
border: none;
|
||
|
|
}
|