[Faith Glazier]

[nospaces]

[attr="class","sidebar"]

[attr="class","icon"]

[attr="class","text-area"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet dui non velit ullamcorper placerat vitae ut ipsum. Vestibulum eleifend diam a purus euismod, a rutrum turpis imperdiet. Quisque luctus fermentum dui at efficitur. Vestibulum pretium nisi ante, elementum sollicitudin justo vulputate quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque sodales feugiat nibh eu luctus. Maecenas ultrices dolor in mi maximus mattis. Sed finibus auctor erat vitae tincidunt. [break][break]

"Bolding applies color automatically."[break][break]

[attr="class","ooc-area"]a little note here — tag1, tag2

[googlefont=Fira Sans:400,500,600,700][newclass=.sidebar]margin: 20px auto; width: 420px; border: 0px solid black; font: 400 12px/16px 'Fira Sans', arial; display: grid; grid-template-columns: 100px 1fr; grid-template-rows: 1fr auto; grid-template-areas: 'icon text' 'ooc text'; grid-column-gap: 16px; margin: 20px auto; width: 420px; border: 0px solid black; font: 400 12px/16px 'Fira Sans', arial; [/newclass][newclass=.sidebar .icon]width: 100px; grid-area: icon; position: relative;[/newclass][newclass=.sidebar .icon img]width: 100%; filter: brightness(100%) contrast(100%); transition: filter 0.3s; -webkit-transition: filter 0.3s, -webkit-filter 0.3s;[/newclass][newclass=.sidebar .icon img:hover]filter: brightness(110%) contrast(110%); transition: filter 0.3s; -webkit-transition: filter 0.3s, -webkit-filter 0.3s;[/newclass][newclass=.sidebar .text-area]grid-area: text; text-align: justify;[/newclass][newclass=.sidebar .text-area b]font-weight: 500; color: #6ce5ff; text-decoration: none; [/newclass][newclass=.sidebar .ooc-area]padding: 8px 0; border: 1px dotted #6ce5ff; border-left: 0; border-right: 0; font-size: 10px; line-height: 14px; grid-area: ooc; align-self: flex-end[/newclass][newclass=.sidebar .ooc-area a]letter-spacing: .6px; font: 500 10px/15px 'Fira Sans',arial; text-decoration: none; color: #6ce5ff; text-transform: uppercase;[/newclass]

[Luna de Lune]

[nospaces]

[attr="class","sidebar"]

[attr="class","icon"]

[attr="class","text-area"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet dui non velit ullamcorper placerat vitae ut ipsum. Vestibulum eleifend diam a purus euismod, a rutrum turpis imperdiet. Quisque luctus fermentum dui at efficitur. Vestibulum pretium nisi ante, elementum sollicitudin justo vulputate quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque sodales feugiat nibh eu luctus. Maecenas ultrices dolor in mi maximus mattis. Sed finibus auctor erat vitae tincidunt. [break][break]

"Bolding applies color automatically."[break][break]

[attr="class","ooc-area"]a little note here — tag1, tag2

[googlefont=Fira Sans:400,500,600,700][newclass=.sidebar]margin: 20px auto; width: 420px; border: 0px solid black; font: 400 12px/16px 'Fira Sans', arial; display: grid; grid-template-columns: 100px 1fr; grid-template-rows: 1fr auto; grid-template-areas: 'icon text' 'ooc text'; grid-column-gap: 16px; margin: 20px auto; width: 420px; border: 0px solid black; font: 400 12px/16px 'Fira Sans', arial; [/newclass][newclass=.sidebar .icon]width: 100px; grid-area: icon; position: relative;[/newclass][newclass=.sidebar .icon img]width: 100%; filter: brightness(100%) contrast(100%); transition: filter 0.3s; -webkit-transition: filter 0.3s, -webkit-filter 0.3s;[/newclass][newclass=.sidebar .icon img:hover]filter: brightness(110%) contrast(110%); transition: filter 0.3s; -webkit-transition: filter 0.3s, -webkit-filter 0.3s;[/newclass][newclass=.sidebar .text-area]grid-area: text; text-align: justify;[/newclass][newclass=.sidebar .text-area b]font-weight: 500; color: #de9d46; text-decoration: none; [/newclass][newclass=.sidebar .ooc-area]padding: 8px 0; border: 1px dotted #de9d46; border-left: 0; border-right: 0; font-size: 10px; line-height: 14px; grid-area: ooc; align-self: flex-end[/newclass][newclass=.sidebar .ooc-area a]letter-spacing: .6px; font: 500 10px/15px 'Fira Sans',arial; text-decoration: none; color: #de9d46; text-transform: uppercase;[/newclass]