7350.b2d96e8091d9d3b0.js

"use strict";(self.webpackChunknp_ui_lib_app=self.webpackChunknp_ui_lib_app||[]).push([[7350],{7350:(p,Z,a)=>{a.r(Z),a.d(Z,{NpPaddingMarginDemoModule:()=>e});var l=a(6895),r=a(8379),t=a(4650),n=a(5499);class u{constructor(){}ngOnInit(){}static#t=this.\u0275fac=function(i){return new(i||u)};static#i=this.\u0275cmp=t.Xpm({type:u,selectors:[["app-np-padding-margin-demo"]],decls:87,vars:0,consts:[[1,"page-header"]],template:function(i,c){1&i&&(t.TgZ(0,"h2",0),t._uU(1,"Padding and Margin"),t.qZA(),t.TgZ(2,"np-card")(3,"np-card-body")(4,"h3"),t._uU(5,"Padding and Margin can be applied as {property}{sides}-{size}"),t.qZA(),t.TgZ(6,"p")(7,"b"),t._uU(8,"Where property means:"),t.qZA()(),t.TgZ(9,"ul")(10,"li"),t._uU(11,"m - for classes that set margin"),t.qZA(),t.TgZ(12,"li"),t._uU(13,"p - for classes that set padding"),t.qZA()(),t.TgZ(14,"p")(15,"b"),t._uU(16,"Where sides means:"),t.qZA()(),t.TgZ(17,"div"),t._uU(18,"If sides are not mentioned then all sides will be included"),t.qZA(),t.TgZ(19,"ul")(20,"li"),t._uU(21,"t - for top"),t.qZA(),t.TgZ(22,"li"),t._uU(23,"r - for right"),t.qZA(),t.TgZ(24,"li"),t._uU(25,"b - for bottom"),t.qZA(),t.TgZ(26,"li"),t._uU(27,"l - for left"),t.qZA()(),t.TgZ(28,"p")(29,"b"),t._uU(30,"Where size means:"),t.qZA()(),t.TgZ(31,"div"),t._uU(32,"Here $spacer is SASS variable declared in theming"),t.qZA(),t.TgZ(33,"ul")(34,"li"),t._uU(35,"1 - for math.div($spacer,2)"),t.qZA(),t.TgZ(36,"li"),t._uU(37,"2 - for $spacer"),t.qZA(),t.TgZ(38,"li"),t._uU(39,"3 - for $spacer*2"),t.qZA(),t.TgZ(40,"li"),t._uU(41,"4 - for $spacer*3"),t.qZA(),t.TgZ(42,"li"),t._uU(43,"5 - for $spacer*4"),t.qZA()(),t.TgZ(44,"p")(45,"b"),t._uU(46,"Examples:"),t.qZA()(),t.TgZ(47,"ul")(48,"li"),t._uU(49,"m-1"),t.qZA(),t.TgZ(50,"li"),t._uU(51,"mt-2"),t.qZA(),t.TgZ(52,"li"),t._uU(53,"mr-3"),t.qZA(),t.TgZ(54,"li"),t._uU(55,"pb-4"),t.qZA(),t.TgZ(56,"li"),t._uU(57,"pl-5"),t.qZA()(),t.TgZ(58,"p")(59,"b"),t._uU(60,"Auto Margin"),t.qZA()(),t.TgZ(61,"ul")(62,"li"),t._uU(63,"use "),t.TgZ(64,"b"),t._uU(65,"m-auto"),t.qZA(),t._uU(66," for all side auto margin"),t.qZA(),t.TgZ(67,"li"),t._uU(68,"use "),t.TgZ(69,"b"),t._uU(70,"mt-auto"),t.qZA(),t._uU(71," for top auto margin"),t.qZA(),t.TgZ(72,"li"),t._uU(73,"use "),t.TgZ(74,"b"),t._uU(75,"mr-auto"),t.qZA(),t._uU(76," for right auto margin"),t.qZA(),t.TgZ(77,"li"),t._uU(78,"use "),t.TgZ(79,"b"),t._uU(80,"mb-auto"),t.qZA(),t._uU(81," for bottom auto margin"),t.qZA(),t.TgZ(82,"li"),t._uU(83,"use "),t.TgZ(84,"b"),t._uU(85,"ml-auto"),t.qZA(),t._uU(86," for left auto margin"),t.qZA()()()())},dependencies:[n.c0,n.El],encapsulation:2})}const g=[{path:"",component:u}];class s{static#t=this.\u0275fac=function(i){return new(i||s)};static#i=this.\u0275mod=t.oAB({type:s});static#a=this.\u0275inj=t.cJS({imports:[r.Bz.forChild(g),r.Bz]})}class e{static#t=this.\u0275fac=function(i){return new(i||e)};static#i=this.\u0275mod=t.oAB({type:e});static#a=this.\u0275inj=t.cJS({imports:[l.ez,s,n.Tk]})}}}]);