2thecrow

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);

2thecrow

:root {
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
html {
  -webkit-box-sizing: border-box;

2thecrow

// Get the theme toggle input
const currentTheme = localStorage.getItem("theme");// If the current local storage item can be found

// Function that will switch the theme based on the if the theme toggle is checked or not
function switchTheme() {
  if (document.documentElement.getAttribute("data-theme") === "dark") {
    document.documentElement.setAttribute("data-theme", "light");
    // Set the user's theme preference to dark
    localStorage.setItem("theme", "light");
  } else {

2thecrow

https://fossheim.io/writing/posts/css-text-gradient/

.gradient-text {
  /* Fallback: Set a background color. */
  background-color: red;
  
  /* Create the gradient. */
  background-image: linear-gradient(45deg, #f3ec78, #af4261);
  
  /* Set the background size and repeat properties. */

2thecrow

$('.some__tab').click(function (e) {
    e.preventDefault();
    $('.some__tab').removeClass('some__tab--active');
    $('.some__tab-content').removeClass('some__tab-content--active');
    var href = $(this).attr('href');
    $(this).addClass('some__tab--active');
    $(href).addClass('some__tab-content--active');
});

2thecrow

ul {
  list-style: none; /* Remove default bullets */
}
  
ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: red; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */

2thecrow

.class {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

2thecrow

    /* Hamburher menu */
    const menu = document.querySelector('.mobile-menu'); /* Aside menu */
    const burger = document.querySelector('.burger'); /* desktop btn aside menu  */
    const menuClose = document.querySelector('.mobile-menu__closebtn'); /* close btn for aside menu */
    const overlay = document.querySelector('.overlay'); /* overlay for aside menu */

    /* lock screen scroll */
    const lockScroll = () => {
        document.body.classList.add('lock');
    }

2thecrow

<div class="mobile-login__or-decor">
  <span>или</span>
</div>

2thecrow

const sliders = document.querySelectorAll('.swiper-container');

sliders.forEach((el) => {
	let swiper = new Swiper(el, {
		slidesPerView: 3,
		spaceBetween: 10,
		loop: true,
		pagination: {
			el: el.querySelector('.swiper-pagination'),
			clickable: true,