[ui-dsfr] ajuste le visuel des dsfrFacets / Ajoute des utilitaires

vertigo-io · Oct 28, 2024 · f8127ec · f8127ec
1 parent efa5b3e
commit f8127ec
Show file tree

Hide file tree

Showing 2 changed files with 54 additions and 1 deletion.
diff --git a/vertigo-ui-dsfr/src/components/DsfrFacets.vue b/vertigo-ui-dsfr/src/components/DsfrFacets.vue
@@ -15,7 +15,7 @@
     </div>
     <div v-for="facet in facets" :key="facet.code" class="facets">
       <template v-if="facet.multiple || !isFacetSelected(facet.code)">
-        <h6 class="fr-mb-1w">{{ facet.label }}</h6>
+        <h6 class="fr-mb-1w fr-text--md">{{ facet.label }}</h6>
 
         <ul>
           <template v-for="(value) in selectedInvisibleFacets(facet.code)" :key="value.code">

diff --git a/vertigo-ui-dsfr/src/utils.css b/vertigo-ui-dsfr/src/utils.css
@@ -127,18 +127,71 @@
 .self-auto {
     align-self: auto;
 }
+
 .self-start {
     align-self: flex-start;
 }
+
 .self-end {
     align-self: flex-end;
 }
+
 .self-center {
     align-self: center;
 }
+
 .self-stretch {
     align-self: stretch;
 }
+
 .self-baseline {
     align-self: baseline;
+}
+
+/* Font utils */
+.font-thin {
+    font-weight: 100;
+}
+.font-extralight {
+    font-weight: 200;
+}
+.font-light {
+    font-weight: 300;
+}
+.font-normal {
+    font-weight: 400;
+}
+.font-medium {
+    font-weight: 500;
+}
+.font-semibold {
+    font-weight: 600;
+}
+.font-bold {
+    font-weight: 700;
+}
+.font-extrabold {
+    font-weight: 800;
+}
+.font-black {
+    font-weight: 900;
+}
+
+.text-left {
+    text-align: left;
+}
+.text-center {
+    text-align: center;
+}
+.text-right {
+    text-align: right;
+}
+.text-justify {
+    text-align: justify;
+}
+.text-start {
+    text-align: start;
+}
+.text-end {
+    text-align: end;
 }