The WYSIWYG styles will only appear in the Cascade editor and not on the live site or in the Cascade preview.
<ul>
<li><a href="https://nam03.safelinks.protection.outlook.com">Microsoft
Safelink</a></li>
<li><a href="https://http://www.google.com">Link with an extra https://</a></li>
<li><a href="https://walledev.it.utsa.edu/entity/open.act/">Walledev</a></li>
<li><a href="https://walle.it.utsa.edu/entity/open.act">Walle</a></li>
</ul>
<h2 class="h5">Websites that use DLS</h2>
<ul>
<li><a href="https://business.utsa.edu">ACOB</a></li>
<li><a href="https://sciences.utsa.edu">COS</a></li>
<li><a href="https://education.utsa.edu">COEHD</a></li>
<li><a href="https://colfa.utsa.edu">COLFA</a></li>
<li><a href="https://graduateschool.utsa.edu">The Graduate School</a></li>
<li><a href="https://hcap.utsa.edu">HCAP</a></li>
<li><a href="https://honors.utsa.edu">Honors</a></li>
<li><a href="https://housing.utsa.edu">Housing</a></li>
<li><a href="https://sds.utsa.edu">SDS</a></li>
<li><a href="https://klesse.utsa.edu">KLESSE</a></li>
<li><a href="https://uc.utsa.edu">UC</a></li>
</ul>
/* components/06-WYSIWYG/01-style-rules/style-rules.scss */
/* BEGIN style-rules.scss */
div:has(img[alt $= ".jpg"])::after,div:has(img[alt $= ".png"])::after,div:has(img[alt $= "Placeholder"])::after,p:has(img[alt $= ".jpg"])::after,p:has(img[alt $= ".png"])::after,p:has(img[alt $= "Placeholder"])::after,div:has(img[alt = ""])::after,p:has(img[alt = ""])::after{
content: "Please update alt text to a describe the image";
background-color: $red;
color: $white;
padding: 3px;
margin-left: 5px;
border: 1px solid black;
}
a[href*="//sciences.utsa.edu"]::after,a[href*="//colfa.utsa.edu"]::after,a[href*="//uc.utsa.edu"]::after,a[href*="//honors.utsa.edu"]::after,a[href*="//housing.utsa.edu"]::after,a[href*="//hcap.utsa.edu"]::after,a[href*="//klesse.utsa.edu"]::after,a[href*="//business.utsa.edu"]::after,a[href*="//education.utsa.edu"]::after,a[href*="//graduateschool.utsa.edu"]::after,a[href*="//sds.utsa.edu"]::after{
content: "This external link might be internal instead";
background-color: $red;
color: $white;
padding: 3px;
margin-left: 5px;
border: 1px solid black;
}
a[href*="safelinks.protection.outlook.com"]::after{
content: "Link is an Outlook safelink";
background-color: $red;
color: $white;
padding: 3px;
margin-left: 5px;
border: 1px solid black;
}
a[href^="https://http"]::after{
content: "Remove starting https";
background-color: $red;
color: $white;
padding: 3px;
margin-left: 5px;
border: 1px solid black;
}
a[href^="https://walledev.it.utsa.edu/entity/open.act"]::after,a[href^="https://walle.it.utsa.edu/entity/open.act"]::after{
content: "Cascade link needs to be changed";
background-color: $red;
color: $white;
padding: 3px;
margin-left: 5px;
border: 1px solid black;
}
/* END style-rules.scss */
<ul>
<li><a href="https://nam03.safelinks.protection.outlook.com">Microsoft
Safelink</a></li>
<li><a href="https://http://www.google.com">Link with an extra https://</a></li>
<li><a href="https://walledev.it.utsa.edu/entity/open.act/">Walledev</a></li>
<li><a href="https://walle.it.utsa.edu/entity/open.act">Walle</a></li>
</ul>
<h2 class="h5">Websites that use DLS</h2>
<ul>
<li><a href="https://business.utsa.edu">ACOB</a></li>
<li><a href="https://sciences.utsa.edu">COS</a></li>
<li><a href="https://education.utsa.edu">COEHD</a></li>
<li><a href="https://colfa.utsa.edu">COLFA</a></li>
<li><a href="https://graduateschool.utsa.edu">The Graduate School</a></li>
<li><a href="https://hcap.utsa.edu">HCAP</a></li>
<li><a href="https://honors.utsa.edu">Honors</a></li>
<li><a href="https://housing.utsa.edu">Housing</a></li>
<li><a href="https://sds.utsa.edu">SDS</a></li>
<li><a href="https://klesse.utsa.edu">KLESSE</a></li>
<li><a href="https://uc.utsa.edu">UC</a></li>
</ul>