style: Removed Roadiz font and drop old browser postcss support

roadiz · Sep 6, 2023 · 18186fa · 18186fa
1 parent 77366f3
commit 18186fa
Show file tree

Hide file tree

Showing 67 changed files with 355 additions and 361 deletions.
diff --git a/lib/RoadizCoreBundle/src/Form/AttributeValueTranslationType.php b/lib/RoadizCoreBundle/src/Form/AttributeValueTranslationType.php
@@ -105,7 +105,9 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
                     break;
             }
         }
-        $builder->add('attributeValue', AttributeValueRealmType::class);
+        $builder->add('attributeValue', AttributeValueRealmType::class, [
+            'label' => false,
+        ]);
     }
 
     /**

diff --git a/lib/RoadizRozierBundle/templates/users/list.html.twig b/lib/RoadizRozierBundle/templates/users/list.html.twig
@@ -31,7 +31,7 @@
                                 'filters': filters,
                             } only %}
                         </th>
-                        <th>{% trans %}user.lastLogin{% endtrans %}
+                        <th class="mobile-hidden">{% trans %}user.lastLogin{% endtrans %}
                             {% include '@RoadizRozier/includes/column_ordering.html.twig' with {
                                 'field': 'lastLogin',
                                 'filters': filters,

diff --git a/lib/Rozier/src/Resources/app/less/actions_menu/actions_menu.less b/lib/Rozier/src/Resources/app/less/actions_menu/actions_menu.less
@@ -18,7 +18,7 @@
 /* -------- STYLES -------- */
 
 .action-menu-icon(){
-    .rounded(100%);
+    border-radius: 100%;
     position: relative;
     display: inline-block;
     background: @item-global-background;
@@ -75,7 +75,7 @@
         header,
         .uk-button {
             position: relative;
-            .rounded(0);
+            border-radius: 0;
             .box-sizing();
             border: 0 none;
             height: @action-menu-H;
@@ -96,7 +96,7 @@
 
             i {
                 .action-menu-icon();
-                .transition(~'border-color ease 0.3s, color ease 0.3s');
+                transition: ~'border-color ease 0.3s, color ease 0.3s';
             }
 
             &:focus,
@@ -201,9 +201,8 @@
         .label {
             position: absolute;
             display: block;
-            font-size: 12px;
+            font-size: @default-font-size;
             line-height: @action-menu-H;
-            font-weight: bold;
             color: #444;
             text-shadow: none;
             height: 100%;
@@ -221,7 +220,8 @@
                 padding: 0 20px;
                 z-index: 999;
                 left: 0;
-                .transition(left 0.3s ease);
+                transition: left 0.3s ease;
+                font-weight: bold;
             }
         }
     }
@@ -319,7 +319,7 @@
                 }
                 i {
                     .action-menu-icon();
-                    .transition(~'border-color ease 0.3s, color ease 0.3s');
+                    transition: ~'border-color ease 0.3s, color ease 0.3s';
 
                     width: 24px;
                     height: 24px;
@@ -335,9 +335,10 @@
                     display: inline-block;
                     vertical-align: middle;
                     font-size: 11px;
-                    font-weight: bold;
                     line-height: @action-submenu-H;
                     padding-left: 9px;
+                    letter-spacing: 0.01em;
+
                     &:before {
                         display: none;
                     }

diff --git a/lib/Rozier/src/Resources/app/less/alerts/alerts.less b/lib/Rozier/src/Resources/app/less/alerts/alerts.less
@@ -5,12 +5,11 @@
 .uk-alert {
     text-align: center;
     padding: 18px;
-    z-index: 9999;
-    font-size: 12px;
+    font-size: @default-font-size;
     font-weight: bold;
     background:#eaeaea;
     color:@grey-medium;
-    .rounded(0px);
+    border-radius: 0px;
     .box-sizing();
     -webkit-font-smoothing: antialiased;
     //border-top: none;
@@ -100,7 +99,7 @@ td.uk-alert {
         text-align: left;
         .transform(scaleY(0));
         .transform-origin(left, top);
-        .opacity(0);
+        opacity: 0;
         .transform-transition(~' 0.5s ease, 0.5s opacity ease, 0.1s height ease');
         .transition-timing-function(@easeOutExpo);
     }
@@ -115,13 +114,13 @@ td.uk-alert {
     .form-col-focus {
         .form-help {
             .transform(scaleY(1));
-            .opacity(1);
+            opacity: 1;
         }
     }
 }
 
 .uk-notify-message {
-    font-size: 12px;
+    font-size: @default-font-size;
     font-weight: bold;
     line-height: 18px;
 

diff --git a/lib/Rozier/src/Resources/app/less/autocomplete/autocomplete.less b/lib/Rozier/src/Resources/app/less/autocomplete/autocomplete.less
@@ -11,7 +11,7 @@
 /* -------- STYLES -------- */
 
 .ui-autocomplete{
-   font-size:12px;
+   font-size: @default-font-size;
    z-index: 99999;
 
    .ui-menu-item{

diff --git a/lib/Rozier/src/Resources/app/less/badges/badges.less b/lib/Rozier/src/Resources/app/less/badges/badges.less
@@ -14,8 +14,10 @@
     border-color: @grey-form-submit-border;
     color: @grey-form-submit-color;
     background: @grey-form-submit;
-    font-size:11px; line-height:20px;
-    text-shadow: 0 1px 0 rgba(255,255,255,.5);
+    font-size: 11px;
+    line-height: 20px;
+    letter-spacing: 0.02em;
+    text-shadow: none;
 }
 
 .uk-badge-success{

diff --git a/lib/Rozier/src/Resources/app/less/base/elements.less b/lib/Rozier/src/Resources/app/less/base/elements.less
@@ -14,13 +14,13 @@
 .fake-display-none(){
   display: block;
   pointer-events: none;
-  .opacity(0);
+  opacity: 0;
 }
 
 .fake-display-block(){
   display: block;
   pointer-events: auto;
-  .opacity(1);
+  opacity: 1;
 }
 
 .text-ellipsis(){
@@ -56,7 +56,6 @@
   opacity: @opacity;
 }
 
-
 .transform(...) {
   transform:         @arguments;
 }
@@ -77,7 +76,6 @@
   backface-visibility:@value;
 }
 
-
 /*
  * Transitions
  */

diff --git a/lib/Rozier/src/Resources/app/less/breadcrumb/breadcrumb.less b/lib/Rozier/src/Resources/app/less/breadcrumb/breadcrumb.less
@@ -44,13 +44,13 @@
 
 .node-breadcrumb-link{
     color:@grey-medium;
-    .transition(0.4s color ease);
+    transition: 0.4s color ease;
 
     .uk-icon-rz-breadcrumb-home{
         margin-top:-3px;
         font-size:16px;
         color: @icon-simple;
-        .transition(0.4s color ease);
+        transition: 0.4s color ease;
         -webkit-font-smoothing: none;
     }
 

diff --git a/lib/Rozier/src/Resources/app/less/bulk/bulk.less b/lib/Rozier/src/Resources/app/less/bulk/bulk.less
@@ -69,7 +69,7 @@
     display: inline-block;
     margin:-2px 0 0 0;
     padding:0 10px;
-    font-size:12px;
+    font-size: @default-font-size;
     color: #333;
     background: #EFEFEF;
 }

diff --git a/lib/Rozier/src/Resources/app/less/buttons/buttons.less b/lib/Rozier/src/Resources/app/less/buttons/buttons.less
@@ -14,13 +14,10 @@
     align-items: center;
     justify-content: center;
     height: 30px;
-    font-size: 11px;
-    line-height: 30px;
-    font-weight: bold;
-    .border-radius(0px);
+    font-size: 12px;
+    border-radius: 0;
     text-shadow: 0 1px 0 rgba(255,255,255,.5);
-    .transition(~'0.35s ease border-color, 0.5s ease background, opacity 0.5s linear');
-    //padding: 1px 8px 0;
+    transition: 0.35s ease border-color, 0.5s ease background, 0.5s linear opacity;
     padding: 0 8px 0;
 
     @media (min-width: @screen-sm-min) {
@@ -38,7 +35,7 @@
     }
 
     [class*=uk-icon-]{
-        font-size:12px;
+        font-size: @default-font-size;
         margin:0 4px 0 0;
     }
 
@@ -48,8 +45,7 @@
 
     @media screen and (min-width: 1380px) {
         height: 36px;
-        font-size: 12px;
-        line-height: 34px;
+        font-size: @default-font-size;
 
         [class*=uk-icon-]{
             font-size: 16px;
@@ -62,16 +58,13 @@
 
     &-small {
         height: 25px;
-        line-height: 25px;
 
         [class*=uk-icon-] {
             font-size: 14px;
-            line-height: 25px;
         }
 
         @media screen and (min-width: 1380px) {
             height: 30px;
-            line-height: 28px;
 
             [class*=uk-icon-] {
                 font-size: 16px;
@@ -81,7 +74,6 @@
 
     &-select-all {
         height: 32px;
-        line-height: 30px;
 
         [class*=uk-icon-] {
             font-size: 14px;
@@ -91,7 +83,6 @@
     &-filter{
         width: 32px;
         height: 32px;
-        line-height: 30px;
         padding:0;
         background: white;
         text-shadow: none;
@@ -175,9 +166,8 @@
     padding: 0px;
     min-width: 17px;
     min-height: 17px;
-    line-height: 17px;
     font-size: 10px;
-    .rounded(100%);
+    border-radius: 100%;
     border: none;
     background: darken(@maintree-global-bg, 3%);
     color: darken(@maintree-global-bg, 30%);
@@ -189,12 +179,11 @@
     width:20px;
     height:20px;
     margin:2px;
-    line-height:18px;
     color: #666;
     border: 1px solid @grey-form-border;
     background-color: #F2F2F2;
     text-align: center;
-    .rounded(100%);
+    border-radius: 100%;
     align-items: center;
     justify-content: center;
 
@@ -206,7 +195,6 @@
     @media screen and (min-width: 1380px) {
         width:30px;
         height:30px;
-        line-height:28px;
 
         [class*=uk-icon-]{
             font-size: 16px;
@@ -297,28 +285,27 @@
 
 .uk-button:disabled,
 .uk-button-disabled {
-    .opacity(0.4);
+    opacity: 0.4;
 }
 
 .uk-icon-button {
     display: inline-block;
     font-size: 20px;
     .box-sizing();
-    .rounded(100%);
+    border-radius: 100%;
     width: 36px;
     height: 36px;
-    line-height: 34px;
     color: #444;
     text-align: center;
     border: 1px solid @user-panel-text-alt-color;
     background-origin: border-box;
     text-shadow: 0 1px 0 #fff;
     background: #333333;
-    .opacity(0.8);
-    .transition(~"border-color 0.3s linear, background 0.3s linear, opacity 0.3s linear");
+    opacity: 0.8;
+    transition: ~"border-color 0.3s linear, background 0.3s linear, opacity 0.3s linear";
 
     &:hover {
-        .opacity(0.8);
+        opacity: 0.8;
         border-color:@contrast-color;
         background: #333333;
     }
@@ -410,9 +397,9 @@
         height:34px;
         margin: 0;
         font-size: 16px;
-        line-height:32px;
+        line-height: 32px;
         background:#fff;
-        .rounded(18px);
+        border-radius: 18px;
         border:1px solid #cbcbcb;
         .box-sizing();
 

diff --git a/lib/Rozier/src/Resources/app/less/common.less b/lib/Rozier/src/Resources/app/less/common.less
@@ -82,7 +82,7 @@ background: #CCC;
     color: rgba(255, 255, 255, 0.6);
     font-size: 11px;
     line-height: 15px;
-    .rounded(3px);
+    border-radius: 3px;
     max-width: none;
     z-index: 20000;
 }
@@ -111,19 +111,20 @@ background: #CCC;
     padding: 1px;
     border: none;
     background: #C2C2C2;
-    .rounded(100%);
+    border-radius: 100%;
     .drop-shadow(0 0 0 rgba(0,0,0,0));
     height: auto;
     width: auto;
 }
 
 .uk-text-small {
     max-width: 650px;
+    letter-spacing: 0.02em;
 }
 
 .uk-text-danger {
     padding: 0 20px;
-    font-size: 12px;
+    font-size: @default-font-size;
 }
 
 @media screen and (max-width: @screen-md-max) {