UI Enhancements vars
$primary-color-palette [private]
scss
$primary-color-palette: map-get($chattigo-palette, primary);Paleta de colores Primaria
Requires
$chattigo-palette [private]
Used By
$box-shadow-input-focus [private]
$secondary-color-palette [private]
scss
$secondary-color-palette: map-get($chattigo-palette, secondary);Paleta de colores Secundaria
Requires
$chattigo-palette [private]
$grey-color-palette [private]
scss
$grey-color-palette: map-get($chattigo-palette, 'grey');Paleta de colores Grises
Requires
$chattigo-palette [private]
$box-shadow-button [private]
scss
$box-shadow-button: 1px 1px 5px 0 transparentize(map-get(map-get($chattigo-palette, base), 'black'), 0.5);Box Shadow Base para Buttons elements
Requires
$chattigo-palette [private]
$box-shadow-button-hover [private]
scss
$box-shadow-button-hover: 0 3px 8px 0 transparentize(map-get($grey-color-palette, base), 0.7);Box Shadow para el estado hover en Buttons elements
Used By
$box-shadow-input-focus [private]
scss
$box-shadow-input-focus: 0 0 5px 0 map-get($grey-color-palette, light-i);Box Shadow para el estado focus en Inputs elements
Requires
$primary-color-palette [private]
Used By
$box-shadow-card-lvl-1 [private]
scss
$box-shadow-card-lvl-1: 1px 1px 6px 0 rgba(0, 0, 0, 0.22);Box Shadow para Card elements lvl 1.
$box-shadow-card-lvl-2 [private]
scss
$box-shadow-card-lvl-2: 0 8px 14px 0 rgba(0, 0, 0, 0.1);Box Shadow para Card elements lvl 2.
$box-shadow-card-lvl-3 [private]
scss
$box-shadow-card-lvl-3: 0 0 20px 0 rgba(0, 0, 0, 0.04), 0 20px 30px 0 rgba(0, 0, 0, 0.08);Box Shadow para Card elements lvl 3.
$box-shadow-card-lvl-4 [private]
scss
$box-shadow-card-lvl-4: 20px 38px 60px 0 rgba(0, 0, 0, 0.1);Box Shadow para Card elements lvl 4.
$box-shadow-messages [private]
scss
$box-shadow-messages: 0 0 6px 0 rgba(0, 0, 0, 0.06), 1px 1px 2px 0 rgba(0, 0, 0, 0.06);Box Shadow para Messages Box elements.
$message-box-sended-gradient [private]
scss
$message-box-sended-gradient: linear-gradient(180deg, hsl(43, 100%, 92%) 0%, hsl(44, 100%, 88%) 100%);Messages Box sended gradient.
Used By
placeholder message-sended-base
$message-box-received-gradient [private]
scss
$message-box-received-gradient: linear-gradient(180deg, hsl(0, 0%, 100%) 0%, hsl(0, 0%, 98%) 100%);Messages Box received gradient.