//
// 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);
}
Günümüzde online bahis sektörü hızla büyüyen bir alan haline geldi. Özellikle Türkiye’de birçok bahis sever, güvenilir ve kaliteli platformlar arayışında. Bu anlamda öne çıkan isimlerden biri de Pusulabet. Pusulabet, sunduğu çeşitli oyun seçenekleri, kullanıcı dostu arayüzü ve güvenilir alt yapısıyla dikkat çekiyor. Pusulabet, online spor bahisleri ve casino oyunları sunan bir platformdur. Yıllardır sektördeki yerini sağlamlaştırmış ve kullanıcılarına hem eğlenceli hem de kazanç sağlama fırsatları sunmayı başarmıştır. Spor tutkunları için geniş bir seçenek yelpazesi sunan Pusulabet, futbol, basketbol, tenis gibi birçok spor dalında bahis yapma imkanı sunmaktadır. Pusulabet’te bahis yapmak oldukça kolaydır. Siteye üye olduktan sonra, kullanıcılar hemen bahis yapmaya başlayabilirler. Kullanıcı dostu arayüzü sayesinde, bahis yapmak oldukça hızlı ve pratiktir. Ayrıca, sunduğu promosyon ve bonuslar ile kullanıcıların kazanma şansını artırmaktadır. İlk üyelik bonusları, yatırım bonusları gibi çeşitli kampanyalarla kullanıcıları cezbetmektedir.Pusulabet: Türkiye’nin En İyi Bahis Sitesi
Pusulabet Nedir?
Pusulabet’in Özellikleri
Pusulabet’te Oynama Deneyimi
Online bahis dünyasında en önemli unsurlardan biri güvenliktir. Pusulabet, kullanıcılarının bilgilerini korumak için gerekli tüm güvenlik önlemlerini almıştır. SSL sertifikaları ile güvenli bir şekilde işlem yapabilir, kişisel verilerinizin güvende olduğunu bilerek bahis yapabilirsiniz. Ayrıca, Pusulabet’in lisanslı bir platform olması, güvenilirliğini artıran diğer bir faktördür.

Pusulabet, kullanıcılarına çeşitli para yatırma ve çekme yöntemleri sunmaktadır. Kredi kartı, banka transferi, sanal cüzdanlar gibi farklı seçeneklerle kullanıcılar, işlemlerini kolaylıkla yapabilirler. Para işlemlerinin hızlı ve güvenli bir şekilde gerçekleştirilmesi, Pusulabet’in sunduğu en önemli avantajlardan biridir.
Pusulabet, kullanıcı memnuniyetine büyük önem vermektedir. Bu nedenle, 7/24 hizmet veren bir müşteri destek ekibi bulunmaktadır. Kullanıcılar, her türlü sorun ve soru için destek ekibiyle iletişime geçebilirler. Canlı destek, e-posta ve telefon gibi çeşitli iletişim kanalları aracılığıyla kullanıcıların her zaman yanında olmaktadır.
Kısacası, Pusulabet, güvenilir bir bahis sitesi arayan kullanıcılar için ideal bir platformdur. Geniş bahis seçenekleri, kullanıcı dostu arayüzü, güvenlik önlemleri ve müşteri hizmetleri ile dikkat çeken Pusulabet, Türkiye’de online bahis dünyasında öne çıkmaktadır. Eğer siz de online bahis yapmayı seviyorsanız, Pusulabet’i denemek için bir fırsat yaratmalısınız. Unutmayın, bahis yaparken sorumlu olmayı ve bütçenizi aşmamayı unutmayın!
]]>