މައިގަނޑު ކޮންޓެންޓަށް ސްކިޕް ކުރާށެވެ ޑޮކްސް ނެވިގޭޝަނަށް ސްކިޕް ކުރާށެވެ
in English

ފެންނަން ހުރި ގޮތް

އެލިމެންޓްތަކުގެ ވިޒިބިލިޓީ ކޮންޓްރޯލް ކުރުން، އެ އެލިމެންޓްތަކުގެ ޑިސްޕްލޭއަށް ބަދަލެއް ނުގެނެސް، ވިޒިބިލިޓީ ޔުޓިލިޓީސް ތަކުން.

visibilityއަޅުގަނޑުމެންގެ ވިޒިބިލިޓީ ޔުޓިލިޓީސް އާއި އެކު އޮފް އެލިމެންޓްސް ސެޓް ކުރާށެވެ . މި ޔުޓިލިޓީ ކްލާސްތަކުން އެއްގޮތަކަށްވެސް displayވެލިއުއަށް ބަދަލެއް ނުގެނެސް އަދި ލޭއައުޓަށް އަސަރެއް ނުކުރާ – .invisibleއެލިމެންޓްތަކުން އަދިވެސް ޕޭޖުގައި ޖާގަ ނަގައެވެ.

ކްލާހާއެކު އެލިމެންޓްތައް .invisibleފޮރުވޭނީ ވިޝުއަލް ގޮތުން ވެސް އަދި އެސިސްޓިވް ޓެކްނޮލޮޖީ/ސްކްރީން ރީޑަރ ބޭނުންކުރާ ފަރާތްތަކަށް ވެސް ކަމަށް ވެސް ވިދާޅުވި އެވެ.

އެޕްލައި .visibleނުވަތަ .invisibleބޭނުންވާ ގޮތަށް އެޕްލައި ކުރާށެވެ.

<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

ސާސް އެވެ

ޔުޓިލިޓީސް އެޕީއައި އެވެ

ވިޒިބިލިޓީ ޔުޓިލިޓީސް ޑިކްލެއަރ ކުރެވިފައިވަނީ އަޅުގަނޑުމެންގެ ޔުޓިލިޓީސް އެޕީއައި ގައި scss/_utilities.scss. ޔުޓިލިޓީސް އެޕީއައި ބޭނުންކުރާނެ ގޮތް ދަސްކުރައްވާށެވެ.

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