diff --git a/wp-content/themes/apus-theme/assets/css/style.css b/wp-content/themes/apus-theme/assets/css/style.css index e8296769..5a25d68e 100644 --- a/wp-content/themes/apus-theme/assets/css/style.css +++ b/wp-content/themes/apus-theme/assets/css/style.css @@ -1051,9 +1051,7 @@ img { color: #ffffff; } -/* ======================================== - SHARE BUTTONS -======================================== */ +/* === SHARE BUTTONS === */ .share-buttons .btn { transition: all 0.3s ease; diff --git a/wp-content/themes/apus-theme/assets/css/theme.css b/wp-content/themes/apus-theme/assets/css/theme.css index 3dac0f57..93c42fcf 100644 --- a/wp-content/themes/apus-theme/assets/css/theme.css +++ b/wp-content/themes/apus-theme/assets/css/theme.css @@ -347,99 +347,28 @@ input[type="reset"]:not([class*="btn"]):hover { text-decoration: none; } -button:focus, -.btn:focus, -input[type="button"]:focus, -input[type="submit"]:focus, -input[type="reset"]:focus { +input[type="button"]:not([class*="btn"]):focus, +input[type="submit"]:not([class*="btn"]):focus, +input[type="reset"]:not([class*="btn"]):focus { outline: none; box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.5); } -button:disabled, -.btn:disabled, -input[type="button"]:disabled, -input[type="submit"]:disabled, -input[type="reset"]:disabled { +input[type="button"]:not([class*="btn"]):disabled, +input[type="submit"]:not([class*="btn"]):disabled, +input[type="reset"]:not([class*="btn"]):disabled { opacity: 0.65; cursor: not-allowed; } -/* Button variants */ -.btn-secondary { - background-color: var(--secondary-color); - color: var(--white); -} - -.btn-secondary:hover { - background-color: #5a6268; -} - -.btn-success { - background-color: var(--success-color); - color: var(--white); -} - -.btn-success:hover { - background-color: #157347; -} - -.btn-danger { - background-color: var(--danger-color); - color: var(--white); -} - -.btn-danger:hover { - background-color: #bb2d3b; -} - -.btn-warning { - background-color: var(--warning-color); - color: var(--gray-900); -} - -.btn-warning:hover { - background-color: #ffbb33; -} - -.btn-info { - background-color: var(--info-color); - color: var(--white); -} - -.btn-info:hover { - background-color: #0aa8cc; -} - -.btn-light { - background-color: var(--light-color); - color: var(--gray-900); - border-color: var(--gray-300); -} - -.btn-light:hover { - background-color: #e2e6ea; -} - -.btn-dark { - background-color: var(--dark-color); - color: var(--white); -} - -.btn-dark:hover { - background-color: #1a1e21; -} - -/* Button sizes */ -.btn-sm { - padding: 0.25rem 0.5rem; - font-size: var(--font-size-sm); -} - -.btn-lg { - padding: 0.75rem 1.5rem; - font-size: var(--font-size-lg); -} +/* Button variants + * ELIMINADO: Bootstrap ya define todas estas clases + * .btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-warning, .btn-info, .btn-light, .btn-dark + * .btn-outline-primary, .btn-outline-secondary, etc. + * .btn-sm, .btn-lg + * + * No sobrescribir Bootstrap - dejarlo manejar los estilos de botones + */ /* Alerts */ .alert {