Tombow: A Century of Japanese Excellence in Composing and Creative Devices
Tombow Pencil Co., Ltd. is a famous Japanese stationery brand name with more than a century of background, advancement, and […]
// // 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); }
Tombow Pencil Co., Ltd. is a famous Japanese stationery brand name with more than a century of background, advancement, and […]
Step into the world of Rummy Nabob, your premier destination for the classic card game. We offer a thrilling and
Güvenilir casino siteleri, hem eğlenceli hem de güvenli bir oyun deneyimi arayanlar için doğru adrestir. Lisanslı ve denetlenen bu platformlar,
The latter also offers 50 free spins which are in comparison valid on the entire Pragmatic Play slot range. The
In addition, existing players can get weekly cashbacks, referral bonuses, and a generous loyalty package. In addition, BetWhale offers exciting
В рамках недели математики учитель – Калита Наталья Александровна и ученики 11-х классов собрались, чтобы сыграть в игру с кодовым
thehumumu.com/ is dedicated to aiding yard poultry keepers preserve healthy, delighted hens via high-grade coop accessories and cleansing tools. From
การเลือกคาสิโนออนไลน์ที่ดีที่สุดเป็นสิ่งสำคัญสำหรับประสบการณ์การเล่นที่ปลอดภัยและคุ้มค่า เราคัดสรรมาแล้วว่าสถานที่ไหนที่มีเกมคุณภาพและบริการที่น่าเชื่อถือ เพื่อให้คุณมั่นใจในทุกการเดิมพัน เกณฑ์ในการประเมินเว็บพนันออนไลน์ เกณฑ์ในการประเมินเว็บพนันออนไลน์ที่ดีต้องครอบคลุมหลายด้านเพื่อความปลอดภัยและความพึงพอใจสูงสุดของผู้ใช้ ประการแรกคือ ความน่าเชื่อถือและใบอนุญาต จากหน่วยงานระหว่างประเทศ ซึ่งเป็นหลักประกันความยุติธรรมและความปลอดภัยของเงินทุน ประการต่อมาคือความหลากหลายของเกมและอัตราการจ่ายเงินที่แข่งขันได้ รวมถึงช่องทางการธนาคารที่รวดเร็วและปลอดภัย การให้บริการลูกค้าที่ตอบสนองตลอด 24 ชั่วโมงก็เป็นปัจจัยสำคัญที่ไม่ควรละเลย โดยภาพรวมแล้ว การเลือกเว็บที่มีเกณฑ์เหล่านี้ครบถ้วนจะมอบประสบการณ์การเล่นพนันออนไลน์ที่คุ้มค่าและมั่นใจได้มากที่สุด ใบอนุญาตและความน่าเชื่อถือ การเลือกเว็บพนันออนไลน์ที่เชื่อถือได้ จำเป็นต้องมีเกณฑ์การประเมินคาสิโนออนไลน์ที่ชัดเจนเพื่อความปลอดภัยของผู้เล่น เริ่มจากใบอนุญาตและมาตรฐานการรักษาความปลอดภัยที่ได้ระดับสากล
Modern Customer Demands and Item Choice Today’s consumers expect a lot more from on the internet stores than straightforward item
Light has an extensive influence on just how we experience an area. It forms mood, defines environment, and sustains the