publications width and text fix

CyberAula · Jun 18, 2024 · e1ade31 · e1ade31
1 parent 80b2a87
commit e1ade31
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 16 deletions.
diff --git a/app/sass/lib/_type.sass b/app/sass/lib/_type.sass
@@ -13,14 +13,14 @@
 // 6to atributo: margen bajo
 
 $icon: 14px,14px, 14px,400
-$xs-text: 13px, 13px, 14px, 400, 140%, 1rem, 0.6rem //small
-$body-text: 13px, 14px, 16px, 400, 140%, 1rem, 0.6rem
-$button: 13px, 14px, 16px, semibold //buttons
-$sm-text: 14px, 16px, 19px, 600, 140%, 1rem, 0.6rem //h5
-$md-text: 16px, 19px, 22px, 600, 140%, 1rem //h4
+$xs-text: 12px, 12px, 14px, 400, 140%, 1rem, 0.6rem //small
+$body-text: 12px, 14px, 16px, 400, 140%, 1rem, 0.6rem
+$button: 12px, 14px, 16px, semibold //buttons
+$sm-text: 14px, 16px, 18px, 600, 140%, 1rem, 0.6rem //h5
+$md-text: 16px, 18px, 22px, 600, 140%, 1rem //h4
 $lg-text: 20px, 24px, 28px, 600,140%, 1rem  //h3
-$xl-text: 22px, 28px, 33px, bold, 140%, 1rem //h2
-$xxl-text: 25px, 33px, 40px, bold, 140%, 1rem  //h1
+$xl-text: 22px, 28px, 32px, bold, 140%, 1rem //h2
+$xxl-text: 24px, 32px, 40px, bold, 140%, 1rem  //h1
 
 $slim-weight: 500
 $regular:400

diff --git a/app/sass/main.scss b/app/sass/main.scss
@@ -73,11 +73,10 @@ TYPOGRAPHY
    ========================================================================== */
 
 * {
-  //border: .2px solid pink;
+  // border: .2px solid pink;
   margin: 0;
   padding: 0;
   box-sizing: border-box;
-  text-wrap: balance; // equilibra los párrafos evitando viudas
   &::selection {
     background-color: lighten($color: $blue-primary, $amount: 20);
   }
@@ -92,6 +91,9 @@ html {
   font-family: $montserrat;
   // margin: 0 auto;
   scroll-behavior: smooth;
+  & > * {
+    text-wrap: balance; // equilibra los párrafos evitando viudas
+  }
 }
 section {
     @media (min-width:150px) {

diff --git a/app/sass/partials/_publications.sass b/app/sass/partials/_publications.sass
@@ -112,19 +112,16 @@
     #filter_year
         width: auto
     .papers 
-        display: flex
-        flex-direction: column
-        padding-left: 0px
+        @apply max-w-7xl mx-auto
         .paper 
             padding: $spacing_sm 0 
             display: flex
             flex-direction: column
             border-bottom: $ca-blue-200 1px solid
+            @apply text-pretty
 
         .paper_main 
-            display: flex
-            flex-direction: column
-            justify-content: space-between
+            @apply flex flex-col justify-between
             gap: $spacing_xsm
             .paper_date
                 display: flex
@@ -136,7 +133,7 @@
 
 
             .paper_title 
-                @apply text-black
+                @apply text-black 
 
             .paper_subtitle 
                 //padding-bottom: $spacing_md