// // 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); } Digital Fairness in the Age of Big Tech – Smart Porteria Virtual

Digital Fairness in the Age of Big Tech

Why regulators, consumers and smaller companies are demanding change now

1. The Current Landscape

In many countries around the world, questions are mounting about how large digital platforms and big tech companies operate. A recent survey by Ipsos across 30 countries found that “digital fairness” is a growing concern—unfair practices in digital markets are seen as a serious challenge. :contentReference[oaicite:2]{index=2}

What this means in practice: issues such as platform dominance, opaque algorithms, data-privacy practices, and unequal access for smaller players. These are no longer niche tech concerns—they are moving into the public policy arena.

2. Why It Matters Now

Trust in digital markets is eroding. When people believe that platforms favour themselves or unfairly disadvantage others, the incentives to participate fairly decline. This can suppress innovation and reduce competition.

Additionally, digital technology is increasingly entwined with everyday life—from shopping and work to social connection and civic engagement. Hence, how the rules are framed has large societal implications.

Regulators are responding. For example, in the European Union, newer laws are being proposed or enforced to ensure fairness in digital markets. The survey by Ipsos helps illustrate how the public perceives these issues globally. :contentReference[oaicite:3]{index=3}

3. Key Challenges and Tensions

  • Platform power vs. free competition: When a few platforms control large portions of the ecosystem (apps, marketplaces, ad services), smaller companies may struggle to compete on equal terms.
  • Transparency and algorithmic fairness: How do we ensure that the decisions made by algorithms (e.g., content ranking, recommendation, ad targeting) are fair and explainable?
  • Global vs. local regulation: Digital platforms operate across borders. National regulation may not be sufficient; global coordination is difficult.
  • User data and privacy: Fairness also intersects with how user data is collected, used and monetised. Are users aware? Are they treated equitably?

4. What This Means for You (and Me)

From a consumer or user perspective, this trend means you should be more aware of:

  • Which platforms you use and how they treat your data.
  • Whether smaller or alternative services could offer better value or fairness.
  • How to engage critically: ask questions like “Why is this product recommended to me?” or “What business model is behind this service?”

For professionals (including those working in digital marketing, SEO, content or tech), the implications are also big: strategy may need to adapt to new rules on platform access, data usage, and competition. Understanding the shift toward fairness could create opportunities for differentiation.

5. Looking Ahead

We are likely to see several developments:

  1. More regulatory action internationally, especially in regions like the EU and possibly Asia-Pacific.
  2. Increased pressure on big tech companies to demonstrate fairness, transparency and enable smaller players.
  3. Emergence of new platforms and services that promote fairness as a core value (which might appeal to users tired of being “just another data point”).
  4. Growing public expectation that digital participation comes with rights and responsibilities—fair access, choice, and clarity.

For anyone interested in digital culture, business trends or societal change, this is a moment to watch: the era of “unquestioned platform power” may be shifting toward a more balanced model.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio