//
// 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);
}
News – Página 385 – Smart Porteria Virtual
Ir al contenido
News
สัมผัสความตื่นเต้นของคาสิโนระดับพรีเมียมได้ทุกที่ทุกเวลา กับ บาคาร่ามือถือ เกมไพ่ยอดนิยมที่ตอบโจทย์ไลฟ์สไตล์คนรุ่นใหม่ เพลิดเพลินกับเกมคุณภาพสูงและเดิมพันได้จริงอย่างสะดวกสบายในมือคุณ เคล็ดลับในการเลือกแพลตฟอร์มเล่นเกมผ่านสมาร์ทโฟน การเลือกแพลตฟอร์มเล่นเกมบนสมาร์ทโฟนควรพิจารณาจากปัจจัยสำคัญหลายประการ ประการแรกคือความปลอดภัยและความน่าเชื่อถือของแพลตฟอร์ม ซึ่งรวมถึงระบบการเงินและการปกป้องข้อมูลส่วนบุคคล ประการที่สองคือความหลากหลายของเกมและประสบการณ์การใช้งานที่ลื่นไหล ผู้ใช้ควรศึกษารีวิวจากผู้เล่นจริงเพื่อประกอบการตัดสินใจ การเลือกแพลตฟอร์มที่ได้มาตรฐาน จะช่วยลดความเสี่ยงและเพิ่มความมั่นใจในการทำธุรกรรม อีกปัจจัยที่ขาดไม่ได้คือโปรโมชั่นและรางวัลที่มอบให้กับสมาชิก ซึ่งเป็นส่วนสำคัญของ ประสบการณ์การเล่นเกม โดยรวม และช่วยเพิ่มมูลค่าให้กับผู้เล่นในระยะยาว ตรวจสอบความน่าเชื่อถือและใบอนุญาตของเว็บไซต์ การเลือกแพลตฟอร์มเล่นเกมบนสมาร์ทโฟนที่ดีควรเริ่มจากการตรวจสอบความน่าเชื่อถือและความปลอดภัยเป็นอันดับแรก […]
News
Il mercato si è ormai spostato verso i così detti «padelloni», cioè smartphone con schermo sempre più grande, altra grande
News
Un piccolo limite potrebbe essere rappresentato dal fatto che il sistema operativo è disponibile solo in lingua spagnola, ma questo
News
Steeds meer casino’s zonder CRUKS gaan zelfs een stapje verder door hun mobiele casino website specifiek in te richten voor
News
In de spreektaal en informele schrijftaal is in dit soort zinnen het beste heel gebruikelijk. De geadresseerde kan ook aangesproken
News
최고의 해외축구중계를 원하는 축구 팬이라면, 제대로 찾아오셨습니다. 생생한 현장 경기력을 그대로 전해드려 여러분의 뜨거운 열정에 함께합니다. 주요 리그와 빅매치를 놓치지
News
Gestionar la diabetes puede parecer abrumador, pero con la educación sanitaria adecuada, puedes tomar el control de tu salud. Conocer
News
Gestionar la diabetes puede parecer abrumador, pero con la educación sanitaria adecuada, estás en control. Conocer cómo afectan los alimentos,
News
Việt Nam chứng kiến sự phát triển mạnh mẽ của thị trường casino trực tuyến, nơi mang đến trải nghiệm
News
Welcome to the thrilling world of online casino Canada, where premium gaming and massive jackpots await. Experience the ultimate convenience