// // Button groups // -------------------------------------------------- // Make the div behave like a button .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; // match .btn alignment given font-size hack above > .btn { position: relative; float: left; // Bring the "active" button to the front &:hover, &:focus, &:active, &.active { z-index: 2; } &:focus { // Remove focus outline when dropdown JS adds it after closing the menu outline: 0; } } } // Prevent double borders when buttons are next to each other .btn-group { .btn + .btn, .btn + .btn-group, .btn-group + .btn, .btn-group + .btn-group { margin-left: -1px; } } // Optional: Group multiple button groups together for a toolbar .btn-toolbar { margin-left: -5px; // Offset the first child's margin &:extend(.clearfix all); .btn-group, .input-group { float: left; } > .btn, > .btn-group, > .input-group { margin-left: 5px; } } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match .btn-group > .btn:first-child { margin-left: 0; &:not(:last-child):not(.dropdown-toggle) { .border-right-radius(0); } } // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { .border-left-radius(0); } // Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child { > .btn:last-child, > .dropdown-toggle { .border-right-radius(0); } } .btn-group > .btn-group:last-child > .btn:first-child { .border-left-radius(0); } // On active and open, don't show outline .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } // Sizing // // Remix the default button sizing classes into new ones for easier manipulation. .btn-group-xs > .btn { &:extend(.btn-xs); } .btn-group-sm > .btn { &:extend(.btn-sm); } .btn-group-lg > .btn { &:extend(.btn-lg); } // Split button dropdowns // ---------------------- // Give the line between buttons some depth .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } // The clickable button for toggling the menu // Remove the gradient and set the same inset shadow as the :active state .btn-group.open .dropdown-toggle { .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); // Show no shadow for `.btn-link` since it has no other button styles. &.btn-link { .box-shadow(none); } } // Reposition the caret .btn .caret { margin-left: 0; } // Carets in other button sizes .btn-lg .caret { border-width: @caret-width-large @caret-width-large 0; border-bottom-width: 0; } // Upside down carets for .dropup .dropup .btn-lg .caret { border-width: 0 @caret-width-large @caret-width-large; } // Vertical button groups // ---------------------- .btn-group-vertical { > .btn, > .btn-group, > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } // Clear floats so dropdown menus can be properly placed > .btn-group { &:extend(.clearfix all); > .btn { float: none; } } > .btn + .btn, > .btn + .btn-group, > .btn-group + .btn, > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } } .btn-group-vertical > .btn { &:not(:first-child):not(:last-child) { border-radius: 0; } &:first-child:not(:last-child) { border-top-right-radius: @border-radius-base; .border-bottom-radius(0); } &:last-child:not(:first-child) { border-bottom-left-radius: @border-radius-base; .border-top-radius(0); } } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) { > .btn:last-child, > .dropdown-toggle { .border-bottom-radius(0); } } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { .border-top-radius(0); } // Justified button groups // ---------------------- .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; > .btn, > .btn-group { float: none; display: table-cell; width: 1%; } > .btn-group .btn { width: 100%; } > .btn-group .dropdown-menu { left: auto; } } // Checkbox and radio options // // In order to support the browser's form validation feedback, powered by the // `required` attribute, we have to "hide" the inputs via `opacity`. We cannot // use `display: none;` or `visibility: hidden;` as that also hides the popover. // This way, we ensure a DOM element is visible to position the popover from. // // See https://github.com/twbs/bootstrap/pull/12794 for more. [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { position: absolute; z-index: -1; .opacity(0); } .elementor-animation-grow-rotate { transition-duration: 0.3s; transition-property: transform; } .elementor-animation-grow-rotate:active, .elementor-animation-grow-rotate:focus, .elementor-animation-grow-rotate:hover { transform: scale(1.1) rotate(4deg); } TSJ WORKPLACE: Accuracy Equipment for Modern Workspaces – Smart Porteria Virtual

TSJ WORKPLACE: Accuracy Equipment for Modern Workspaces

TSJ workplace provides a variety of high-quality whiteboards and cork boards created for performance and toughness in both personal and expert atmospheres. Their items incorporate functionality with a small and modern style, supporting company, note-taking, and visual planning. Ideal for workdesks, wall surfaces, and tiny collaborative spaces, TSJ workplace solutions deliver clearness and convenience of use, helping users manage tasks and ideas with marginal effort.

Each board is engineered for dependable performance. Surface areas permit smooth writing and removing while maintaining resistance to stains and ghosting over extended usage. Cork surface areas are meticulously selected for optimal pin-holding capability without damaging notes or the board itself. The variety of versions accommodates different work space layouts, from tiny desktop setups to larger wall-mounted arrangements, making sure constant high quality and practical usability across all applications.

TSJ Workplace Small White Board

The TSJ Workplace Small White Board features a compact layout suitable for desktop computers or limited areas. Its dry-erase surface area ensures smooth writing and uncomplicated eliminating, allowing for fast updates and efficient job tracking. The lightweight structure supports easy repositioning, making it flexible for various workplace designs.

TSJ Workplace Small Whiteboard Cork

This model incorporates a traditional dry-erase surface with a cork backing. The dual functionality enables both created notes and pinned products, improving work space organization. The cork is engineered to prevent pin openings from enlarging with time, keeping a tidy and professional look while fitting constant usage.

TSJ OFFICE Desktop Whiteboard Dry

The Desktop computer Whiteboard Dry supplies a sturdy composing surface for individual workstations. Its smooth finishing is resistant to discoloration and ghosting, ensuring a resilient surface area that sustains repeated daily usage. The board’s minimalist style incorporates effortlessly into expert and office settings.

TSJ Workplace Small Desktop Computer White Boards

Created for individual use, the Small Desktop computer White boards uses a portable service for jotting quick notes and suggestions. Its compact dimensions permit placement in tight areas while maintaining a sufficient composing location. The surface product is maximized for pen adherence and rapid erasure without residue.

TSJ OFFICE Glass Desktop Computer Whiteboard

The Glass Desktop White boards combines sophistication with capability. Its tempered glass surface offers exceptional level of smoothness and toughness contrasted to conventional boards. Markers move effortlessly throughout the surface, and cleansing is simplified without threat of scratches or permanent marks. This board is excellent for high-visibility locations or for presentations calling for a clear and modern-day aesthetic.

TSJ OFFICE Small Cork Board White Boards Mix

This mix board incorporates a dry-erase area with a cork section, making it possible for simultaneous visual preparation and pin-based note management. The double surface areas are balanced to preserve structural honesty and permit versatile usage for specific or group tasks. The cork part is manufactured for constant resistance to wear and easy pin insertion.

TSJ OFFICE Big Cork Board for Wall

The Large Cork Board is made for wall surface placing, providing large space for posting papers, tips, or collaborative products. Its long lasting structure sustains long term usage and repeated pinning without jeopardizing the cork surface area. The board is crafted to preserve alignment and rigidity, also in busy office atmospheres.

TSJ OFFICE Small Dry Erase White Board

This board uses a concentrated writing area for focused tasks or short-term planning. Its dry-erase surface area is optimized for repeated use and maintains quality of writing over time. The board’s construction stresses stability and resistance to deformation, making sure trustworthy performance throughout multiple environments.

For a total introduction of the line of product and specifications, check out https://thetsjoffice.com/. TSJ OFFICE supplies technically exact solutions that integrate perfectly into contemporary work spaces, using resilience, use, and arranged effectiveness for all degrees of office task.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio