Fix Animation on Safari

Fix Animation on Safari

Fix Animation issue in the LESS file :)

/*
 * Component: Dropdown menus
 * -------------------------
 */

/*Dropdowns in general*/
.dropdown-menu {
  box-shadow: @box-boxshadow;
  border-color: #eee;
  > li > a {
    color: #777;
  }
  > li > a > .glyphicon,
  > li > a > .fa,
  > li > a > .ion{
    margin-right: 10px;
  }
  > li > a:hover {
    background-color: lighten(@gray, 5%);
    color: #333;
  }
  > .divider {
    background-color: #eee;
  }
}

//Navbar custom dropdown menu
.navbar-nav .dropdown-menu {
  .box-shadow(none)!important;
}

.navbar-nav > .notifications-menu,
.navbar-nav > .messages-menu,
.navbar-nav > .tasks-menu {
  position: relative;
  //fix width and padding
  > .dropdown-menu {
    > li {
      position: relative;
    }
    width: 280px;
    //Remove padding and margins
    padding: 0 0 0 0!important;
    margin: 0!important;
    top: 100%;
  }
  //Define header class
  > .dropdown-menu > li.header {
    .border-radius(4px; 4px; 0; 0);
    background-color: #ffffff;
    padding: 7px 10px;
    border-bottom: 1px solid #f4f4f4;
    color: #444444;
    font-size: 14px;
  }

  //Define footer class
  > .dropdown-menu > li.footer > a {
    .border-radius(0px; 0px; 4px; 4px);
    font-size: 12px;
    background-color: #fff;
    padding: 7px 10px;
    border-bottom: 1px solid #eeeeee;
    color: #444!important;
    @media (max-width: @screen-sm-max) {
      background: #fff!important;
      color: #444!important;
    }
    text-align: center;
    //Hover state
    &:hover {
      text-decoration: none;
      font-weight: normal;
    }
  }

  //Clear inner menu padding and margins
  > .dropdown-menu > li .menu {
    max-height: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden;
    > li > a {
      display: block;
      white-space: nowrap; /* Prevent text from breaking */
      border-bottom: 1px solid #f4f4f4;
      // Hove state
      &:hover {
        background: #f4f4f4;
        text-decoration: none;
      }
    }
  }
}

//Notifications menu
.navbar-nav > .notifications-menu {
  > .dropdown-menu > li .menu {
    // Links inside the menu
    > li > a {
      color: #444444;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 10px;
      // Icons inside the menu
      > .glyphicon,
      > .fa,
      > .ion {
        width: 20px;
      }
    }

  }
}

//Messages menu
.navbar-nav > .messages-menu {
  //Inner menu
  > .dropdown-menu > li .menu {
    // Messages menu item
    > li > a {
      margin: 0px;
      //line-height: 20px;
      padding: 10px 10px;
      // User image
      > div > img {
        margin: auto 10px auto auto;
        width: 40px;
        height: 40px;
      }
      // Message heading
      > h4 {
        padding: 0;
        margin: 0 0 0 45px;
        color: #444444;
        font-size: 15px;
        position: relative;
        // Small for message time display
        > small {
          color: #999999;
          font-size: 10px;
          position: absolute;
          top: 0px;
          right: 0px;
        }
      }

      > p {
        margin: 0 0 0 45px;
        font-size: 12px;
        color: #888888;
      }

      .clearfix();

    }

  }
}
//Tasks menu
.navbar-nav > .tasks-menu {
  > .dropdown-menu > li .menu {
    > li > a {
      padding: 10px;

      > h3 {
        font-size: 14px;
        padding: 0;
        margin: 0 0 10px 0;
        color: #666666;
      }

      > .progress {
        padding: 0;
        margin: 0;
      }
    }
  }
}
//User menu
.navbar-nav > .user-menu {
  > .dropdown-menu {
    .border-top-radius(0);
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 280px;

    &,
    > .user-body {
      .border-bottom-radius(4px);
    }
    // Header menu
    > li.user-header {
      height: 175px;
      padding: 10px;
      text-align: center;
      // User image
      > img {
        z-index: 5;
        height: 90px;
        width: 90px;
        border: 3px solid;
        border-color: transparent;
        border-color: rgba(255, 255, 255, 0.2);
      }
      > p {
        z-index: 5;
        color: #fff;
        color: rgba(255, 255, 255, 0.8);
        font-size: 17px;
        //text-shadow: 2px 2px 3px #333333;
        margin-top: 10px;
        > small {
          display: block;
          font-size: 12px;
        }
      }
    }

    // Menu Body
    > .user-body {
      padding: 15px;
      border-bottom: 1px solid #f4f4f4;
      border-top: 1px solid #dddddd;
      .clearfix();
      a {
        color: #444 !important;
        @media (max-width: @screen-sm-max) {
          background: #fff !important;
          color: #444 !important;
        }
      }
    }

    // Menu Footer
    > .user-footer {
      background-color: #f9f9f9;
      padding: 10px;
      .clearfix();
      .btn-default {
        color: #666666;
      }
    }
  }
  .user-image {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px;
    @media (max-width: @screen-xs-max) {
      float: none;
      margin-right: 0;
      margin-top: -8px;
      line-height: 10px;
    }
  }
}

/* Add fade animation to dropdown menus by appending
 the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
.open:not(.dropup) > .animated-dropdown-menu {
  backface-visibility: visible !important;
  .animation(flipInX .7s both);

}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    transform: perspective(400px);
  }
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
  }
}

/* Fix dropdown menu in navbars */
.navbar-custom-menu > .navbar-nav {
    > li {
      position: relative;
      > .dropdown-menu {
        position: absolute;
        right: 0;
        left: auto;
      }
    }
  }
@media (max-width: @screen-sm-max) {
  .navbar-custom-menu > .navbar-nav {
    float: right;
    > li {
      position: static;
      > .dropdown-menu {
        position: absolute;
        right: 5%;
        left: auto;
        border: 1px solid #ddd;
        background: #fff;
      }
    }
  }
}

/*
 * Component: Dropdown menus
 * -------------------------
 */

/*Dropdowns in general*/
.dropdown-menu {
  box-shadow: @box-boxshadow;
  border-color: #eee;
  > li > a {
    color: #777;
  }
  > li > a > .glyphicon,
  > li > a > .fa,
  > li > a > .ion{
    margin-right: 10px;
  }
  > li > a:hover {
    background-color: lighten(@gray, 5%);
    color: #333;
  }
  > .divider {
    background-color: #eee;
  }
}

//Navbar custom dropdown menu
.navbar-nav .dropdown-menu {
  .box-shadow(none)!important;
}

.navbar-nav > .notifications-menu,
.navbar-nav > .messages-menu,
.navbar-nav > .tasks-menu {
  position: relative;
  //fix width and padding
  > .dropdown-menu {
    > li {
      position: relative;
    }
    width: 280px;
    //Remove padding and margins
    padding: 0 0 0 0!important;
    margin: 0!important;
    top: 100%;
  }
  //Define header class
  > .dropdown-menu > li.header {
    .border-radius(4px; 4px; 0; 0);
    background-color: #ffffff;
    padding: 7px 10px;
    border-bottom: 1px solid #f4f4f4;
    color: #444444;
    font-size: 14px;
  }

  //Define footer class
  > .dropdown-menu > li.footer > a {
    .border-radius(0px; 0px; 4px; 4px);
    font-size: 12px;
    background-color: #fff;
    padding: 7px 10px;
    border-bottom: 1px solid #eeeeee;
    color: #444!important;
    @media (max-width: @screen-sm-max) {
      background: #fff!important;
      color: #444!important;
    }
    text-align: center;
    //Hover state
    &:hover {
      text-decoration: none;
      font-weight: normal;
    }
  }

  //Clear inner menu padding and margins
  > .dropdown-menu > li .menu {
    max-height: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden;
    > li > a {
      display: block;
      white-space: nowrap; /* Prevent text from breaking */
      border-bottom: 1px solid #f4f4f4;
      // Hove state
      &:hover {
        background: #f4f4f4;
        text-decoration: none;
      }
    }
  }
}

//Notifications menu
.navbar-nav > .notifications-menu {
  > .dropdown-menu > li .menu {
    // Links inside the menu
    > li > a {
      color: #444444;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 10px;
      // Icons inside the menu
      > .glyphicon,
      > .fa,
      > .ion {
        width: 20px;
      }
    }

  }
}

//Messages menu
.navbar-nav > .messages-menu {
  //Inner menu
  > .dropdown-menu > li .menu {
    // Messages menu item
    > li > a {
      margin: 0px;
      //line-height: 20px;
      padding: 10px 10px;
      // User image
      > div > img {
        margin: auto 10px auto auto;
        width: 40px;
        height: 40px;
      }
      // Message heading
      > h4 {
        padding: 0;
        margin: 0 0 0 45px;
        color: #444444;
        font-size: 15px;
        position: relative;
        // Small for message time display
        > small {
          color: #999999;
          font-size: 10px;
          position: absolute;
          top: 0px;
          right: 0px;
        }
      }

      > p {
        margin: 0 0 0 45px;
        font-size: 12px;
        color: #888888;
      }

      .clearfix();

    }

  }
}
//Tasks menu
.navbar-nav > .tasks-menu {
  > .dropdown-menu > li .menu {
    > li > a {
      padding: 10px;

      > h3 {
        font-size: 14px;
        padding: 0;
        margin: 0 0 10px 0;
        color: #666666;
      }

      > .progress {
        padding: 0;
        margin: 0;
      }
    }
  }
}
//User menu
.navbar-nav > .user-menu {
  > .dropdown-menu {
    .border-top-radius(0);
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 280px;

    &,
    > .user-body {
      .border-bottom-radius(4px);
    }
    // Header menu
    > li.user-header {
      height: 175px;
      padding: 10px;
      text-align: center;
      // User image
      > img {
        z-index: 5;
        height: 90px;
        width: 90px;
        border: 3px solid;
        border-color: transparent;
        border-color: rgba(255, 255, 255, 0.2);
      }
      > p {
        z-index: 5;
        color: #fff;
        color: rgba(255, 255, 255, 0.8);
        font-size: 17px;
        //text-shadow: 2px 2px 3px #333333;
        margin-top: 10px;
        > small {
          display: block;
          font-size: 12px;
        }
      }
    }

    // Menu Body
    > .user-body {
      padding: 15px;
      border-bottom: 1px solid #f4f4f4;
      border-top: 1px solid #dddddd;
      .clearfix();
      a {
        color: #444 !important;
        @media (max-width: @screen-sm-max) {
          background: #fff !important;
          color: #444 !important;
        }
      }
    }

    // Menu Footer
    > .user-footer {
      background-color: #f9f9f9;
      padding: 10px;
      .clearfix();
      .btn-default {
        color: #666666;
      }
    }
  }
  .user-image {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px;
    @media (max-width: @screen-xs-max) {
      float: none;
      margin-right: 0;
      margin-top: -8px;
      line-height: 10px;
    }
  }
}

/* Add fade animation to dropdown menus by appending
 the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
.open:not(.dropup) > .animated-dropdown-menu {
  backface-visibility: visible !important;
  .animation(flipInX .7s both);

}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    transform: perspective(400px);
  }
}
@-webkit-keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    transform: perspective(400px);
  }
}

/* Fix dropdown menu in navbars */
.navbar-custom-menu > .navbar-nav {
    > li {
      position: relative;
      > .dropdown-menu {
        position: absolute;
        right: 0;
        left: auto;
      }
    }
  }
@media (max-width: @screen-sm-max) {
  .navbar-custom-menu > .navbar-nav {
    float: right;
    > li {
      position: static;
      > .dropdown-menu {
        position: absolute;
        right: 5%;
        left: auto;
        border: 1px solid #ddd;
        background: #fff;
      }
    }
  }
}


Fix white space in navbar button

Fix white space in navbar button

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/sonatra/sonatra-theme-gluon.git/'


Fix panel main in responsive

Fix panel main in responsive


Add style of list card details

Add style of list card details


added display: block

added display: block

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/dedalozzo/pit-bootstrap.git/'


update modal variables

update modal variables

fatal: unable to access 'https://github.com/Livefyre/livefyre-bootstrap.git/': The requested URL returned error: 403


Fix sidebar width

Fix sidebar width

//
// Load core variables and mixins
// --------------------------------------------------

@import "@{SonatraGluonBundle}/Resources/assetic/less/variables.less";
@import "@{symfony-vendor-dir}/twitter/bootstrap/less/mixins.less";
@import "@{SonatraGluonBundle}/Resources/assetic/less/mixins.less";

// Sidebar
// --------------------------------------------------

.sidebar-trigger {
    + .container,
    + .container-fluid {
        -webkit-transition: margin-left 0.2s;
        transition: margin-left 0.2s;
    }
}

.sidebar-toggle {
    position: absolute;
    top: 0;
    left: 0;
    height: @navbar-height + 1;
    cursor: pointer;

    margin: 0;
    padding: 17px 20px 17px 0;

    > i {
        font-size: @navbar-default-toggle-font-size;
        margin: 0 0 0 -5px;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    &:hover {
        > i {
            margin-left: -9px;
        }
    }

    + .navbar-brand > img {
        margin-left: 10px;
    }
}

.sidebar-wrapper {
    position: fixed;
    top: 0;
    overflow: hidden;
    bottom: 0;
    width: @sidebar-wrapper-width;
    cursor: default;

    -webkit-transform: translateX(-@sidebar-wrapper-width);
    transform: translateX(-@sidebar-wrapper-width);

    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;

    &.sidebar-open {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    &.sidebar-default {
        color: @sidebar-default-color;
        background-color: @sidebar-default-bg;

        &.sidebar-open,
        &.sidebar-dragging {
            .box-shadow(3px 0 4px rgba(0, 0, 0, 0.18));
        }

        li,
        .sidebar-item {
            color: @sidebar-default-link-color;
            background-color: @sidebar-default-link-bg;

            &:hover,
            &:focus {
                color: @sidebar-default-link-hover-color;
                background-color: @sidebar-default-link-hover-bg;
            }
        }
    }

    &.sidebar-inverse {
        color: @sidebar-inverse-color;
        background-color: @sidebar-inverse-bg;

        &.sidebar-open,
        &.sidebar-dragging {
            .box-shadow(3px 0 4px rgba(0, 0, 0, 0.32));
        }

        li,
        .sidebar-item {
            color: @sidebar-inverse-link-color;
            background-color: @sidebar-inverse-link-bg;

            &:hover,
            &:focus {
                color: @sidebar-inverse-link-hover-color;
                background-color: @sidebar-inverse-link-hover-bg;
            }
        }
    }
}

.sidebar-swipe {
    position : fixed;
    z-index: @zindex-sidebar-wrapper - 1;
    width: 20px;
    left: 0;
    top: 0;
    bottom: 0;

    -moz-user-select: -moz-none;
    user-select: none;
    -ms-touch-action: none;
}

.sidebar-open + .sidebar-swipe,
.sidebar-force-open .sidebar-swipe {
    left: @sidebar-wrapper-width;
}

.sidebar-scroller {
    position: absolute;
    overflow-x: hidden;
    overflow-y: scroll;
    left: 0;
    right: -18px;
    height: 100%;
    padding-top: @navbar-height + 1;
}

.sidebar-menu {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    list-style: none;
    text-align: left;
    font-size: @font-size-medium;

    li {
        display: block;

        -webkit-transition: height 0.2s, padding 0.2s;
        transition: height 0.2s, padding 0.2s;
    }

    li li {
        overflow: hidden;
        height: 0;
    }

    .sidebar-item {
        display: block;
        height: 100%;
        padding: 15px;
        text-decoration: none;
        cursor: pointer;
    }
}

.sidebar-trigger {
    .sidebar-toggle {
        z-index: @zindex-sidebar-toggle;
    }

    .sidebar-wrapper {
        z-index: @zindex-sidebar-wrapper;
    }
}

.navbar-fixed-top + .sidebar-trigger,
.navbar-fixed-bottom + .sidebar-trigger {
    .sidebar-toggle {
        position: fixed;
        z-index: @zindex-sidebar-toggle-fixed;
    }

    .sidebar-scroller {
        padding-top: inherit;
    }

    .sidebar-wrapper {
        top: @navbar-height + 1;
        z-index: @zindex-sidebar-wrapper-fixed;
    }
}

.navbar-fixed-bottom + .sidebar-trigger {
    .sidebar-toggle {
        top: inherit;
        bottom: 0;
    }

    .sidebar-wrapper {
        top: 0;
        bottom: @navbar-height + 1;
    }
}

.navbar-default + .sidebar-trigger .sidebar-toggle {
    > i {
        color: @sidebar-toggle-default-color;
    }

    &:hover {
        > i {
            color: @sidebar-toggle-default-hover-color;
        }
    }
}

.navbar-inverse + .sidebar-trigger .sidebar-toggle {
    > i {
        color: @sidebar-toggle-inverse-color;
    }

    &:hover {
        > i {
            color: @sidebar-toggle-inverse-hover-color;
        }
    }
}

@media (max-width: @screen-xs-max) {
    .sidebar-wrapper {
        width: 300px;
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px);
    }
    .sidebar-force-open {
        .sidebar-swipe {
            left: 0;
        }
    }

    .sidebar-open + .sidebar-swipe {
        left: 300px;
    }
}

@media (min-width: @screen-md-min) {
    .sidebar-force-open {
        .sidebar-wrapper {
            &.sidebar-open,
            &.sidebar-dragging {
                .box-shadow(none);
            }
        }
    }
}

//
// Load core variables and mixins
// --------------------------------------------------

@import "@{SonatraGluonBundle}/Resources/assetic/less/variables.less";
@import "@{symfony-vendor-dir}/twitter/bootstrap/less/mixins.less";
@import "@{SonatraGluonBundle}/Resources/assetic/less/mixins.less";

// Sidebar
// --------------------------------------------------

.sidebar-trigger {
    + .container,
    + .container-fluid {
        -webkit-transition: margin-left 0.2s;
        transition: margin-left 0.2s;
    }
}

.sidebar-toggle {
    position: absolute;
    top: 0;
    left: 0;
    height: @navbar-height + 1;
    cursor: pointer;

    margin: 0;
    padding: 17px 20px 17px 0;

    > i {
        font-size: @navbar-default-toggle-font-size;
        margin: 0 0 0 -5px;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    &:hover {
        > i {
            margin-left: -9px;
        }
    }

    + .navbar-brand > img {
        margin-left: 10px;
    }
}

.sidebar-wrapper {
    position: fixed;
    top: 0;
    overflow: hidden;
    bottom: 0;
    width: @sidebar-wrapper-width;
    cursor: default;

    -webkit-transform: translateX(-@sidebar-wrapper-width);
    transform: translateX(-@sidebar-wrapper-width);

    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;

    &.sidebar-open {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    &.sidebar-default {
        color: @sidebar-default-color;
        background-color: @sidebar-default-bg;

        &.sidebar-open,
        &.sidebar-dragging {
            .box-shadow(3px 0 4px rgba(0, 0, 0, 0.18));
        }

        li,
        .sidebar-item {
            color: @sidebar-default-link-color;
            background-color: @sidebar-default-link-bg;

            &:hover,
            &:focus {
                color: @sidebar-default-link-hover-color;
                background-color: @sidebar-default-link-hover-bg;
            }
        }
    }

    &.sidebar-inverse {
        color: @sidebar-inverse-color;
        background-color: @sidebar-inverse-bg;

        &.sidebar-open,
        &.sidebar-dragging {
            .box-shadow(3px 0 4px rgba(0, 0, 0, 0.32));
        }

        li,
        .sidebar-item {
            color: @sidebar-inverse-link-color;
            background-color: @sidebar-inverse-link-bg;

            &:hover,
            &:focus {
                color: @sidebar-inverse-link-hover-color;
                background-color: @sidebar-inverse-link-hover-bg;
            }
        }
    }
}

.sidebar-swipe {
    position : fixed;
    z-index: @zindex-sidebar-wrapper - 1;
    width: 20px;
    left: 0;
    top: 0;
    bottom: 0;

    -moz-user-select: -moz-none;
    user-select: none;
    -ms-touch-action: none;
}

.sidebar-open + .sidebar-swipe,
.sidebar-force-open .sidebar-swipe {
    left: @sidebar-wrapper-width;
}

.sidebar-scroller {
    position: absolute;
    overflow-x: hidden;
    overflow-y: scroll;
    left: 0;
    right: -18px;
    height: 100%;
    padding-top: @navbar-height + 1;
}

.sidebar-menu {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    list-style: none;
    text-align: left;
    font-size: @font-size-medium;

    li {
        display: block;

        -webkit-transition: height 0.2s, padding 0.2s;
        transition: height 0.2s, padding 0.2s;
    }

    li li {
        overflow: hidden;
        height: 0;
    }

    .sidebar-item {
        display: block;
        height: 100%;
        padding: 15px;
        text-decoration: none;
        cursor: pointer;
    }
}

.sidebar-trigger {
    .sidebar-toggle {
        z-index: @zindex-sidebar-toggle;
    }

    .sidebar-wrapper {
        z-index: @zindex-sidebar-wrapper;
    }
}

.navbar-fixed-top + .sidebar-trigger,
.navbar-fixed-bottom + .sidebar-trigger {
    .sidebar-toggle {
        position: fixed;
        z-index: @zindex-sidebar-toggle-fixed;
    }

    .sidebar-scroller {
        padding-top: inherit;
    }

    .sidebar-wrapper {
        top: @navbar-height + 1;
        z-index: @zindex-sidebar-wrapper-fixed;
    }
}

.navbar-fixed-bottom + .sidebar-trigger {
    .sidebar-toggle {
        top: inherit;
        bottom: 0;
    }

    .sidebar-wrapper {
        top: 0;
        bottom: @navbar-height + 1;
    }
}

.navbar-default + .sidebar-trigger .sidebar-toggle {
    > i {
        color: @sidebar-toggle-default-color;
    }

    &:hover {
        > i {
            color: @sidebar-toggle-default-hover-color;
        }
    }
}

.navbar-inverse + .sidebar-trigger .sidebar-toggle {
    > i {
        color: @sidebar-toggle-inverse-color;
    }

    &:hover {
        > i {
            color: @sidebar-toggle-inverse-hover-color;
        }
    }
}

@media (max-width: @screen-xs-max) {
    .sidebar-wrapper {
        width: 300px;
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px);
    }
    .sidebar-force-open {
        .sidebar-swipe {
            left: 0;
        }
    }

    .sidebar-open + .sidebar-swipe {
        left: 80%;
    }
}

@media (min-width: @screen-md-min) {
    .sidebar-force-open {
        .sidebar-wrapper {
            &.sidebar-open,
            &.sidebar-dragging {
                .box-shadow(none);
            }
        }
    }
}


everything

everything

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Ondama/jQuery-Card-shifting.git/'


Primo has add'et new stylesheet  " ../css/PrimoBordeau.css " this style conflict whit old class'es (my task overwrite new css)

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Det-Kongelige-Bibliotek/rex.git/'


Added margin to locationList additionalFields collapse icon.

This is to stress out the hierachy between the accordion collapse and the additional fields collapse icons.
We might wanna change this when the right icons are found. If we end up with two sizes we could skip the margin entirely.


Create 02-webfonts-hx.less

Create 02-webfonts-hx.less

/* ici les webfonts */

/*@font-face {

}*/

h1,
.h1 {
  display: block;
  .flow_hx(26); // equiv 26px
  font-weight: normal;
}
h2,
.h2 {
  display: block;
  .flow_hx(24); // equiv 24px
  font-weight: normal;
}
h3,
.h3 {
  display: block;
  .flow_hx(22); // equiv 22px
  font-weight: normal;
}
h4,
.h4 {
  display: block;
  .flow_hx(20); // equiv 20px
  font-weight: normal;
}
h5,
.h5 {
  display: block;
  .flow_hx(18); // equiv 18px
  font-weight: normal;
}
h6,
.h6 {
  display: block;
  .flow_hx(16); // equiv 16px
  font-weight: normal;
}

.uppercase {
  text-transform: uppercase;
}

/* autres classes utiles */
.smaller {
  .flow_other(10); // equiv 10px
}
.small {
  .flow_other(12); // equiv 12px
}
.big {
  .flow_other(16); // equiv 16px
}
.bigger {
  .flow_other(18); // equiv 18px
}
.biggest {
  .flow_other(20); // equiv 20px
}

error: pathspec 'less/rocssti-fr/02-webfonts-hx.less' did not match any file(s) known to git


fix(ui): activity item contrast (#11598)

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/beeftornado/sentry.git/'


Delete rotated-flipped.less

Delete rotated-flipped.less

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/JimiPedros/JimiPedros.github.io.git/'


Fixed assets fonts

Fixed assets fonts

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/zazujs/mufasa.git/'


Reduce search query border radius

Reduce search query border radius

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Margatroid/Anilytics.git/'


Increased height for grid styles for smaller devices

@color_lightblue: #25aae1;
@color_blue: #1171a3;
@color_success: #43c83c;
@color_warning: #f88529;
@color_important: #fa3031;
@color_violet: #932ab6;
@color_darkblue: #00529b;
@color_secondary_primary: #4f75b2;
@import "../../../bower_components/bootstrap-material-design/less/material.less";

// Override @primary color with one took from _colors.less
@primary:@color_darkblue;
* {
    /*-webkit-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important;
    -webkit-text-shadow: none !important;
    -ms-text-shadow: none !important;
    text-shadow: none !important;*/
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    /*font-weight: 400;*/
}

a {
    cursor: pointer;
}

/* #endregion */

/* Bootstrap custom */

/* #endregion */

/*#region wrapper for angular ng-include and ng-view animations*/
.view-container {
    position: relative;
    overflow: hidden;
}
/*#endregion */

/*#region Angular ng-include, ng-view, ng-repeat shuffle animations*/

.shuffle-animation.ng-enter,
.shuffle-animation.ng-leave {
    position: relative;
}

.shuffle-animation.ng-enter {
    -moz-transition: ease-out all 0.3s 0.4s;
    -o-transition: ease-out all 0.3s 0.4s;
    -webkit-transition: ease-out all 0.3s 0.4s;
    transition: ease-out all 0.3s 0.4s;
    left: 2em;
    opacity: 0;
}

    .shuffle-animation.ng-enter.ng-enter-active {
        left: 0;
        opacity: 1;
    }

.shuffle-animation.ng-leave {
    -moz-transition: 0.3s ease-out all;
    -o-transition: 0.3s ease-out all;
    -webkit-transition: 0.3s ease-out all;
    transition: 0.3s ease-out all;
    left: 0;
    opacity: 1;
}

    .shuffle-animation.ng-leave.ng-leave-active {
        left: 2em;
        opacity: 0;
    }
/*#endregion*/

/*#region Angular ng-include, ng-view, ng-repeat fader animation */
.fader-animation.ng-enter,
.fader-animation.ng-leave,
.fader-animation.ng-move {
    position: relative;
}

.fader-animation.ng-enter,
.fader-animation.ng-leave {
    -webkit-transition: cubic-bezier(0.250, 0.460, 0.450, 0.940) all 0.5s;
    -moz-transition: cubic-bezier(0.250, 0.460, 0.450, 0.940) all 0.5s;
    -o-transition: cubic-bezier(0.250, 0.460, 0.450, 0.940) all 0.5s;
    transition: cubic-bezier(0.250, 0.460, 0.450, 0.940) all 0.5s;
    opacity: 1;
}

.fader-animation.ng-enter,
.fader-animation.ng-leave.ng-leave-active {
    opacity: 0;
}

    .fader-animation.ng-enter.ng-enter-active {
        opacity: 1;
    }

.fader-animation.ng-move {
  opacity:0.5;
}
.fader-animation.ng-move.ng-move-active {
  opacity:1;
}

/*#endregion*/

/*#region Angular ng-show dissolve animation */
.dissolve-animation.ng-hide-remove,
.dissolve-animation.ng-hide-add {
    position: fixed !important;
    display: inline !important;
    -webkit-transition: 0.5s linear all;
    -moz-transition: 0.5s linear all;
    -o-transition: 0.5s linear all;
    transition: 0.5s linear all;
}

    .dissolve-animation.ng-hide-remove.ng-hide-remove-active,
    .dissolve-animation.ng-hide-add {
        opacity: 1;
    }

        .dissolve-animation.ng-hide-add.ng-hide-add-active,
        .dissolve-animation.ng-hide-remove {
            opacity: 0;
        }
/*#endregion */

/*#region toastr */
#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
    margin: 4px auto;
}
/*#endregion */

/* Responsive */
@media (max-width: 979px) {
    .gridStyle {
        border: 1px solid rgb(212,212,212);
        height: 600px;
    }
}

@media (min-width: 768px) {
    .gridStyle {
        border: 1px solid rgb(212,212,212);
        height: 700px;
    }
}

@media (max-width: 767px) {

    .gridStyle {
        border: 1px solid rgb(212,212,212);
        height: 500px;
    }
}

@media (max-width: 480px) {

    .gridStyle {
        border: 1px solid rgb(212,212,212);
        height: 450px;
    }
}

@media (max-width: 320px) {
    .gridStyle {
        border: 1px solid rgb(212,212,212);
        height: 450px;
    }
}

/*#endregion */

/* Forms Styles */
.form-wizard>ol {
    list-style-type: none;
    text-align: center;
    padding: 0 15px;
}

.form-wizard>ol>li {
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: #fcfcfc;
    cursor: pointer;
}

.form-wizard>ol>li>a {
    text-decoration: none;
}

.form-wizard>ol>li .label {
    background-color: @color_lightblue;
    vertical-align: super;

    .form-wizard>ol>li h4 {
    display: inline-block;
    color: #515253
}
}

.form-wizard>ol>li.active {
    background-color: @color_darkblue;
}

.form-wizard>ol>li.active h4, .form-wizard>ol>div>li.active small {
    color: #fff
}

.ngRowCountPicker {
    visibility: collapse;
}

  [angular-ripple] {
    position: relative;
    overflow: hidden;
  }
  .angular-ripple {
    display: block;
    position: absolute;
    background-color: rgba(0,0,0,0.1);
    border-radius: 50%;
    transform: scale(0);
  }
  .angular-ripple.animate {
    animation: ripple 0.35s linear;
  }
  @keyframes ripple {
    100% {
      opacity: 0;
      transform: scale(2.5);
    }
  }
.logoImage {
    // Copied from .img-responsive()
    display:block;
    max-width: 100%; // Part 1: Set a maximum relative to the parent
    height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
}

.header{
    background-color: white;
    padding: 20px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #00529b;
}

.footer{
    background-color: white;
    padding: 20px;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #00529b;
}

.close {
    opacity:1;
}

/*#endregion*/

@color_lightblue: #25aae1;
@color_blue: #1171a3;
@color_success: #43c83c;
@color_warning: #f88529;
@color_important: #fa3031;
@color_violet: #932ab6;
@color_darkblue: #00529b;
@color_secondary_primary: #4f75b2;
@import "../../../bower_components/bootstrap-material-design/less/material.less";

// Override @primary color with one took from _colors.less
@primary:@color_darkblue;
* {
    /*-webkit-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important;
    -webkit-text-shadow: none !important;
    -ms-text-shadow: none !important;
    text-shadow: none !important;*/
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    /*font-weight: 400;*/
}

a {
    cursor: pointer;
}

/* #endregion */

/* Bootstrap custom */

/* #endregion */

/*#region wrapper for angular ng-include and ng-view animations*/
.view-container {
    position: relative;
    overflow: hidden;
}
/*#endregion */

/*#region Angular ng-include, ng-view, ng-repeat shuffle animations*/

.shuffle-animation.ng-enter,
.shuffle-animation.ng-leave {
    position: relative;
}

.shuffle-animation.ng-enter {
    -moz-transition: ease-out all 0.3s 0.4s;
    -o-transition: ease-out all 0.3s 0.4s;
    -webkit-transition: ease-out all 0.3s 0.4s;
    transition: ease-out all 0.3s 0.4s;
    left: 2em;
    opacity: 0;
}

    .shuffle-animation.ng-enter.ng-enter-active {
        left: 0;
        opacity: 1;
    }

.shuffle-animation.ng-leave {
    -moz-transition: 0.3s ease-out all;
    -o-transition: 0.3s ease-out all;
    -webkit-transition: 0.3s ease-out all;
    transition: 0.3s ease-out all;
    left: 0;
    opacity: 1;
}

    .shuffle-animation.ng-leave.ng-leave-active {
        left: 2em;
        opacity: 0;
    }
/*#endregion*/

/*#region Angular ng-include, ng-view, ng-repeat fader animation */
.fader-animation.ng-enter,
.fader-animation.ng-leave,
.fader-animation.ng-move {
    position: relative;
}

.fader-animation.ng-enter,
.fader-animation.ng-leave {
    -webkit-transition: cubic-bezier(0.250, 0.460, 0.450, 0.940) all 0.5s;
    -moz-transition: cubic-bezier(0.250, 0.460, 0.450, 0.940) all 0.5s;
    -o-transition: cubic-bezier(0.250, 0.460, 0.450, 0.940) all 0.5s;
    transition: cubic-bezier(0.250, 0.460, 0.450, 0.940) all 0.5s;
    opacity: 1;
}

.fader-animation.ng-enter,
.fader-animation.ng-leave.ng-leave-active {
    opacity: 0;
}

    .fader-animation.ng-enter.ng-enter-active {
        opacity: 1;
    }

.fader-animation.ng-move {
  opacity:0.5;
}
.fader-animation.ng-move.ng-move-active {
  opacity:1;
}

/*#endregion*/

/*#region Angular ng-show dissolve animation */
.dissolve-animation.ng-hide-remove,
.dissolve-animation.ng-hide-add {
    position: fixed !important;
    display: inline !important;
    -webkit-transition: 0.5s linear all;
    -moz-transition: 0.5s linear all;
    -o-transition: 0.5s linear all;
    transition: 0.5s linear all;
}

    .dissolve-animation.ng-hide-remove.ng-hide-remove-active,
    .dissolve-animation.ng-hide-add {
        opacity: 1;
    }

        .dissolve-animation.ng-hide-add.ng-hide-add-active,
        .dissolve-animation.ng-hide-remove {
            opacity: 0;
        }
/*#endregion */

/*#region toastr */
#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
    margin: 4px auto;
}
/*#endregion */

/* Responsive */
@media (max-width: 979px) {
    .gridStyle {
        border: 1px solid rgb(212,212,212);
        height: 600px;
    }
}

@media (min-width: 768px) {
    .gridStyle {
        border: 1px solid rgb(212,212,212);
        height: 700px;
    }
}

@media (max-width: 767px) {

    .gridStyle {
        border: 1px solid rgb(212,212,212);
        height: 500px;
    }
}

@media (max-width: 480px) {

    .gridStyle {
        border: 1px solid rgb(212,212,212);
        height: 320px;
    }
}

@media (max-width: 320px) {
    .gridStyle {
        border: 1px solid rgb(212,212,212);
        height: 120px;
    }
}

/*#endregion */

/* Forms Styles */
.form-wizard>ol {
    list-style-type: none;
    text-align: center;
    padding: 0 15px;
}

.form-wizard>ol>li {
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: #fcfcfc;
    cursor: pointer;
}

.form-wizard>ol>li>a {
    text-decoration: none;
}

.form-wizard>ol>li .label {
    background-color: @color_lightblue;
    vertical-align: super;

    .form-wizard>ol>li h4 {
    display: inline-block;
    color: #515253
}
}

.form-wizard>ol>li.active {
    background-color: @color_darkblue;
}

.form-wizard>ol>li.active h4, .form-wizard>ol>div>li.active small {
    color: #fff
}

.ngRowCountPicker {
    visibility: collapse;
}

  [angular-ripple] {
    position: relative;
    overflow: hidden;
  }
  .angular-ripple {
    display: block;
    position: absolute;
    background-color: rgba(0,0,0,0.1);
    border-radius: 50%;
    transform: scale(0);
  }
  .angular-ripple.animate {
    animation: ripple 0.35s linear;
  }
  @keyframes ripple {
    100% {
      opacity: 0;
      transform: scale(2.5);
    }
  }
.logoImage {
    // Copied from .img-responsive()
    display:block;
    max-width: 100%; // Part 1: Set a maximum relative to the parent
    height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
}

.header{
    background-color: white;
    padding: 20px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #00529b;
}

.footer{
    background-color: white;
    padding: 20px;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #00529b;
}

.close {
    opacity:1;
}

/*#endregion*/


Update navMenu.less

Update navMenu.less

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/f4bien/generator-jahia.git/'


Create grid.less

Create grid.less

@import 'rule';

.ghost-grid(@color: blue, @style: ruled) when(@style = dotted) {
  @faded: fade(@color, 50%);
  background+: linear-gradient(45deg, @faded 1px, transparent 1px);
  background+: linear-gradient(135deg, @faded 1px, transparent 1px);
  background+: linear-gradient(225deg, @faded 1px, transparent 1px);
  background+: linear-gradient(315deg, @faded 1px, transparent 1px);

  background-size+: 1em 1em;
}

.ghost-grid(@color: blue, @style: ruled) when(@style = ruled) {
  .ghost-rule(@color, 0);
  .ghost-rule(@color, 1);
}

error: pathspec 'src/less/ghost/grid.less' did not match any file(s) known to git


fix(Text): remove unnecessary error message (#259)

* fix(Text): remove unnecessary error message

* fix(Text): comment out style rules

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/seekinternational/seek-asia-style-guide.git/'


fix open session component on mobile

fix open session component on mobile

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Thinkful/ui.git/'


update

update

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/iview/iview-doc.git/'


Relax table spacing and sizing. Small color shift.

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/scitran/sdm.git/'