1
これは初心者の方からのものです。LESS mixinを使用したセンタリング
私は、LESSミックスインを使用して水平方向に集中しようとしていますが、機能しません。それは私の構文ですか?他の低設定が機能しています。
LESS:
@mixin centerH {
position: absolute;
left: 50%;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
#homepage_boxes {
width: 25%;
@include centerH;
top: 0;
}
.parent {
position: relative;
}
#screen1 {
.parent;
}
は、HTML:
<div class="screen" id="screen1">
<div id="homepage_boxes" class="section group">
<div class="col span_1_of_3 clickable">
<div class="part_head part1">Part 1</div>
</div>
<div class="col span_1_of_3 clickable">
<div class="part_head part2">Part 2</div>
</div>
<div class="col span_1_of_3 clickable part_selected">
<div class="part_head part3">Part 3</div>
</div>
</div>
私はSCSSのように見えますが、それほどシンプルではありません。 – Aziz