Tag: BOOTSTRAP-SASS
Aquí está el enlace de CodePen de lo que quiero lograr, además no quiero que el encabezado se deslice hacia abajo cuando hay texto en el campo de entrada. Ahora, cuando uso “valid” de esta manera, la animación del encabezado se detiene. ¿Hay alguna otra forma de hacerlo? Ignora el . . . Read more
En Sass, podemos usar una lista de argumentos, pero ¿cómo podemos comprobar si esta lista de argumentos está vacía o no? Aquí tienes un ejemplo básico con algunas depuraciones: @mixin mymixin($myargs…) { @debug $myargs; @debug type-of($transitions); @debug not $myargs; @debug $myargs == (); @debug $myargs == list; @debug $myargs == . . . Read more
Intenté optimizar mi estilo que tiene estilos repetidos en su mayoría. Tengo algo como esto: .ds-input.ds–valid .ds-input__control:not(#specificity-issue), .ds-select.ds–valid .ds-select__control:not(#specificity-issue) { border-color: var(–my-color); &:focus { border-color: var(–my-border-color); } } Intenté usar variables, pero las variables anidadas dan un resultado incorrecto. $dsSelectors: “ds-select, ds-input”; .#{$dsSelectors}.ds–valid.#{$dsSelectors}__control:not(#specificity-issue) { border-color: var(–my-color); &:focus { border-color: var(–my-border-color); . . . Read more
Tengo un proyecto que utiliza “create-react-app” y un archivo “colors.scss” alojado remotamente que solo contiene la definición de los colores (contenido a continuación). $color-blue: #2281ff; $color-cyan: #11a0f2; $color-lue-light: #cfd7fc; Luego tengo un archivo “index.scss” que se ve de la siguiente manera: @import url(‘http://url.domain/colors.scss’); body { background-color: $color-blue; } Cuando se . . . Read more
Necesito crear un triángulo transparente de ancho completo con borde y algunos elementos en su interior mediante CSS. ¿Alguien sabe cómo hacerlo? Gracias de antemano.