¿Cómo calcular () el número de filas en una plantilla de cuadrícula?

Me gustaría calcular el número de filas en una plantilla de cuadrícula usandocalc(), pero tratando de obtener elrepeat contar con división no funciona: .grid { display: grid; grid-gap: 10px; grid-template-columns: 1fr; margin-bottom: 10px; ...

Variables CSS: cómo concatenar un símbolo menos con una variable CSS en una calc ()

Hola, déjenme comenzar mostrándoles cómo haría esto en SCSS: $submenu-padding-left: 1.5em; transform: translateX(calc(-#{$submenu-padding-left} + .5em));que se compilaría para: transform: translateX(calc(-1.5em - .5em))Básicamente SCSS me ...

¿Puedo usar CSS calc dentro de Javascript?

¿Puedo usar el CSS?calc() funciona al establecer posiciones en JavaScript? ePopup.style.top = "calc(100px - 1.5em)";

Usando n dentro de calc

¿Puedo usar la variable n dentro de una expresión calc? Por ejemplo: .child:nth-child(n) { margin-left: calc(n * 46px); }Mi código: <div class="share-buttons"> <div class="share-button-main"></div> <div class="share-button share-facebook"> ...

Usando el módulo en la función css calc

¿Hay alguna forma de usar o implementar el operador de módulo en la función css calc? Sé que hay un operador de mod e IE lo admite, pero ¿qué pasa con otros navegadores? Por ejemplo #element-id{ width: calc( 100% mod 5 ); }

Redondeo de cromo 37 calc.

<div id="outerDiv"> <div id="innerDiv"></div> <div id="remainderDiv"></div> </div> #outerDiv, #innerDiv, #remainderDiv{ height: 100px; } #outerDiv{ width: 55.5px; z-index: 1; background-color: red; } #innerDiv{ width: calc(100% - 10px); z-index: ...

calc () no funciona dentro de las consultas de medios

@media screen and (max-width: calc(2000px-1px)) { .col { width: 200px; } }El valor después de la resta debe ser1999px, sin embargo, no parece estar funcionando. Si lo cambio manualmente a1999px funciona bien, así que sé que no es un problema con ...

¿CSS Calc Viewport Units Workaround?

Errores de análisis al usar calc con rem y px

CSS Calc Alternative