//
// 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);
}
The first thing you see when seeing the KINGFOM authorities site is the constant top quality throughout every item. Each product in the catalog is created with a state-of-the-art PU leather exterior over an MDF core, with soft flannel lining on the inside and base. This material mix offers two functions: it offers the organizers an expert, polished appearance, and it secures the items saved within from square one and damage.
KINGFOM’s style viewpoint centers on the concept that office accessories ought to do greater than just hold things– they must contribute to the total visual of the environment. Every product features clean lines, stitched detailing, and a contemporary coating that enhances both contemporary and conventional workplace decor designs.
The front runner items in the KINGFOM directory are its multi-compartment workdesk organizers. If you wish to get the KINGFOM desk coordinator acquire online, you’ll find a number of arrangements made to handle various storage requirements. The common multi-section caddy features committed rooms for pens, pencils, calling card, cellphones, push-button controls, and tiny devices– all within a single compact system that keeps every little thing noticeable and within reach.
A KINGFOM workdesk caddy testimonial from routine individuals constantly highlights how much less complicated it is to preserve a clean workdesk when every item has a designated location. The KINGFOM multi compartment coordinator cost is competitive offered the construct top quality, and the range of available sizes indicates you can find the appropriate fit despite just how much desk space you’re collaborating with. The KINGFOM multi section workdesk caddy cost shows strong worth for a product that replaces several separate holders with one cohesive solution.
The KINGFOM PU leather workdesk coordinator rate is placed to interest both budget-conscious buyers and those willing to buy premium workplace devices. Throughout all price rates, the quality of products and building continues to be regular– a crucial reason why the KINGFOM work space coordinator best sellers continue to draw in repeat consumers.
For those who need a much more concentrated storage option, KINGFOM uses standalone pen and pencil holders in both square and multi-slot configurations. Placing a KINGFOM pencil owner order gives you a product constructed to the very same PU natural leather and MDF requirement as the bigger coordinators, but in a much more small type that works well on smaller desks or as an extra holder alongside a larger caddy.
The KINGFOM pen holder review comments from white-collar worker and pupils highlights how the soft flannel inside protects against pens from rattling and damaging against each other. The KINGFOM fake leather pen holder buy option is also popular as a present product, given its polished appearance and global energy. The KINGFOM pen owner with compartments on-line listing supplies additional organizational capacity for those that carry a larger selection of creating devices and devices.
For anybody establishing an expert workdesk, the KINGFOM pen holder for office order online procedure is simple, with comprehensive item pages that consist of dimensions and area formats. The KINGFOM pen organizer cost throughout all designs shows the brand’s commitment to easily accessible premium style.
Among the extra distinct items in the KINGFOM directory is the PU leather tissue box cover. Developed with a water resistant exterior that wipes clean quickly, it changes a useful household item right into a decorative device that matches the brand’s broader visual. The KINGFOM cells box cover online listing includes options in several coatings, making it very easy to collaborate with existing workdesk or area decor. You can likewise search the full option with the KINGFOM tissue box cover shop page, where dimensions and shade alternatives are plainly presented. For note-taking requirements, KINGFOM also supplies a 500-sheet empty note paper pack made from 100% recycled premium paper– the KINGFOM note paper 500 sheets cost is competitive and makes a sensible add-on for any kind of workdesk configuration.
Comprehending what makes KINGFOM products worth picking calls for a better take a look at the products involved. The KINGFOM PU leather organizer leading building and construction criterion throughout the brochure consists of 3 key parts collaborating: the PU natural leather outside, the MDF structural core, and the soft flannel indoor lining. Search the full choice at the KINGFOM office coordinator main shop to see full product requirements for every single item in the variety.
The KINGFOM coordinator for home office testimonial feedback indicate the adaptability of these products throughout various workspace types. In a company office, the professional PU leather coating adds to a sleek workdesk configuration that straightens with company looks. In the house, the very same coordinator shifts perfectly right into a living-room, room, or research without keeping an eye out of area.
The KINGFOM leather workdesk devices get variety is also often purchased for usage in common work areas, function areas, and creative studios where both performance and visual presentation issue. Teachers and students appreciate the KINGFOM office provides caddy store selection for class and dorm room use, where portable, multi-functional storage space is particularly beneficial. The KINGFOM desk pen organizer shop listing is a particularly popular selection for gifting, as the refined look and functional utility attract a large range of recipients.
Browsing the full brochure is straightforward with the KINGFOM workdesk devices main shop, where items are arranged by type and consist of in-depth specifications, readily available shades, and area layouts. The KINGFOM trendy desk coordinator best sellers area is a beneficial starting point for new clients, highlighting one of the most prominent setups based upon actual purchase data.
For those comparing alternatives, the KINGFOM office supplies organizer leading choices area provides an at-a-glance introduction of the highest-rated products throughout all classifications. The KINGFOM PU natural leather caddy order procedure is straightforward, with clear item digital photography and measurement details that make it easy to visualize how a product will look on your desk. The KINGFOM modern desk coordinator leading choices and KINGFOM workdesk coordinator authorities internet site listings make it very easy to compare models alongside before deciding.
Whether you’re looking for a single pen owner or a full workdesk organization system, the KINGFOM organizer for work area buy online directory has the right service. With premium products, classy design, and useful multi-compartment performance, KINGFOM delivers work area company that looks just as good as it performs– check out the full range today and find the best suitable for your room.
]]>KINGFOM is positioned as a contemporary service provider of workdesk organizer and workplace organizer services created to boost performance and maintain tidy environments throughout home and business settings. With the KINGFOM authorities website and KINGFOM official store, individuals can discover a broad choice of desk devices and work space organizer choices tailored for different professional needs. The KINGFOM authorities platform functions as a central workdesk organizer platform where clients can evaluate styles and setups.
Site visitors seeking workdesk coordinator online or office coordinator online can navigate collections straightened with modern process. Accessibility is offered through https://thekingfom.com/, supporting expedition of workdesk company solutions and workplace storage solutions with clear classification and product summaries.
The magazine consists of pen organizer, desk pen holder, workdesk caddy, and workplace desk organizer set. Numerous things include PU leather organizer and artificial natural leather desk coordinator building, incorporating resilience with polished aesthetics. Individuals looking for PU natural leather desk coordinator online or leather workdesk coordinator will discover varied options fit for both home and expert use. Added information and collections can be explored at https://thekingfom.com/.
The schedule includes multi area desk organizer, workdesk organizer with compartments, pen and phone coordinator, business card holder organizer, and multi utilize desk coordinator made for daily basics. These items help improve office plans while preserving simple accessibility to regularly utilized products.
Additional remedies such as desk mess organizer and work area declutter coordinator aid keep visual clarity. Choices like storage coordinator and multi make use of workdesk organizer assistance adaptable arrangements across different desk kinds. These designs are often identified amongst leading desk organizers and best workspace organizer categories as a result of their usefulness and resilience.
Analysis of value consists of workdesk organizer rate, pen owner price, desk caddy price, and workplace organizer price. These metrics reflect worldly top quality, compartment design, and total capability. Products such as PU natural leather organizer price differ depending upon size, finish, and configuration of areas, while workdesk organizer price depends upon structural intricacy and included features.
Consumers often think about get desk coordinator, buy pen holder, and desk accessories online when comparing readily available options. The main platform gives in-depth listings for expert desk coordinator and durable desk coordinator products, enabling users to evaluate specifications prior to making a decision. For customers prioritizing aesthetics, stylish desk organizer and modern-day workdesk organizer services give both visual charm and useful energy. Added contrasts and item insights are offered via https://thekingfom.com/.
The brand name focuses on workdesk company remedies that improve performance and maintain structured environments. Products like workdesk caddy review insights typically highlight use and accessibility, while pen owner review and workplace coordinator evaluation responses emphasize area layout and worldly quality. The desk coordinator evaluation group frequently notes resilience and simplicity of use, while PU leather coordinator testimonial examinations concentrate on texture and surface.
The brand integrates specialist workdesk organizer requirements with classy desk coordinator aesthetics to produce items that balance form and function. Items such as storage space coordinator and ideal workdesk organizer services are made for both sensible use and visual consistency. Customers often choose finest pen owner items for reliability and multi-purpose performance.
Items like desk organizer with compartments and pen and phone organizer enhance ease of access and reduce clutter on job surfaces. These options are widely utilized in office organizer atmospheres, sustaining effective workflows and arranged setups.
Products appropriate for office, corporate environments, and shared work areas where organized organization is needed. The office desk coordinator collection is commonly made use of in expert arrangements that demand consistent storage for everyday devices and records. Compact options like compact desk organizer and minimalist desk organizer are especially valuable for limited desk rooms where effectiveness is vital.
Organizations benefit from workplace storage space services and office declutter organizer systems, which assist preserve consistency throughout teams and departments. Making use of multi compartment desk organizer products enables effective classification of items such as stationery, devices, and records, boosting operations organization and decreasing time spent searching for basics.
The desk organizer on the internet acquiring procedure is created for simpleness and convenience. Consumers can discover workdesk organizer system listings, compare office organizer online alternatives, and review different models based on attributes, dimension, and product before buying. Options such as order desk caddy and order office supplies coordinator allow users to select products that match their workspace requirements.
Individuals can browse shop workdesk devices and shop office coordinator groups to determine ideal items for both individual and specialist usage. The availability of workdesk devices online guarantees that clients have accessibility to a wide range of arrangements and designs tailored to different business requirements.
To complete acquisitions or check out the complete magazine of workdesk organizer, pen coordinator, and related office products, browse through https://thekingfom.com/, where detailed product descriptions and specifications support notified choice.
]]>