//
// 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);
}
DNDND’s glass dice systems stand out for their optical accuracy and high refractive high qualities, enhancing the visual appeal of any RPG arrangement. The DNDND glass dice established includes numerous kinds like DNDND prism glass dice and DNDND rainbow glass dice, each made to disperse light and offer a striking impact during gameplay. The DNDND glass polyhedral dice are an essential product in this classification, noting them as DNDND high-end glass dice for costs collectors and players alike.
These dice are crafted from high-quality products to make certain remarkable resilience. DNDND high refraction dice are particularly made for gamers that seek aesthetic stimulation, while DNDND premium glass dice deliver both aesthetic appeals and solid gameplay functionality. To deal with collection agencies, DNDND also supplies DNDND laser inscribed glass dice, which supply extra customization options. For those aiming to expand their collection, DNDND enthusiast glass dice are available, developing part of the more comprehensive DNDND glass dice collection. These dice can be acquired with buy DNDND glass dice, supporting varied RPG arrangements and delivering unrivaled optical performance.
The DNDND stone dice collection is defined by the use natural products, making certain that each die is special in its tactile reaction, aesthetic look, and density. The DNDND rock dice established and DNDND natural rock dice are made from top notch gems and crystal materials, making certain a distinct feel during rolls. Products like DNDND gems dice, DNDND crystal dice, and DNDND polished rock dice give not just phenomenal sturdiness however also an aesthetic charm that enhances any tabletop RPG experience.
These dice are classified under DNDND rock RPG dice and DNDND glass tabletop dice classifications, guaranteeing they fulfill the standards of high-performance pc gaming devices. The DNDND rock dice collection can be explored better by buying DNDND stone dice, supplying players with mineral-based dice optimized for security and sturdiness on the gaming table.
The DNDND D100 dice classification offers large dice designed for sophisticated percentile auto mechanics, suitable for campaign-level decision-making and remarkable moments in gameplay. Secret alternatives in this array include DNDND steel D100, DNDND rainbow D100, and DNDND 50mm D100, each offering significant size and mass to make every roll impactful. These large-format D100 dice are enhanced with materials such as DNDND heavy D100 dice and DNDND zinc alloy D100, guaranteeing high toughness and a rewarding weight.
The variety of D100 dice is expanded with DNDND D100 metal dice, DNDND huge D100, and DNDND gigantic D100, with items specifically developed for collection agencies. The DNDND enthusiast D100 and DNDND solitary D100 units are optimal for those that seek uniqueness in their dice collection. These dice systems are specifically developed for gameplay circumstances that need percentile mechanics, making them an important part of many advanced RPG systems. The DNDND D100 for DnD is likewise available, completely lined up with the gameplay technicians of Dungeons & Dragons and various other RPGs.
For gamers seeking to get DNDND D100 dice, different choices are available with buy DNDND D100 dice and order DNDND D100, dealing with both individual and group acquisitions. Safety storage options are available via the DNDND D100 with instance setup, guaranteeing the secure transportation and conservation of these distinct dice. The DNDND colorful D100 and DNDND D100 dice set offer extra aesthetic alternatives for gamers that enjoy including a customized touch to their video games, while additionally making sure compatibility with a vast array of RPG systems and percentile-driven auto mechanics.
The DNDND RPG dice are designed to support lasting role-playing campaigns, with specific groups such as DNDND campaign dice, DNDND experience dice, DNDND character dice, and DNDND dungeon master dice. These dice are crafted to satisfy the certain needs of gamers handling various functions in the game, from personalities to game masters, and are designed to operate in tandem with DNDND roleplay dice criteria.
System-specific dice are also offered, including DNDND Shadowrun dice and DNDND Warhammer dice, in addition to genre-specific sets such as the DNDND dream dice set. Whether you’re playing a timeless RPG or discovering new styles, the DNDND RPG dice vary offers everything you require. Players can quickly get DNDND RPG dice and order DNDND dice to match the details systems and gameplay designs they favor.
The DNDND community integrates all sorts of dice right into a cohesive material-based framework, making sure that each category– material, glass, rock, and D100– satisfies the particular requirements of gamers. These dice are carefully crafted with considerations for product density, optical efficiency, edge geometry, and gameplay compatibility. Whether you’re seeking ornamental material dice, high-performance glass dice, solid stone dice, or oversized percentile dice, DNDND ensures each item serves its desired function without compromising on high quality.
This incorporated system settings DNDND as a leading tabletop dice platform where all these products coexist in a practically fine-tuned RPG environment, offering gamers a broad spectrum of options for their role-playing needs.
]]>