You are here

Home » API reference » Gin Layout Builder 8.2

wingsuit-lb.core.css in Gin Layout Builder 8.2 

.ws-lb .glb-claro-details__wrapper,
.ws-lb-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.ws-tabs {
  margin-top: 1em;
}

.glb-button.ws-lb-button {
  display: flex !important;
}

.ws-lb-button__icon {
  background: var(--colorGinPrimary);
  width: 1.1em;
  height: 1.1em;
  margin-right: 0.5em;
  -webkit-mask-size: 18px 18px;
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3ccircle fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' cx='12' cy='12' r='3'/%3e%3cpath fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06a1.65 1.65 0 00.33-1.82 1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06a1.65 1.65 0 001.82.33H9a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06a1.65 1.65 0 00-.33 1.82V9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z'/%3e%3c/svg%3e");
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3ccircle fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' cx='12' cy='12' r='3'/%3e%3cpath fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06a1.65 1.65 0 00.33-1.82 1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06a1.65 1.65 0 001.82.33H9a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06a1.65 1.65 0 00-.33 1.82V9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z'/%3e%3c/svg%3e");
}

.ws-lb-button:hover .ws-lb-button__icon,
.ws-lb-button:focus .ws-lb-button__icon,
.ws-lb-button:active .ws-lb-button__icon
{
  background: var(--colorGinButtonText);
}

.ws-lb .ajax-progress-throbber {
  position: absolute !important;
  z-index: 10;
}

.layout-builder__link--add-section-to-library {
  position: absolute;
  top: -18px;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 20;
  overflow: hidden;
}

.layout-builder__link--add-section-to-library:hover {
  background-color: var(--colorGinPrimary) !important;
  background-image: url('save.svg');
}

.layout-builder__link--add-section-to-library:after {
  content: '';
}

.layout-builder__link--configure {
  left: 40px !important;
}

.layout-builder__link--import-from-library,
.layout-builder__link--add-template-to-library
{
  display: none !important;
}

File

modules/wingsuit_lb/css/wingsuit-lb.core.css
View source 
  1. .ws-lb .glb-claro-details__wrapper,

  2. .ws-lb-container {

  3.   display: grid;

  4.   grid-template-columns: 1fr 1fr;

  5.   grid-gap: 20px;

  6.   padding-top: 20px;

  7.   padding-bottom: 20px;

  8. }

  9. 

  10. .ws-tabs {

  11.   margin-top: 1em;

  12. }

  13. 

  14. .glb-button.ws-lb-button {

  15.   display: flex !important;

  16. }

  17. 

  18. .ws-lb-button__icon {

  19.   background: var(--colorGinPrimary);

  20.   width: 1.1em;

  21.   height: 1.1em;

  22.   margin-right: 0.5em;

  23.   -webkit-mask-size: 18px 18px;

  24.   mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3ccircle fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' cx='12' cy='12' r='3'/%3e%3cpath fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06a1.65 1.65 0 00.33-1.82 1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06a1.65 1.65 0 001.82.33H9a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06a1.65 1.65 0 00-.33 1.82V9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z'/%3e%3c/svg%3e");

  25.   -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3ccircle fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' cx='12' cy='12' r='3'/%3e%3cpath fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06a1.65 1.65 0 00.33-1.82 1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06a1.65 1.65 0 001.82.33H9a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06a1.65 1.65 0 00-.33 1.82V9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z'/%3e%3c/svg%3e");

  26. }

  27. 

  28. .ws-lb-button:hover .ws-lb-button__icon,

  29. .ws-lb-button:focus .ws-lb-button__icon,

  30. .ws-lb-button:active .ws-lb-button__icon

  31. {

  32.   background: var(--colorGinButtonText);

  33. }

  34. 

  35. .ws-lb .ajax-progress-throbber {

  36.   position: absolute !important;

  37.   z-index: 10;

  38. }

  39. 

  40. .layout-builder__link--add-section-to-library {

  41.   position: absolute;

  42.   top: -18px;

  43.   left: 0;

  44.   width: 18px;

  45.   height: 18px;

  46.   z-index: 20;

  47.   overflow: hidden;

  48. }

  49. 

  50. .layout-builder__link--add-section-to-library:hover {

  51.   background-color: var(--colorGinPrimary) !important;

  52.   background-image: url('save.svg');

  53. }

  54. 

  55. .layout-builder__link--add-section-to-library:after {

  56.   content: '';

  57. }

  58. 

  59. .layout-builder__link--configure {

  60.   left: 40px !important;

  61. }

  62. 

  63. .layout-builder__link--import-from-library,

  64. .layout-builder__link--add-template-to-library

  65. {

  66.   display: none !important;

  67. }