color: rgba(255, 255, 255, 1);
background: rgba(150, 150, 150, .8);
<rect id="tut" x="0.5" y="0.5" width="24" height="24" rx="8" />
<rect id="tam" x="6.5" y="6.5" width="12" height="12" rx="0.5" />
#tut {
stroke: red;
stroke-width: 4;
width: 24;
height: 24;
}
#tam {
stroke: #0cc;
stroke-width: 2;
width: 12;
height: 12;
}
- И оно должно сработать... &-item {
flex-direction: column;
border: 1px solid gray;
box-sizing: border-box;
padding: 10px;
margin: -.5px; /* каждый margin будет съедать по пол-пикселя у соседнего блока */
}
Результат: width: 96%; /* ширина .slider = 100% минус отступ слева умноженный на 2 */
margin-left: 2%; /* отступ слева = 100% минус ширина .slider и место справа */
- Итак, жмём "Result" и смотрим: (или идём сюда)))