Skip to content

Instantly share code, notes, and snippets.

View Shekey's full-sized avatar
🎯
Focusing

Ajdin Šahinbegović Shekey

🎯
Focusing
  • Oetker Digital GmbH
  • Berlin
View GitHub Profile
@Shekey
Shekey / css
Last active March 10, 2024 17:30
No containers needed in CSS, do it with grid, inspiration from here: https://ryanmulligan.dev/blog/layout-breakouts/
.content-grid {
--padding-inline: 1rem;
--content-max-width: 900px;
--breakout-max-width: 1200px;
--breakout-size: calc(
(var(--breakout-max-width) - var(--content-max-width)) / 2
);
display: grid;
@Shekey
Shekey / Text.tsx
Last active January 26, 2024 21:02
Headline
import React from 'react';
import { cn } from '@/lib/utils';
export interface TextProps {
children: React.ReactNode;
as?: 'p' | 'span';
variant?: 'body' | 'lead';
type?: 'xxl' | 'xl' | 'l' | 'm' | 's';
className?: string;
@Shekey
Shekey / breakpoints.scss
Created August 25, 2021 11:48
Multimenu dropdown with animations (HUGO)
$breakpoints: (
'xs': 576px,
'sm': 768px,
'md': 1010px,
'lg': 1200px,
'xl': 1440px,
'xxl': 1640px,
'xxxl': 1920px
);
// eslint-disable-next-line import/extensions
import debounce from './debounce.js';
function header() {
const menuButton = document.querySelector('.menu-button');
const mainMenu = document.querySelector('.header__menus');
const haveL2 = mainMenu.querySelectorAll('.has-l2');
const donateButton = document.querySelector('.donate-button');
const donateMenu = document.querySelector('.donate-menu');
var swiperOptions = {
slidesPerView: 1,
centeredSlides: true,
spaceBetween: 40,
effect: 'fade',
pagination: {
el: '.swiper-pagination',
type: 'fraction',
formatFractionTotal: function formatFractionTotal(number) {
var formated = ('0' + number).slice(-2);
var swiperOptions = {
slidesPerView: 1,
centeredSlides: true,
spaceBetween: 40,
effect: 'fade',
pagination: {
el: '.swiper-pagination',
type: 'fraction',
formatFractionTotal: function formatFractionTotal(number) {
var formated = ('0' + number).slice(-2);
C3 logo rgb 72x72 c3 / vw_gm-website_magnolia
Search in this project
User activity
Project
Files
Commits
Network
Graphs
Milestones
Issues 0
@Shekey
Shekey / html
Last active June 28, 2019 05:07
Mega menu navigation with opening on hover submenu
<div class="columns small-4 small-offset-2">
<ul class="navigation-overlay-menu__primary">
<li class="navigation-overlay-menu__primary__item" data-submenu="fleet">
<a href="#" class="text-wrap animate-bottom-right">
<h4 class="h4">Fleet</h4>
</a>
<div class="arrow-forward-wrapper">{{>arrow-forward }}</div>
</li>
<li class="navigation-overlay-menu__primary__item" data-submenu="personnel">
<a href="#" class="text-wrap animate-bottom-right">
@Shekey
Shekey / scss
Created June 19, 2019 07:53
vertical scrollbar css
::-webkit-scrollbar {
height: 4px;
background: rgba($main-color-royalBlue, 0.1);
}
::-webkit-scrollbar-thumb {
height: 4px;
background: $main-color-royalBlue;
}