var Component=(()=>{var on=Object.create;var F=Object.defineProperty;var un=Object.getOwnPropertyDescriptor;var cn=Object.getOwnPropertyNames;var sn=Object.getPrototypeOf,mn=Object.prototype.hasOwnProperty;var G=(u,e)=>()=>(e||u((e={exports:{}}).exports,e),e.exports),fn=(u,e)=>{for(var _ in e)F(u,_,{get:e[_],enumerable:!0})},ye=(u,e,_,x)=>{if(e&&typeof e=="object"||typeof e=="function")for(let g of cn(e))!mn.call(u,g)&&g!==_&&F(u,g,{get:()=>e[g],enumerable:!(x=un(e,g))||x.enumerable});return u};var pn=(u,e,_)=>(_=u!=null?on(sn(u)):{},ye(e||!u||!u.__esModule?F(_,"default",{value:u,enumerable:!0}):_,u)),_n=u=>ye(F({},"__esModule",{value:!0}),u);var ke=G((vn,ve)=>{ve.exports=React});var Ee=G(q=>{"use strict";(function(){"use strict";var u=ke(),e=Symbol.for("react.element"),_=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),g=Symbol.for("react.strict_mode"),X=Symbol.for("react.profiler"),H=Symbol.for("react.provider"),K=Symbol.for("react.context"),T=Symbol.for("react.forward_ref"),A=Symbol.for("react.suspense"),I=Symbol.for("react.suspense_list"),w=Symbol.for("react.memo"),Y=Symbol.for("react.lazy"),we=Symbol.for("react.offscreen"),J=Symbol.iterator,Ce="@@iterator";function Oe(b){if(b===null||typeof b!="object")return null;var t=J&&b[J]||b[Ce];return typeof t=="function"?t:null}var v=u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function m(b){{for(var t=arguments.length,l=new Array(t>1?t-1:0),i=1;i=1&&s>=0&&r[c]!==f[s];)s--;for(;c>=1&&s>=0;c--,s--)if(r[c]!==f[s]){if(c!==1||s!==1)do if(c--,s--,s<0||r[c]!==f[s]){var p=` `+r[c].replace(" at new "," at ");return b.displayName&&p.includes("")&&(p=p.replace("",b.displayName)),typeof b=="function"&&O.set(b,p),p}while(c>=1&&s>=0);break}}}finally{M=!1,W.current=o,Me(),Error.prepareStackTrace=a}var E=b?b.displayName||b.name:"",xe=E?C(E):"";return typeof b=="function"&&O.set(b,xe),xe}function Le(b,t,l){return ae(b,!1)}function Ue(b){var t=b.prototype;return!!(t&&t.isReactComponent)}function j(b,t,l){if(b==null)return"";if(typeof b=="function")return ae(b,Ue(b));if(typeof b=="string")return C(b);switch(b){case A:return C("Suspense");case I:return C("SuspenseList")}if(typeof b=="object")switch(b.$$typeof){case T:return Le(b.render);case w:return j(b.type,t,l);case Y:{var i=b,a=i._payload,o=i._init;try{return j(o(a),t,l)}catch{}}}return""}var P=Object.prototype.hasOwnProperty,oe={},ue=v.ReactDebugCurrentFrame;function D(b){if(b){var t=b._owner,l=j(b.type,b._source,t?t.type:null);ue.setExtraStackFrame(l)}else ue.setExtraStackFrame(null)}function ze(b,t,l,i,a){{var o=Function.call.bind(P);for(var d in b)if(o(b,d)){var r=void 0;try{if(typeof b[d]!="function"){var f=Error((i||"React class")+": "+l+" type `"+d+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof b[d]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw f.name="Invariant Violation",f}r=b[d](t,d,i,l,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(c){r=c}r&&!(r instanceof Error)&&(D(a),m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",i||"React class",l,d,typeof r),D(null)),r instanceof Error&&!(r.message in oe)&&(oe[r.message]=!0,D(a),m("Failed %s type: %s",l,r.message),D(null))}}}var Be=Array.isArray;function V(b){return Be(b)}function Ge(b){{var t=typeof Symbol=="function"&&Symbol.toStringTag,l=t&&b[Symbol.toStringTag]||b.constructor.name||"Object";return l}}function qe(b){try{return ce(b),!1}catch{return!0}}function ce(b){return""+b}function se(b){if(qe(b))return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Ge(b)),ce(b)}var S=v.ReactCurrentOwner,Xe={key:!0,ref:!0,__self:!0,__source:!0},me,fe,L;L={};function He(b){if(P.call(b,"ref")){var t=Object.getOwnPropertyDescriptor(b,"ref").get;if(t&&t.isReactWarning)return!1}return b.ref!==void 0}function Ke(b){if(P.call(b,"key")){var t=Object.getOwnPropertyDescriptor(b,"key").get;if(t&&t.isReactWarning)return!1}return b.key!==void 0}function Je(b,t){if(typeof b.ref=="string"&&S.current&&t&&S.current.stateNode!==t){var l=h(S.current.type);L[l]||(m('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',h(S.current.type),b.ref),L[l]=!0)}}function Ze(b,t){{var l=function(){me||(me=!0,m("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};l.isReactWarning=!0,Object.defineProperty(b,"key",{get:l,configurable:!0})}}function Qe(b,t){{var l=function(){fe||(fe=!0,m("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};l.isReactWarning=!0,Object.defineProperty(b,"ref",{get:l,configurable:!0})}}var en=function(b,t,l,i,a,o,d){var r={$$typeof:e,type:b,key:t,ref:l,props:d,_owner:o};return r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(r,"_self",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.defineProperty(r,"_source",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r};function nn(b,t,l,i,a){{var o,d={},r=null,f=null;l!==void 0&&(se(l),r=""+l),Ke(t)&&(se(t.key),r=""+t.key),He(t)&&(f=t.ref,Je(t,a));for(o in t)P.call(t,o)&&!Xe.hasOwnProperty(o)&&(d[o]=t[o]);if(b&&b.defaultProps){var c=b.defaultProps;for(o in c)d[o]===void 0&&(d[o]=c[o])}if(r||f){var s=typeof b=="function"?b.displayName||b.name||"Unknown":b;r&&Ze(d,s),f&&Qe(d,s)}return en(b,r,f,a,i,S.current,d)}}var U=v.ReactCurrentOwner,pe=v.ReactDebugCurrentFrame;function k(b){if(b){var t=b._owner,l=j(b.type,b._source,t?t.type:null);pe.setExtraStackFrame(l)}else pe.setExtraStackFrame(null)}var z;z=!1;function B(b){return typeof b=="object"&&b!==null&&b.$$typeof===e}function _e(){{if(U.current){var b=h(U.current.type);if(b)return` Check the render method of \``+b+"`."}return""}}function bn(b){{if(b!==void 0){var t=b.fileName.replace(/^.*[\\\/]/,""),l=b.lineNumber;return` Check your code at `+t+":"+l+"."}return""}}var he={};function tn(b){{var t=_e();if(!t){var l=typeof b=="string"?b:b.displayName||b.name;l&&(t=` Check the top-level render call using <`+l+">.")}return t}}function Ne(b,t){{if(!b._store||b._store.validated||b.key!=null)return;b._store.validated=!0;var l=tn(t);if(he[l])return;he[l]=!0;var i="";b&&b._owner&&b._owner!==U.current&&(i=" It was passed a child from "+h(b._owner.type)+"."),k(b),m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',l,i),k(null)}}function ge(b,t){{if(typeof b!="object")return;if(V(b))for(var l=0;l",r=" Did you accidentally export a JSX literal instead of a component?"):c=typeof b,m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",c,r)}var s=nn(b,t,l,a,o);if(s==null)return s;if(d){var p=t.children;if(p!==void 0)if(i)if(V(p)){for(var E=0;E{"use strict";Re.exports=Ee()});var xn={};fn(xn,{default:()=>gn,frontmatter:()=>hn});var n=pn(Se()),hn={title:"Getting Sassy With Sass: Nesting",date:new Date(14122944e5),draft:!1,slug:"sassy-with-sass",category:"dev",tags:["CSS","SASS","SCSS"],lastmod:new Date(1676870099004)};function Te(u){let e=Object.assign({p:"p",a:"a",h2:"h2",h3:"h3",pre:"pre",code:"code",div:"div",span:"span",strong:"strong"},u.components);return(0,n.jsxDEV)(n.Fragment,{children:[(0,n.jsxDEV)(e.p,{children:["As I'm learning to use Sass I decided to jot down some of the basics for reference. Most of this is coming from ",(0,n.jsxDEV)(e.a,{href:"http://www.hamptoncatlin.com/",rel:"nofollow",children:"Hampton Catlin"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:14,columnNumber:113},this),"'s ",(0,n.jsxDEV)(e.a,{href:"http://teamtreehouse.com/library/sass-basics",rel:"nofollow",children:"Sass Basics"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:14,columnNumber:163},this)," course on ",(0,n.jsxDEV)(e.a,{href:"http://referrals.trhou.se/joelmturner",rel:"nofollow",children:"Treehouse"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:14,columnNumber:233},this)," (referral)."]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:14,columnNumber:1},this),` `,(0,n.jsxDEV)(e.h2,{id:"nesting-selectors",children:"Nesting Selectors"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:16,columnNumber:1},this),` `,(0,n.jsxDEV)(e.p,{children:"The selectors can be nested for ease of writing and reading. This can help organize code in a way that like selectors are together. It also keeps us from having to repeat strings of selectors. A quick example would be:"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:18,columnNumber:1},this),` `,(0,n.jsxDEV)(e.h3,{id:"sass",children:"Sass:"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:20,columnNumber:1},this),` `,(0,n.jsxDEV)(e.pre,{children:(0,n.jsxDEV)(e.code,{className:"hljs language-scss",children:[(0,n.jsxDEV)(e.div,{"data-line":"1",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token selector",children:".selector1 "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:1,columnNumber:1},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:1,columnNumber:48},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"2",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token selector",children:".selector2 "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:2,columnNumber:3},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:2,columnNumber:50},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"3",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"color"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:3,columnNumber:5},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:3,columnNumber:46},this)," red",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:3,columnNumber:90},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"4",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:4,columnNumber:3},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"5",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:5,columnNumber:1},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:22,columnNumber:1},this)},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:22,columnNumber:1},this),` `,(0,n.jsxDEV)(e.h3,{id:"css-output",children:"CSS Output:"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:30,columnNumber:1},this),` `,(0,n.jsxDEV)(e.pre,{children:(0,n.jsxDEV)(e.code,{className:"hljs language-css",children:[(0,n.jsxDEV)(e.div,{"data-line":"1",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token selector",children:".selector1 .selector2"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:1,columnNumber:1},this)," ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:1,columnNumber:59},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"2",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"color"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:2,columnNumber:3},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:2,columnNumber:44},this)," red",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:2,columnNumber:88},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"3",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:3,columnNumber:1},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:32,columnNumber:1},this)},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:32,columnNumber:1},this),` `,(0,n.jsxDEV)(e.p,{children:"You can even go deeper if you would like. Let's take a look at 4 levels deep (the suggested maximum depth for Sass)."},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:38,columnNumber:1},this),` `,(0,n.jsxDEV)(e.h3,{id:"sass-1",children:"Sass:"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:40,columnNumber:1},this),` `,(0,n.jsxDEV)(e.pre,{children:(0,n.jsxDEV)(e.code,{className:"hljs language-scss",children:[(0,n.jsxDEV)(e.div,{"data-line":"1",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token selector",children:".selector1 "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:1,columnNumber:1},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:1,columnNumber:48},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"2",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token selector",children:".selector2 "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:2,columnNumber:3},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:2,columnNumber:50},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"3",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"color"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:3,columnNumber:5},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:3,columnNumber:46},this)," red",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:3,columnNumber:90},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"4",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token selector",children:".box "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:4,columnNumber:5},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:4,columnNumber:46},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"5",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"background"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:5,columnNumber:7},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:5,columnNumber:53},this)," blue",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:5,columnNumber:98},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"6",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token selector",children:"h1 "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:6,columnNumber:7},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:6,columnNumber:46},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"7",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"color"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:7,columnNumber:9},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:7,columnNumber:50},this)," green",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:7,columnNumber:96},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"8",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:8,columnNumber:7},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"9",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:9,columnNumber:5},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"10",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:10,columnNumber:3},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"11",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:11,columnNumber:1},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:42,columnNumber:1},this)},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:42,columnNumber:1},this),` `,(0,n.jsxDEV)(e.h3,{id:"css-output-1",children:"CSS Output:"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:56,columnNumber:1},this),` `,(0,n.jsxDEV)(e.pre,{children:(0,n.jsxDEV)(e.code,{className:"hljs language-css",children:[(0,n.jsxDEV)(e.div,{"data-line":"1",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token selector",children:".selector1 .selector2"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:1,columnNumber:1},this)," ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:1,columnNumber:59},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"2",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"color"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:2,columnNumber:3},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:2,columnNumber:44},this)," red",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:2,columnNumber:88},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"3",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:3,columnNumber:1},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"4",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token selector",children:".selector1 .selector2 .box"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:4,columnNumber:1},this)," ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:4,columnNumber:64},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"5",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"background"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:5,columnNumber:3},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:5,columnNumber:49},this)," blue",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:5,columnNumber:94},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"6",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:6,columnNumber:1},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"7",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token selector",children:".selector1 .selector2 .box h1"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:7,columnNumber:1},this)," ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:7,columnNumber:67},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"8",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"color"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:8,columnNumber:3},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:8,columnNumber:44},this)," green",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:8,columnNumber:90},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"9",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:9,columnNumber:1},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:58,columnNumber:1},this)},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:58,columnNumber:1},this),` `,(0,n.jsxDEV)(e.h2,{id:"using-the--symbol",children:"Using the & Symbol"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:70,columnNumber:1},this),` `,(0,n.jsxDEV)(e.p,{children:["There is a helper character that makes referencing parent selectors much easier. This character is the ",(0,n.jsxDEV)(e.strong,{children:"ampersand (&)"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:72,columnNumber:104},this)," symbol."]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:72,columnNumber:1},this),` `,(0,n.jsxDEV)(e.h3,{id:"sass-2",children:"Sass:"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:74,columnNumber:1},this),` `,(0,n.jsxDEV)(e.pre,{children:(0,n.jsxDEV)(e.code,{className:"hljs language-scss",children:[(0,n.jsxDEV)(e.div,{"data-line":"1",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token selector",children:".blog "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:1,columnNumber:1},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:1,columnNumber:43},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"2",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token selector",children:"> h1 "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:2,columnNumber:3},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:2,columnNumber:44},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"3",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"color"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:3,columnNumber:5},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:3,columnNumber:46},this)," red",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:3,columnNumber:90},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"4",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"border"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:4,columnNumber:5},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:4,columnNumber:47},this)," 1px solid red",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:4,columnNumber:101},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"5",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:5,columnNumber:3},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"6",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token selector",children:".entry "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:6,columnNumber:3},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:6,columnNumber:46},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"7",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token selector",children:"h1 "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:7,columnNumber:5},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:7,columnNumber:44},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"8",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"font-size"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:8,columnNumber:7},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:8,columnNumber:52},this)," 20px",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:8,columnNumber:97},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"9",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"color"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:9,columnNumber:7},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:9,columnNumber:48},this)," blue",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:9,columnNumber:93},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"10",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:10,columnNumber:5},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"11",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token selector",children:"p "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:11,columnNumber:5},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:11,columnNumber:43},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"12",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"font-size"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:12,columnNumber:7},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:12,columnNumber:52},this)," 12px",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:12,columnNumber:97},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"13",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"margin"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:13,columnNumber:7},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:13,columnNumber:49},this)," 20px",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:13,columnNumber:94},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"14",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token selector",children:["html.csscolumns ",(0,n.jsxDEV)(e.span,{className:"token parent important",children:"&"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:14,columnNumber:52},this)," "]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:14,columnNumber:7},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:14,columnNumber:110},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"15",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"column-count"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:15,columnNumber:9},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:15,columnNumber:57},this)," 2",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:15,columnNumber:99},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"16",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"column-gap"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:16,columnNumber:9},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:16,columnNumber:55},this)," 10px",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:16,columnNumber:100},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"17",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"margin"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:17,columnNumber:9},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:17,columnNumber:51},this)," 10px",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:17,columnNumber:96},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"18",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:18,columnNumber:7},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"19",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:19,columnNumber:5},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"20",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token selector",children:"a "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:20,columnNumber:5},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:20,columnNumber:43},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"21",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"color"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:21,columnNumber:7},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:21,columnNumber:48},this)," red",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:21,columnNumber:92},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"22",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token selector",children:[(0,n.jsxDEV)(e.span,{className:"token parent important",children:"&"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:22,columnNumber:36},this),":hover "]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:22,columnNumber:7},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:22,columnNumber:100},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"23",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"color"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:23,columnNumber:9},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:23,columnNumber:50},this)," blue",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:23,columnNumber:95},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"24",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:24,columnNumber:7},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"25",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:25,columnNumber:5},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"26",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:26,columnNumber:3},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"27",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:27,columnNumber:1},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:76,columnNumber:1},this)},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:76,columnNumber:1},this),` `,(0,n.jsxDEV)(e.h3,{id:"css-output-2",children:"CSS Output:"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:106,columnNumber:1},this),` `,(0,n.jsxDEV)(e.pre,{children:(0,n.jsxDEV)(e.code,{className:"hljs language-css",children:[(0,n.jsxDEV)(e.div,{"data-line":"1",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token selector",children:".blog > h1"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:1,columnNumber:1},this)," ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:1,columnNumber:48},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"2",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"color"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:2,columnNumber:3},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:2,columnNumber:44},this)," red",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:2,columnNumber:88},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"3",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"border"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:3,columnNumber:3},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:3,columnNumber:45},this)," 1px solid red",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:3,columnNumber:99},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"4",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:4,columnNumber:1},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"5",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token selector",children:".blog .entry h1"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:5,columnNumber:1},this)," ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:5,columnNumber:53},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"6",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"font-size"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:6,columnNumber:3},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:6,columnNumber:48},this)," 20px",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:6,columnNumber:93},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"7",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"color"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:7,columnNumber:3},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:7,columnNumber:44},this)," blue",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:7,columnNumber:89},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"8",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:8,columnNumber:1},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"9",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token selector",children:".blog .entry p"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:9,columnNumber:1},this)," ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:9,columnNumber:52},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"10",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"font-size"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:10,columnNumber:3},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:10,columnNumber:48},this)," 12px",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:10,columnNumber:93},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"11",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"margin"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:11,columnNumber:3},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:11,columnNumber:45},this)," 20px",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:11,columnNumber:90},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"12",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:12,columnNumber:1},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"13",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token selector",children:"html.csscolumns .blog .entry p"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:13,columnNumber:1},this)," ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:13,columnNumber:68},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"14",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"column-count"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:14,columnNumber:3},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:14,columnNumber:51},this)," 2",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:14,columnNumber:93},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"15",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"column-gap"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:15,columnNumber:3},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:15,columnNumber:49},this)," 10px",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:15,columnNumber:94},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"16",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"margin"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:16,columnNumber:3},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:16,columnNumber:45},this)," 10px",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:16,columnNumber:90},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"17",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:17,columnNumber:1},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"18",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token selector",children:".blog .entry a"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:18,columnNumber:1},this)," ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:18,columnNumber:52},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"19",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"color"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:19,columnNumber:3},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:19,columnNumber:44},this)," red",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:19,columnNumber:88},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"20",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:20,columnNumber:1},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"21",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token selector",children:".blog .entry a:hover"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:21,columnNumber:1},this)," ",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:21,columnNumber:58},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"22",className:"highlight-line","data-highlighted":"false",children:[" ",(0,n.jsxDEV)(e.span,{className:"token property",children:"color"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:22,columnNumber:3},this),(0,n.jsxDEV)(e.span,{className:"token punctuation",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:22,columnNumber:44},this)," blue",(0,n.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:22,columnNumber:89},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this),(0,n.jsxDEV)(e.div,{"data-line":"23",className:"highlight-line","data-highlighted":"false",children:[(0,n.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:23,columnNumber:1},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:108,columnNumber:1},this)},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:108,columnNumber:1},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx",lineNumber:1,columnNumber:1},this)}function Nn(u={}){let{wrapper:e}=u.components||{};return e?(0,n.jsxDEV)(e,Object.assign({},u,{children:(0,n.jsxDEV)(Te,u,void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this)}),void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ab731982-2df9-4bb4-b023-cb63b8151bf5.mdx"},this):Te(u)}var gn=Nn;return _n(xn);})(); /*! Bundled license information: react/cjs/react-jsx-dev-runtime.development.js: (** * @license React * react-jsx-dev-runtime.development.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) */ ;return Component;

Tag: sass

Getting Sassy With Sass: Nesting