11
votos
¿Cómo sustraer (quitar relleno) a una figura en css3?
Puedes utilizar un div cuyo overflow:hidden + un pseudo-elemento ::before, transparente con un box-shadow azul.
#libro {
width: 150px;
height: 50px;
border-radius: 0 25px 25px 0;
...
8
votos
¿Como cambiar los estilos css de las opciones de un select?
Lo que quieres lograr no es posible hacerlo con css, sin embargo aquí te propongo una solución alternativa que te deja aplicar el estilo que quieras a tus opciones sin usar <select> ni <...
7
votos
Aceptado
¿Que significa en sass/scss "&"?
¿Entonces sería en este caso .show > & equivalente a .show > .nav-pills .nav-link?
Sí.
¿Se hereda todas los selectores padres con &?
Sí.
Según la documentación oficial (Inglés):
...
Wiki de comunidad
6
votos
Aceptado
¿Existen diferencias entre SCSS y CSS?
CSS es el lenguaje de estilo que cualquier navegador entiende para diseñar páginas web.
SCSS es un tipo especial de archivo para SASS, un programa escrito en Ruby que ensambla hojas de estilo CSS ...
5
votos
FontFace no funciona
En el CSS estás aplicando esa fuente solamente a los elementos que tengan la clase description:
.description{
color: $text-color-black;
font-size: $size-9;
font-family: 'pruebas';
}
Por tanto, ...
4
votos
Aceptado
Crear animación para desplegar una fila de una tabla
Las filas (tr) de las tablas (table) no aceptan una altura menor a la de su contenido, y es por esto que no podemos animar el height.
Solución:
Podemos agregar un div en cada celda (td) al cual ...
3
votos
¿Cómo sustraer (quitar relleno) a una figura en css3?
Podrías usar clip-path con un círculo para recortar la parte izquierda. Aunque, la verdad, la solución de enxaneta es mejor y más ingeniosa (no vas a necesitar un elemento SVG) y va a tener más ...
3
votos
Aceptado
Adaptar código CSS para div de ancho responsive
Asegurate que en tu HTML cuentes con el meta-viewport, y un consejo al momento de alterar el width al 100%, con el padding que le estas dando el div generara scroll horizontal por lo cual con calc al ...
3
votos
Aceptado
¿Cuándo y cómo usar la directiva @content en Sass?
El @content lo he usad en mixin con un enfoque similar al que propones:
Para trabajar mediaqueries donde desee como este ejemplo:
@mixin desde($size){
@if map-has-key($breakpoints,$size){
...
3
votos
Cómo hacer un estilo en el que un ancestro cambia de clase
Realmente creo que lo que buscas no existe. Yo también he buscado más de una vez este comportamiento (hacer referencia al elemento abuelo en vez de al padre pero no he podido encontrar nada).
Sin ...
3
votos
Aceptado
Puedo abreviar tipos de Input en Sass?
Según mi experiencia lo más cercano que hay sería usar el & o referenciador de selectores superiores (padres):
input {
&[type=text], &[type=password], &[type=email] {
&:...
3
votos
Aceptado
¿que tecnología css están usado?
Por lo que se puede ver en sus repositorios (https://github.com/ironhack) normalmente utilizan sass para los estilos y después los compilan para convertirlos a css y es en ese proceso cuando le pasan ...
3
votos
Aceptado
Es posible lograr este efecto con un ngFor y css?
Puesto que tienes filas de hasta 3 elementos, creo que lo más sencillo sería adaptar la lista de elementos para que la vista itere fácilemente sobre ellos.
Asumo que tienes una propiedad producto que ...
3
votos
Aceptado
¿Cómo puedo separar los estilos de una misma etiqueta <a>?
En css, puedes anidar elementos, clases e ids de elementos.
Puedes ver algunos ejemplos aquí:
http://www.w3big.com/es/css/css-grouping-nesting.html
En tu caso, para que aplicase el estilo, a todas ...
2
votos
Aceptado
scss no se aplica en jsfiddle
Lamentablemente el compilador de
SCSS que usa JSFiddle parece no soportar la función random()
No encuentro una fuente confiable que mencione esto, sin embargo si quitas todas las llamadas a random() ...
2
votos
Aceptado
¿mantener el contenido centrado respecto a un layout definido?
Alguna vez, tuve que hacer este mismo ejercicio, la forma en que lo resolvi por aquel entonces fue combinando unidades vw, calc, custom properties (opcional) y margin, algo así:
.container{
/* o la ...
2
votos
Adaptar código CSS para div de ancho responsive
Lo que hiciste no está mal pero es posible que la resolución de tu smartphone sea más grande que la que declaraste en el media query, por ende no se aplica el width: 100%.
La mejor opción es hacer, lo ...
2
votos
¿Como cambiar los estilos css de las opciones de un select?
No sé exactamente a lo que te refieres.
Las posibilidades son infinitas, usando solamente HTML/CSS.
Mira estos ejemplos tomados de Codepen.
/* -------------------- Page Styles (not required) */...
2
votos
¿Como cambiar los estilos css de las opciones de un select?
Puedes incluir el select dentro de un div y ponerle una clase al div y luego en css
.styled-select select {
// tus estilos
}
Echa un vistazo aquí para ver varios ejemplos
2
votos
Aceptado
¿Cómo ordeno mis scss con Angular CLI (5)?
Los CSS de los componentes siempre tendrán máxima prioridad al ser los más restrictivos, no hace falta que los añadas al fichero angular-cli.json
Los demás ficheros tienes que ponerlos en el orden ...
2
votos
Utilidad de operador " ~ " en CSS
Es un selector parecido al + pero en vez de que sólo tome el primer elemento encontrado, este va a tomar todos los elementos.
Por ejemplo: h2 + p seleccionará en rojo la primera etiqueta <p> ...
2
votos
Aceptado
El metodo map en SASS no me devuelve todos los valores
Nunca he usado SASS, pero mirando la documentación he descubierto la función inspect( ). Usándola, vemos que
a {
color: inspect( map-get( $colors, "darkTurquoise" ) );
}
produce
a {
color: ...
2
votos
Jerarquía de interpretación de CSS
Existe algo llamado "Cálculo del valor de especificidad de CSS". La Especificidad según lo estipulado por el W3C se calcula separando, primero Los Selectores de CSS y las reglas en cuatro categorías o ...
2
votos
Aceptado
2
votos
Aceptado
Redondear, mostrar y ocultar parte decimal
Se me ocurre que podrías hacer lo siguiente:
Buscas todos los elementos de la tabla que necesitan se redondeados (eg selector .round-number)
Por cada uno de los elementos, buscamos y guardamos el ...
2
votos
Aceptado
Unificar este código css para reutilizar clases
No entiendo muy bien lo que pretendes hacer con esos asteriscos. Quizás se utilicen en SCSS, con el cual no estoy familiarizado. Pero lo que pretendes se puede hacer con CSS directamente. Lo único que ...
2
votos
Unificar este código css para reutilizar clases
En SASS podrías hacer:
Opción 1
#menu-header-neumaticos,
#menu-header-coches {
> a > span.menu-mobil {
border-bottom: none !important;
color:white;
}
}
Opción 2 (...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
scss × 163css × 112
html × 55
sass × 38
css3 × 32
angular × 23
html5 × 19
javascript × 17
bootstrap × 12
reactjs × 6
typescript × 6
angular-material × 5
selectores-css × 5
ionic × 4
gulp × 4
css-grid-layout × 4
jquery × 3
nodejs × 3
imagen × 3
flexbox × 3
php × 2
web × 2
ruby-on-rails × 2
variables × 2
select × 2