pattern-library-rtl.css — GenerateBlocks trunk

generateblocks / dist / pattern-library-rtl.css
generateblocks / dist Last commit date
pattern-library-rtl.css
2 lines
.gb-pattern-library{display:grid;grid-template-areas:"header header" "subheader subheader" "sidebar content";grid-template-columns:312px 1fr;grid-template-rows:75px auto 1fr;height:100%}.gb-pattern-library__header{-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:2;align-items:center;background:#fff;border-bottom:1px solid #fafafa;display:grid;grid-area:header;grid-template-columns:1fr 3fr 1fr;height:75px;justify-content:space-between;padding:0 32px}.gb-pattern-library__header h1{display:flex;font-size:20px;gap:10px}.gb-pattern-library__header h1 svg{height:20px;width:20px}.gb-pattern-library__header-title{grid-column:1}.gb-pattern-library__header-action{display:flex;gap:1rem;grid-column:2;justify-content:center}.gb-pattern-library__header-close{align-items:center;display:flex;gap:10px;grid-column:3;justify-content:flex-end}.gb-pattern-library__header-close .components-button .components-spinner{margin:0}.gb-pattern-library .gblocks-collection-required-components{grid-column:1/-1}.gb-pattern-library__sidebar{grid-area:sidebar;-ms-grid-column:1;-ms-grid-row:3;height:100%;overflow-y:auto;padding:32px;width:100%}.gb-pattern-library .pattern-library-selector{align-items:center;display:flex;gap:8px;justify-content:center}.gb-pattern-library .pattern-library-selector .components-button-group{display:flex}.gb-pattern-library__content{grid-area:content;-ms-grid-column:2;-ms-grid-row:3;height:100%;overflow-y:scroll;padding-bottom:32px;position:relative}.gb-pattern-library .patterns-wrapper{background:#f0f0f0;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));list-style-type:none;margin-top:0;padding:30px}.gb-pattern-library .patterns-wrapper:empty{display:none}.gb-pattern-library .pattern-category-list,.gb-pattern-library .pattern-tree{display:flex;flex-direction:column;gap:10px}.gb-pattern-library .pattern-category-list{background:#fafafa;border-radius:3px;margin-bottom:10px;margin-top:10px}.gb-pattern-library .pattern-category-list .pattern-category-dropdown>.components-button{display:flex;flex-direction:row-reverse;justify-content:space-between!important;width:100%}.gb-pattern-library .gb-pattern-wrapper{background:#fff;border:none;border-radius:10px;padding:10px 10px 0}.gb-pattern-library .gb-pattern-wrapper .gb-selectable__toggle{border-radius:10px}.gb-pattern-library .gb-pattern-frame{background:#e1e1e1;overflow:hidden;padding:20px 20px 0}.gb-pattern-library .gb-pattern{background:#f7f7f7;height:100%;overflow:hidden;position:relative}.gb-pattern-library .gb-pattern .components-spinner{height:16px;right:calc(50% - 8px);position:absolute;top:calc(50% - 8px);width:16px}.gb-pattern-library .loading-library{align-items:center;display:flex;justify-content:center;min-height:30vh}.gb-pattern-library .loading-library .components-spinner{margin-bottom:0;margin-top:0}.gb-pattern-details{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:20px}.gb-pattern-details h3{font-size:15px;font-weight:400;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gb-pattern-details__actions{display:flex;flex-shrink:0;gap:5px}.gblocks-pattern-library-modal.is-full-screen .components-modal__header{display:none}.gblocks-pattern-library-modal.is-full-screen .components-modal__header+div{height:100%}.gblocks-pattern-library-modal.is-full-screen .components-modal__content{margin-top:0;padding:0}.gblocks-pattern-library-pagination{display:flex;gap:10px;justify-content:center}.gblocks-pattern-library-pagination a{background:#fff;border-radius:3px;box-shadow:inset 0 0 0 1px var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));display:block;font-size:17px;padding:15px 20px}.gblocks-pattern-library-pagination a:not([aria-disabled=true]){cursor:pointer}.gblocks-pattern-library-pagination a[aria-current=page]{background:var(--wp-components-color-foreground,#1e1e1e);color:var(--wp-components-color-foreground-inverted,#fff)}.gblocks-pattern-library-pagination li.next.disabled,.gblocks-pattern-library-pagination li.previous.disabled{display:none}.gblocks-manage-libraries{max-width:100%;width:400px}.gblocks-manage-libraries__table{border:1px solid #ddd;margin-bottom:2em}.gblocks-manage-libraries__library{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:10px}.gblocks-manage-libraries__library:nth-child(2n){background:#fafafa}.gblocks-manage-libraries__library:last-child{border-bottom:0}.gblocks-manage-libraries__library .components-base-control,.gblocks-manage-libraries__library .components-base-control__field{margin:0}.gblocks-manage-libraries__library-name{align-items:center;display:flex;gap:10px}.gblocks-manage-libraries__library-name .components-button svg{height:17px;width:17px}.gblocks-manage-libraries__library-actions{align-items:center;display:flex;gap:10px}.gblocks-manage-libraries__library-actions .components-base-control,.gblocks-manage-libraries__library-actions .components-base-control__field{margin:0}.gblocks-manage-libraries h4{font-size:15px;margin:0 0 10px}.gblocks-patterns-add-library .components-base-control{margin-bottom:1.5em}.gb-selected-patterns__list>:first-child{border-top:1px solid #e1e1e1}.gb-selected-patterns__list>*{border-bottom:1px solid #e1e1e1;margin:0}.gb-selected-patterns__list.is-dragging{background-color:#bcecfb}.gb-selected-patterns__list .gb-sortable-listitem{background-color:#fefefe}.gb-selected-patterns__list .gb-sortable-listitem.is-dragging{background-color:#f0f0f0}.gb-selected-pattern{align-items:center;display:flex;flex-grow:1;gap:.625rem}.gb-selected-pattern__label{-webkit-box-orient:vertical;display:-webkit-box;font-weight:500;-webkit-line-clamp:1;overflow:hidden}.gb-selected-pattern__handle{flex-shrink:1}.gb-selected-pattern__actions{align-items:center;display:flex;flex-shrink:1;gap:.125rem;margin-right:auto}.gb-selected-pattern .components-button svg{display:block;height:1rem;width:1rem}.gb-selectable{position:relative}.gb-selectable__toggle{background:transparent;border:none;height:100%;right:0;position:absolute;top:0;width:100%;z-index:1}.gb-selectable .check{background:#f0f0f1;border:0;box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,0,0,.15);cursor:pointer;display:none;height:24px;outline:none;padding:0;position:absolute;left:-6px;top:-6px;width:24px;z-index:10}.gb-selectable .check .media-modal-icon{background-position:-1px 0;display:block;height:15px;margin:5px;width:15px}.gb-selectable .check:hover .media-modal-icon{background-position:-40px 0}.gb-selectable .gb-selectable__toggle:where(:hover,:focus-within),.gb-selectable.is-selected .gb-selectable__toggle{outline:3px solid #2271b1;outline-offset:-3px}.gb-selectable.is-selected .check{display:block}.gb-selectable.is-selected .check,.gb-selectable.is-selected .check:focus{background-color:#2271b1;box-shadow:0 0 0 1px #fff,0 0 0 2px #2271b1}.gb-selectable.is-selected .check:focus{outline:2px solid transparent}.gb-selectable.is-selected .check .media-modal-icon{background-position:-21px 0}.gb-selectable.is-selected .check:focus .media-modal-icon,.gb-selectable.is-selected .check:hover .media-modal-icon{background-position:-60px 0}.gb-selectable.is-selected .gb-selectable__toggle:where(:hover,:focus-visible)+.check .media-modal-icon{background-position:-60px 0}.gblocks-pattern-library-button svg{height:19px;width:19px}