(master): Namespace carousel

Author: Joe Crick

index.html

@@ -304,7 +304,7 @@ <h2 class="content-subhead">Carousel</h2>
 
                     <h3>Linear Carousel</h3>
 
-                    <ul class="carousel">
+                    <ul class="pcssc-carousel">
                         <li class="carousel-item">
                             <input class="carousel-nav pcssc-invisible" type="radio" name="carousel" id="carousel-one"
                                    checked/>
@@ -334,7 +334,7 @@ <h3>Linear Carousel</h3>
 
                     <div style="background: #ffffff; margin-top: 50px; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><pre
                             style="margin: 0; line-height: 125%">
-&lt;ul class=<span style="color: #a31515">&quot;carousel&quot;</span>&gt;
+&lt;ul class=<span style="color: #a31515">&quot;pcssc-carousel&quot;</span>&gt;
     &lt;li class=<span style="color: #a31515">&quot;carousel-item&quot;</span>&gt;
         &lt;input class=<span style="color: #a31515">&quot;carousel-nav pcssc-invisible&quot;</span> type=<span
                             style="color: #a31515">&quot;radio&quot;</span> name=<span style="color: #a31515">&quot;carousel&quot;</span> id=<span
@@ -372,7 +372,7 @@ <h3>Linear Carousel</h3>
 
                     <h3>Circular Carousel</h3>
 
-                    <ul class="carousel">
+                    <ul class="pcssc-carousel">
                         <li class="carousel-item">
                             <input class="carousel-nav pcssc-invisible" type="radio" name="c-carousel"
                                    id="c-carousel-one"
@@ -404,7 +404,7 @@ <h3>Circular Carousel</h3>
 
                     <div style="background: #ffffff; margin-top: 50px; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><pre
                             style="margin: 0; line-height: 125%">
-&lt;ul class=<span style="color: #a31515">&quot;carousel&quot;</span>&gt;
+&lt;ul class=<span style="color: #a31515">&quot;pcssc-carousel&quot;</span>&gt;
     &lt;li class=<span style="color: #a31515">&quot;carousel-item&quot;</span>&gt;
         &lt;input class=<span style="color: #a31515">&quot;carousel-nav pcssc-invisible&quot;</span> type=<span
                             style="color: #a31515">&quot;radio&quot;</span> name=<span style="color: #a31515">&quot;c-carousel&quot;</span> id=<span

main.css

@@ -1,4 +1,4 @@
-.carousel {
+.pcssc-carousel {
   list-style-type: none;
 
   .carousel-item {