GitHub topics: cssvariables

Repositories

SimonPadbury/baselayer-3

A modern starter CSS library with container queries, a real CSS grid system, clamp() powered typography and spacing sizes, color-mix() shade utilities, and custom properties.

Language: CSS - Size: 661 KB - Last synced at: 20 days ago - Pushed at: 20 days ago - Stars: 4 - Forks: 1

cr34t1ve/csvars

CSS Variable completions for vscode

Language: TypeScript - Size: 2.23 MB - Last synced at: 11 days ago - Pushed at: 7 months ago - Stars: 6 - Forks: 0

JoseLion/ts-cssvars

Safely define and use CSS vars on JS/TS context

Language: TypeScript - Size: 4.03 MB - Last synced at: 2 days ago - Pushed at: 12 months ago - Stars: 3 - Forks: 0

wentallout/kozo

KozoCSS is a copy-paste vanilla CSS framework that simplifies web development, giving you complete freedom to build your dream project without endless CSS overwrites.

Language: CSS - Size: 101 KB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

minusmo/tokens-to

Convert js or ts tokens into css variables or json

Language: TypeScript - Size: 30.3 KB - Last synced at: 3 days ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

annabreamer/slozhno-sosredotochitsya

Slozhno Sosredotochitsya website

Language: HTML - Size: 4.8 MB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

annabreamer/zakrivayuschiy-tag

Zakrivayuschiy Tag website

Language: HTML - Size: 22.9 MB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

willofindie/vscode-cssvar

VSCode extension to support CSS Variables Intellisense

Language: TypeScript - Size: 792 KB - Last synced at: 2 months ago - Pushed at: 5 months ago - Stars: 269 - Forks: 6

Mena-Erian/Fokir

Fokir is a personal portfolio website designed as a training project for CSS. It focuses on styling and layout techniques to create a visually appealing design.

Language: HTML - Size: 1.03 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

tanzim-ikram/CSS-Variables

A fun and interactive project demonstrating Scoped CSS Variables and JavaScript.

Language: HTML - Size: 2.98 MB - Last synced at: 2 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

salesforce/themify

👨‍🎨 CSS Themes Made Easy. A robust, opinionated solution to manage themes in your web application

Language: TypeScript - Size: 4.94 MB - Last synced at: 5 days ago - Pushed at: over 1 year ago - Stars: 218 - Forks: 14

FarahIbrar/5-Day-Coding-Challenge

I am documenting my journey through the Code Institute's 5-Day Challenge! Tasked with creating an engaging webpage teaching "How to make tea?" using HTML, CSS, and JavaScript, I embarked on this coding adventure. In addition to tackling the challenge prompts, I seized the opportunity to develop my own unique webpage as part of the challenge.

Language: HTML - Size: 39.1 KB - Last synced at: 3 months ago - Pushed at: about 1 year ago - Stars: 2 - Forks: 0

jsverse/variabless

JS & CSS - A Match Made in Heaven 💎

Language: HTML - Size: 2.43 MB - Last synced at: 5 days ago - Pushed at: about 1 year ago - Stars: 79 - Forks: 6

Eggys321/huddle-landing-page-with-curveed-sections-TUTS

Tutorials For A Trainee

Language: CSS - Size: 514 KB - Last synced at: 3 months ago - Pushed at: 7 months ago - Stars: 0 - Forks: 0

deepumandal/TailwindPalettePro

🎨 Master color control in Tailwind CSS with this comprehensive guide. Learn how to use CSS variables to create stunning UIs with precise color management 🌗 in both light and dark modes. Perfect for developers looking to optimize their projects with seamless color customization. 🚀

Language: TypeScript - Size: 290 KB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 13 - Forks: 0

kamilrogala/CSSvarsLetter

Inspirations are everywhere- I've just read a magazine "Świat Wiedzy" (from 8th may 2018), and there was some article with first letter wrote in fancy way. I've decided that I must do that in HTML/CSS.

Size: 2.93 KB - Last synced at: 11 months ago - Pushed at: about 7 years ago - Stars: 1 - Forks: 0

wenzf/themeSetter

Setting theme mode (dark/light) by changing CSS variables

Language: JavaScript - Size: 21.5 KB - Last synced at: about 1 year ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0

ehernandez37/typography-only

a project to explore web design typography techniques

Language: HTML - Size: 1.92 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

aaman2-web/typography-only

A project to explore web design typography techniques.

Language: HTML - Size: 992 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

kraugust1/typography-only-01

typography only website assignment, hopefully for portfolio

Language: HTML - Size: 650 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

EmmyElvidge/typography-only

A project to explore web design typography techniques.

Language: HTML - Size: 779 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

NeonAdNauseam/Cloudseeding

A project to explore typography on the web through CSS.

Language: CSS - Size: 2.04 MB - Last synced at: 2 months ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

gibellylopez/typography-only

A project to explore web design typography techniques

Language: HTML - Size: 643 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

Buggy1304/Typography-Only

A project to explore web design typography techniques.

Language: HTML - Size: 1.05 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

gavinparrish24/typography-only

A project to explore web design typography techniques.

Language: CSS - Size: 954 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

mbushyeager05/Typography-Only

A project to explore web design typography techniques.

Language: HTML - Size: 1.12 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

timmyclarke/typography-only

A project to explore web design typography techniques

Language: HTML - Size: 635 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

bordersc/Typography-only

A project to explore web design typography techniques

Language: HTML - Size: 682 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

Scottypettersen/TYPE-ONLY

Exploring web design typography techniques

Language: HTML - Size: 847 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

SwitchbladeMike/Typography-Only

A Project to explore Typography techniques

Language: HTML - Size: 979 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

CJAlethio/typography-only

A project to explore web design typography techniques.

Language: HTML - Size: 896 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

kylemillican/typography

a project to explore web design typography techniques

Language: HTML - Size: 895 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

jozzbruer/Social-media-dashboard

Social media dashboard with theme switcher challenge on frontendmentor.io

Language: HTML - Size: 369 KB - Last synced at: about 1 year ago - Pushed at: almost 5 years ago - Stars: 0 - Forks: 0

shridharrai/loruki-website

Cloud hosting Website

Language: HTML - Size: 233 KB - Last synced at: about 1 year ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0

olgalatkina/itmo-lab

ITMO lab (Яндекс.Практикум | командный проект, профессия Веб-разработчик)

Language: CSS - Size: 9.53 MB - Last synced at: about 1 year ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 1

oliveltonsantos/frontbox

Este é um site responsivo criado para uma empresa fictícia chamada Frontbox.

Language: HTML - Size: 129 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

leonardoalmir/site-arqdesign

Site de arquitetura em design de interiores.

Language: CSS - Size: 16.2 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

ravenbrightdesign/ravenbrighttokens 📦

Modern, platform agnostic & reusable design tokens to help you enable seamless handoff experience & build intuitive website faster

Size: 21.5 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

NtajiBenbor/FOODKART-restaurant-website

This is a website for a fictional restaurant called FoodKart. The site is made up of two active pages; the landing page and the shop page. This project is fully responsive on all screen sizes.

Language: HTML - Size: 19.8 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

MohamedMagdyOsman/Frontend-Mentor-Social-Proof-Section

Frontend Mentor | Social proof section challenge

Language: CSS - Size: 192 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

jakaria242/innovate-2

None Responsive

Language: HTML - Size: 7.31 MB - Last synced at: about 18 hours ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

CreatedByCC/bar-chart-freecodecamp

This is one of the freeCodeCamp Data Visualization Projects. In this project we build an app that displays data on a bar chart.

Language: JavaScript - Size: 1.17 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

erkobridee/gatsby-typescript-app-starter 📦

gatsby typescript application starter project

Language: TypeScript - Size: 5.46 MB - Last synced at: about 1 year ago - Pushed at: about 2 years ago - Stars: 9 - Forks: 3

CreatedByCC/survey-form-freecodecamp

This is one of the freeCodeCamp Responsive Web Design Projects. In this project we build a survey form to collect data from users.

Language: HTML - Size: 2.93 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

nicolasmartinezm/website-heynick.cl-Portfolio

Codes for my OLD portfolio. Vanilla Javascript, CSS and HTML

Language: JavaScript - Size: 70.2 MB - Last synced at: almost 2 years ago - Pushed at: about 3 years ago - Stars: 0 - Forks: 0

Stav93/NewsGrid

A 3 pages website created with html and css grid, during Udemy course (Modern HTML & CSS From The Beginning (Including Sass))

Language: HTML - Size: 955 KB - Last synced at: almost 2 years ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

tlockcuff/tailwind-shades

Quickly generate Tailwind shades and CSS variables for your project.

Language: TypeScript - Size: 979 KB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

Sachidananda-17/Project-HomeX

Project HomeX is the project created using the HTML CSS and the JavaScript

Language: HTML - Size: 1.05 MB - Last synced at: 3 months ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

Sompal4549/new-repo

Variable in CSS and elipsis

Language: HTML - Size: 4.88 KB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

C-ZLTV/counter-js-basics

Second project built for the online Frontend Developer course by Start2Impact. The task is to develop a JavaScript counter.

Language: JavaScript - Size: 48.8 KB - Last synced at: almost 2 years ago - Pushed at: about 2 years ago - Stars: 1 - Forks: 1

grandemayta/gm-football-standings

Football Standings Widget shows the standings of the most important football leagues. You can integrate this widget in your Web Application using NPM or using the CDN. The widget works with Angular, React and others modern frontend Frameworks or libraries. The widget was created using Mobile first approach and is also customizable.

Language: TypeScript - Size: 36.1 KB - Last synced at: about 1 month ago - Pushed at: over 4 years ago - Stars: 1 - Forks: 0

Daksh2356/netflix-clone

A Netflix Clone made using ReactJs and CSS variables

Language: JavaScript - Size: 1.33 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

baristikir/next-theme-mode 📦

Quickly add dark-mode or custom theme modes to your react/nextjs application

Language: TypeScript - Size: 200 KB - Last synced at: over 2 years ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

ohitslaurence/react-dynamic-theming

Add simple dynamic themes to a react app with TailwindCSS and css variables

Language: TypeScript - Size: 4.65 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 21 - Forks: 4

fredamanu/City-SkyLine

This is a code repository for a modern city skyline

Language: CSS - Size: 4.88 KB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

annblok/Crappo

Language: CSS - Size: 31.3 KB - Last synced at: over 2 years ago - Pushed at: over 3 years ago - Stars: 3 - Forks: 3

iamcynthiamamah/social-media-website-project

A Responsive Social Media Website with user friendly Theme CUSTOMIZATION feature. Ensure to navigate through the Messages, Noitfications, Theme Customization and profile(by clicking the profile image) to see the magic.

Language: HTML - Size: 41.5 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

neomjs/covid19

COVID19 Gallery

Language: JavaScript - Size: 9.16 MB - Last synced at: about 1 month ago - Pushed at: over 3 years ago - Stars: 6 - Forks: 4

mhatiboglu/09_CSS_Variable_JS30_03

CSS variables

Language: HTML - Size: 1.73 MB - Last synced at: over 2 years ago - Pushed at: over 5 years ago - Stars: 1 - Forks: 0

ux-germano-costa/Building-city-skyline-css-freecodecamp

Learn CSS Variables by Building a City Skyline -Thanks to freeCodeCamp

Language: CSS - Size: 409 KB - Last synced at: about 1 year ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

AhmadrezaMozaffary/online-shop-ui

پروژه دانشجویی - ریسپانسیو نیست

Language: HTML - Size: 2.67 MB - Last synced at: 3 months ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 1

liaoliaojun/cssvars-playground Fork of tailwindlabs/tailwindcss-playground

Tailwindcss config transform cssvars

Language: HTML - Size: 22.5 KB - Last synced at: 12 months ago - Pushed at: about 5 years ago - Stars: 2 - Forks: 1

guardiani-del-web/web-elements

Web Elements is a set of components that works with any framework or library, 100% customizable using Css Variables and 100% reusable using Web Components.

Language: JavaScript - Size: 784 KB - Last synced at: 21 days ago - Pushed at: almost 5 years ago - Stars: 5 - Forks: 0

shayaulman/vue-tailwind-theme-switcher-demo

A simple demo how to use CSS variables in the tailwind.config to create a light/dark theme toggle on your website!

Language: Vue - Size: 6.57 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 0

rachelrly/base-css-2.0

New base CSS file with :root vars, media queries, and base element styles for easy, mobile first development

Language: CSS - Size: 11.7 KB - Last synced at: over 2 years ago - Pushed at: over 4 years ago - Stars: 0 - Forks: 0

tykejones/spacing-blur-color

Update CSS Variables with JS

Language: HTML - Size: 1000 Bytes - Last synced at: over 2 years ago - Pushed at: about 4 years ago - Stars: 0 - Forks: 0

virtualvivek/HexAlpha

This Light weight library provides opacity to #Hexadecimal Color values dynamically, written in pure javascript.It takes hexadecimal color as both a hex value or a css property variable with an alpha ie 0-9 value and provides alpha transparent color .

Language: JavaScript - Size: 67.4 KB - Last synced at: 10 days ago - Pushed at: over 4 years ago - Stars: 2 - Forks: 0