{"size": 2221, "ext": "js", "max_stars_repo_path": "docs/assets/layout-other-css-classes.dba53396.js", "max_stars_repo_name": "Azaleta/wave-ui", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "docs/assets/layout-other-css-classes.dba53396.js", "max_issues_repo_name": "Azaleta/wave-ui", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "docs/assets/layout-other-css-classes.dba53396.js", "max_forks_repo_name": "Azaleta/wave-ui", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 370.1666666667, "max_line_length": 1077, "alphanum_fraction": 0.6375506529}
import{n as l}from"./index.cdff4397.js";import"./vendor.4f8da9ec.js";var i=function(){var s=this,e=s.$createElement,t=s._self._c||e;return t("main",[t("title-link",{staticClass:"mt4",attrs:{h1:""}},[s._v("Other useful CSS classes")]),t("p",[s._v(`In addition to the CSS classes listed in this layout section, here are a few other
CSS classes related to the display.
`)]),t("title-link",{attrs:{h2:""}},[s._v("Display")]),s._m(0),t("alert",{attrs:{tip:""}},[s._v(`In general, it's always useful to look into the source code by yourself to understand what it
does: you can find all the layout classes in the`),t("a",{staticClass:"ml1",attrs:{href:"https://github.com/antoniandre/wave-ui/blob/master/src/wave-ui/scss/_layout.scss",target:"_blank"}},[s._v("layout.scss"),t("w-icon",{staticClass:"mx1",attrs:{sm:""}},[s._v("mdi mdi-open-in-new")])],1),s._v("file.")])],1)},n=[function(){var s=this,e=s.$createElement,t=s._self._c||e;return t("ul",{staticClass:"mt4"},[t("li",[t("code",{staticClass:"mr2"},[s._v(".show")]),s._v("Shows an element using the "),t("span",{staticClass:"code"},[s._v("display: block")]),s._v(" property."),t("br"),s._v(`
But elements are visible by default. ;)`)]),t("li",[t("code",{staticClass:"mr2"},[s._v(".hide")]),s._v("Hides an element using the "),t("span",{staticClass:"code"},[s._v("display: none")]),s._v(" property.")]),t("li",{staticClass:"mt1"},[t("code",{staticClass:"mr2"},[s._v(".d-block")]),s._v("Applies the "),t("span",{staticClass:"code"},[s._v("display: block")]),s._v(" property.")]),t("li",{staticClass:"mt1"},[t("code",{staticClass:"mr2"},[s._v(".d-iblock")]),s._v("Applies the "),t("span",{staticClass:"code"},[s._v("display: inline-block")]),s._v(" property.")]),t("li",{staticClass:"mt1"},[t("code",{staticClass:"mr2"},[s._v(".d-flex")]),s._v("Applies the "),t("span",{staticClass:"code"},[s._v("display: flex")]),s._v(" property.")]),t("li",{staticClass:"mt1"},[t("code",{staticClass:"mr2"},[s._v(".d-iflex")]),s._v("Applies the "),t("span",{staticClass:"code"},[s._v("display: inline-flex")]),s._v(" property.")])])}];const o={},a={};var c=l(o,i,n,!1,r,null,null,null);function r(s){for(let e in a)this[e]=a[e]}var d=function(){return c.exports}();export{d as default};
