From 5d557158f205795df5abd1af65df962a1a7b5d0d Mon Sep 17 00:00:00 2001 From: mpuebla Date: Mon, 8 Jul 2019 10:05:00 -0300 Subject: [PATCH] Codigo identado, creadas clases para color de texto. --- src/sass/general.scss | 134 ++++++++++++++++++++++++++------------------------ 1 file changed, 69 insertions(+), 65 deletions(-) diff --git a/src/sass/general.scss b/src/sass/general.scss index 0014e2a..bf94d45 100644 --- a/src/sass/general.scss +++ b/src/sass/general.scss @@ -1,30 +1,29 @@ -@import 'constants'; -@import 'admin-seguimiento'; -@import 'bootstrap'; -@import 'botonera'; -@import 'botonera-lateral'; -@import 'botonera-principal'; -@import 'botonera-secundaria'; -@import 'contenedor'; -@import 'lista'; -@import 'login'; -@import 'panel-informativo'; -@import 'tabla'; -@import 'teclado'; -@import 'tabla-articulos'; -@import 'acciones-mobile'; -@import 'swiper'; -@import 'foca-crear'; -@import 'logistica-pedido-ruta'; -@import 'tabs'; -@import 'grid'; -@import 'paginador-abm'; -@import 'table-autorizar-nota-pedido'; - +@import "constants"; +@import "admin-seguimiento"; +@import "bootstrap"; +@import "botonera"; +@import "botonera-lateral"; +@import "botonera-principal"; +@import "botonera-secundaria"; +@import "contenedor"; +@import "lista"; +@import "login"; +@import "panel-informativo"; +@import "tabla"; +@import "teclado"; +@import "tabla-articulos"; +@import "acciones-mobile"; +@import "swiper"; +@import "foca-crear"; +@import "logistica-pedido-ruta"; +@import "tabs"; +@import "grid"; +@import "paginador-abm"; +@import "table-autorizar-nota-pedido"; //OCULTA FLECHAS INPUT NUMBER -input[type='number'] { - -moz-appearance:textfield; +input[type="number"] { + -moz-appearance: textfield; } input::-webkit-outer-spin-button, @@ -32,18 +31,18 @@ input::-webkit-inner-spin-button { -webkit-appearance: none; } -.d-md-grid{ +.d-md-grid { @media (min-width: 768px) { display: grid !important; } } -.btn-outline-debo{ +.btn-outline-debo { background-color: transparent; color: $primary; border-color: $primary; - &:hover{ - color: #FFF; + &:hover { + color: #fff; border-color: transparent; background-color: $primary; } @@ -51,7 +50,7 @@ input::-webkit-inner-spin-button { box-shadow: 0px 0px 0px 3px $primaryTransparency !important; } &:active { - color: #FFF; + color: #fff; background-color: $primary !important; box-shadow: 0px 0px 0px 3px $primaryTransparency !important; } @@ -69,7 +68,7 @@ input::-webkit-inner-spin-button { } .line-break { - white-space:pre-wrap + white-space: pre-wrap; } .input-group-append > button { @@ -83,7 +82,6 @@ input::-webkit-inner-spin-button { } } - .btn-login { box-shadow: none !important; } @@ -91,15 +89,15 @@ input::-webkit-inner-spin-button { input[type="file"] { display: none; } - .custom-file-upload { +.custom-file-upload { border: 1px solid #ccc; display: inline-block; padding: 6px 12px; cursor: pointer; - } - +} + .btn-brown { - background-color:$primary; + background-color: $primary; -webkit-appearance: none; border-color: transparent; &:focus { @@ -112,7 +110,7 @@ input[type="file"] { } .btn-Guardar { - background-color:green; + background-color: green; -webkit-appearance: none; border-color: transparent; &:focus { @@ -152,7 +150,7 @@ input[type="file"] { border-color: $primaryTransparency !important; background-color: $primaryTransparency !important; } - &:active{ + &:active { background-color: $primary !important; box-shadow: 0px 0px 0px 3px $primaryTransparency !important; } @@ -168,7 +166,7 @@ input[type="file"] { border-color: $primaryTransparency !important; background-color: $primaryTransparency !important; } - &:active{ + &:active { background-color: $primary !important; box-shadow: 0px 0px 0px 3px $primaryTransparency !important; } @@ -184,24 +182,24 @@ input[type="file"] { border-color: $primary; box-shadow: 0 0 5px $primary; } - &:active{ + &:active { box-shadow: 0 0 5px $primary; } } .btn-default { - color: #FFF; + color: #fff; background-color: $default !important; border-color: $default !important; &:focus { box-shadow: none !important; } &:hover { - color: #FFF; + color: #fff; border-color: $defaultTransparency !important; background-color: $defaultTransparency !important; } - &:active{ + &:active { background-color: $default !important; box-shadow: 0px 0px 0px 3px $defaultTransparency !important; } @@ -209,74 +207,74 @@ input[type="file"] { .btn-danger { &:hover { - color: #FFF; + color: #fff; border-color: $dangerTransparency !important; background-color: $dangerTransparency !important; } } .table-celda-total { - background-color: $highlightedArea; + background-color: $highlightedArea; } marquee { background-color: $highlightedArea; } -.front-index{ +.front-index { z-index: 9999; } -.uib-daypicker{ - outline: 0 +.uib-daypicker { + outline: 0; } -.right-0{ +.right-0 { right: 0; } -.tabla-factura{ +.tabla-factura { word-wrap: break-word; table-layout: fixed; } -.ladda-w-100 .ladda-label{ +.ladda-w-100 .ladda-label { width: 100%; float: right; } -.btn-delete-image{ +.btn-delete-image { height: 25px; width: 25px; top: -10px; right: 0; } -button.clear-input{ +button.clear-input { cursor: pointer; background: transparent; border: none; margin-left: -24px; z-index: 9; color: #a3a3a3; - &:focus{ + &:focus { outline: none; } } .custom-control-input { &:checked ~ .custom-control-label::before { - border: none !important; + border: none !important; color: $primary !important; - background-color: $primary !important; + background-color: $primary !important; box-shadow: 0px 0px 0px 2px $primaryTransparency !important; } - &:active ~ .custom-control-label::before { - border: none !important; + &:active ~ .custom-control-label::before { + border: none !important; color: $primary !important; - background-color: $primary !important; + background-color: $primary !important; } &:focus ~ .custom-control-label::before { - border: none !important; + border: none !important; box-shadow: 0px 0px 0px 2px $primaryTransparency !important; } &:focus:not(:checked) ~ .custom-control-label::before { @@ -286,11 +284,11 @@ button.clear-input{ border: none !important; color: $primary !important; box-shadow: 0px 0px 0px 2px $primaryTransparency !important; - } - &:hover ~ .custom-control-label::before { - border: none !important; - background-color: $primaryTransparency; - } + } + &:hover ~ .custom-control-label::before { + border: none !important; + background-color: $primaryTransparency; + } } .disable-selection { user-select: none; @@ -300,3 +298,9 @@ button.clear-input{ -webkit-user-select: none; /* Chrome, Safari, and Opera */ -webkit-touch-callout: none; /* Disable Android and iOS callouts*/ } +.foca-text-success { + color: $textSuccess !important; +} +.foca-text-danger { + color: $textDanger !important; +} -- 1.9.1