Tirohanga

Whakahaerehia te tirohanga o nga huānga, me te kore e whakarereke i o raatau whakaaturanga, me nga taputapu tirohanga.

Tautuhia nga visibilityhuānga me a maatau taputapu tirohanga. Ko enei karaehe whaipainga karekau e whakarereke i te displayuara me te kore e pa ki te whakatakotoranga - .invisiblehe waahi kei te wharangi.

Ko nga huānga me te .invisiblekaraehe ka huna i te tirohanga kanohi me te hunga hangarau awhina/kaiwhakamahi panui mata.

Hoatuhia .visible, .invisibleka hiahiatia ranei.

<div class="visible">...</div>
<div class="invisible">...</div>

// Class
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

Sass

API taputapu

Ko nga taputapu tirohanga ka whakaatuhia i roto i o maatau taputapu API i roto i scss/_utilities.scss. Akohia me pehea te whakamahi i nga taputapu API.

    "visibility": (
      property: visibility,
      class: null,
      values: (
        visible: visible,
        invisible: hidden,
      )
    )