ajustes pág. alerta

argob · Dec 12, 2023 · d74f535 · d74f535
1 parent 60c0c03
commit d74f535
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 25 deletions.
diff --git a/src/_sass/alerts.scss b/src/_sass/alerts.scss
@@ -17,7 +17,7 @@
 }
 
 .alert-well {
-  background: lighten($gray-light, 80%);
+  background: lighten($gray-light, 10%);
   border-color: $gray-light;
 
   i {

diff --git a/src/proyectos/snt/v1/Libreria_SNT/alerta.html b/src/proyectos/snt/v1/Libreria_SNT/alerta.html
@@ -35,28 +35,26 @@ <h3 class="h5">Uso según el color en alertas simples</h3>
 
 
 <section>
-<div class="alert alert-info d-flex align-text-bottom col-md-8 offset-md-2 " role="alert">
-    <strong>Azul</strong> para alertas de información
-
+<div class="alert alert-info d-flex align-text-bottom col-md-8 offset-md-2" role="alert">
+   Azul para alertas de información
 </div>
 
 <div class="alert alert-success d-flex align-text-bottom col-md-8 offset-md-2 " role="alert">
-
-   <strong>Verde</strong> para alertas de éxito
-
+  Verde para alertas de éxito
 </div>
 
 
 <div class="alert alert-warning d-flex align-text-bottom col-md-8 offset-md-2 " role="alert">
-
-    <strong>Amarillo</strong> para alertas de advertencia.
-
+  Amarillo  para alertas de advertencia.
 </div>
 
 <div class="alert alert-danger d-flex align-text-bottom col-md-8 offset-md-2 " role="alert">
+  Rojo para alertas de peligro o error
+</div>
+
 
-    <strong>Rojo</strong> para alertas de peligro o error en proceso
-
+<div class="alert alert-well d-flex align-text-bottom col-md-8 offset-md-2 " role="alert">
+  Gris para alerta de información secundaria
 </div>
 
 
@@ -83,20 +81,15 @@ <h3 class="h5">Alerta simple colapsable</h3>
 
 
 
-<div class="alert alert-well">
-<code class="">
+<div class="box-campania p-3">
+<pre>
+<code data-lang="html">
 
-&lt;<span class="text-primary">section</span>&gt;<br>
-&lt;<span class="text-primary">div</span> 
-<span class="text-success">class=</span>&quot;alert alert-info d-flex align-text-bottom col-md-8 offset-md-2 alert-dismissible fade show&quot; <span class="text-success">role=</span>&quot;alert&quot;&gt;
- <br>
-<span class="text-black">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</span>
-<br>
-&lt;<span class="text-primary">button</span> <span class="text-success">type=</span>&quot;button&quot; <span class="text-success">class=</span>&quot;btn-close&quot; 
-<span class="text-success">data-bs-dismiss=</span>
-&quot;alert&quot; <span class="text-success">aria-label=</span>&quot;close&quot;&gt;&lt;/<span class="text-primary">button</span>&gt;
-<br>
-&lt;/<span class="text-primary">div</span>&gt;<br>
+&lt;<span class="text-primary">section</span>&gt;
+&lt;<span class="text-primary">div</span> <span class="text-success">class=</span>&quot;alert alert-info d-flex align-text-bottom col-md-8 offset-md-2 alert-dismissible fade show&quot; <span class="text-success">role=</span>&quot;alert&quot;&gt;
+<span class="text-secondary">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</span> 
+&lt;<span class="text-primary">button</span> <span class="text-success">type=</span>&quot;button&quot; <span class="text-success">class=</span>&quot;btn-close&quot; <span class="text-success">data-bs-dismiss=</span> &quot;alert&quot; <span class="text-success">aria-label=</span>&quot;close&quot;&gt;&lt;/<span class="text-primary">button</span>&gt;
+&lt;/<span class="text-primary">div</span>&gt;
 &lt;/<span class="text-primary">section</span>&gt;
 </code>
 </div>