GitHub topics: css-variables

Repositories

VTickner/frontend-mentor-single-price-grid-component

Solution to Frontend Mentor challenge to recreate a single price grid component

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

Lansa-18/Front-End-Tip-Calculator

This repo features a tip calculator app challenge where the objective is to replicate the design provided as closely as possible. Users should be able to view the layout optimally, including interactive elements and hover states, on devices of any screen size. The app should also calculate the correct tip and total cost of the bill per person

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

shisinbin/button-component

A button component that has multiple variants and sizes

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

codewithkyle/brixi

A lightweight highly configurable utility-first CSS framework.

Language: JavaScript - Size: 749 KB - Last synced at: 4 days ago - Pushed at: over 1 year ago - Stars: 2 - Forks: 0

Abbas-Codes/Angular_Calculator

Calculator, Created with Angular 15

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

jedahee/Decorate-CSS-Framework

Small CSS framework customized by me to help the development of web site styles. Still under development

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

Naresh180495/fb-login-clone

I have created a facebook login clone but it's not responsive.

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

Merri/alku

We are divergent. The CSS framework for people who desire to have more accessible defaults.

Language: CSS - Size: 231 KB - Last synced at: 2 days ago - Pushed at: over 1 year ago - Stars: 4 - Forks: 0

kadu-jpeg/portfolio-alura

Este é o meu portfólio web, criado durante o curso de Desenvolvimento Web da Alura. O site foi construído com HTML e CSS, aplicando conceitos de responsividade com Flexbox e uso de variáveis no CSS. O projeto está disponível no Vercel.

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

eliseo-dannunzio/css-comparison-functions

Using Pure CSS to create comparison logic functions

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

kolebayev/valor-figma-plugin

Figma plugin for color pallette representation

Language: TypeScript - Size: 998 KB - Last synced at: 2 months ago - Pushed at: over 2 years ago - Stars: 9 - Forks: 3

Igor-Vuk/css-variables-and-js

Use CSS Variables and javascript to change image property

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

SimonPadbury/baselayer 📦

Modern, tiny, powerful CSS library with OKLCH (or HSL) color utilities, container queries, CSS grid, and CSS variables.

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

AniciaFlores/Porfolio_Anicia

Personal Project: Personal portfolio under construction

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

nabinbhatt/theme-switcher

Theme Switcher Using CSS Variables and Pure JavaScript

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

nilspettersson/themeManager

react-vario-theme is a tool for managing themes in React applications. Easily convert a TypeScript theme object into CSS variables.

Language: TypeScript - Size: 53.7 KB - Last synced at: 5 days ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

roxoho/city-skyline

Learn CSS variables by building city skyline chapter of freecodecamp Responsive web design certification

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

a5lam/CSS-Variables

Using JS manipulate CSS variables

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

lil-bee/Edie-Homepage

static homepage challenge by devchallenge.io

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

hadalin/dark-mode-sass

SCSS file to support dark mode on your webpage (e.g. Jekyll blog)

Language: CSS - Size: 539 KB - Last synced at: almost 2 years ago - Pushed at: over 5 years ago - Stars: 14 - Forks: 4

BarbWire-1/Color-Palette-Generator

This is a color Palette Generator . It started as a proof of concept to use CSS variables only for calculating colors. The h, s, l can be changed with a range input. Five colors get created by setting the steps to the next hue in degree (rotation). Finally the created palette can be saved.

Language: JavaScript - Size: 490 KB - Last synced at: 4 months ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

Setornam/Interactive-Dashboard

A simple interactive dashboard

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

incihuseynli/results-summary-component

Front End Mentors Newbie Level projects

Language: CSS - Size: 348 KB - Last synced at: 3 months ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

incihuseynli/nft-preview-card-component-main

Front End Mentors Newbie Level projects

Language: CSS - Size: 174 KB - Last synced at: 3 months ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

Frazer/cssVariables

A beautiful dynamic Radial Gradient controlled with the mouse and css variables

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

bjankord/styled-components-custom-properties-theme-provider

Custom theme provider which uses CSS custom properties in browsers that support them, and falls back to styled components theme provider implementation in browsers that don't support CSS custom properties. 💅

Language: JavaScript - Size: 10.6 MB - Last synced at: 14 days ago - Pushed at: over 2 years ago - Stars: 5 - Forks: 0

tthayza/cadastro-clientes

Desenvolvimento de uma interface estática utilizando conceitos apresentados no primeiro módulo do curso de formação Santander Coders.

Language: HTML - Size: 15.4 MB - Last synced at: 16 days ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

requestmethod/tailwind-plugin-css-themes

Tailwind CSS plugin to create themes using CSS classes and variables.

Language: TypeScript - Size: 45.9 KB - Last synced at: 22 days ago - Pushed at: over 1 year ago - Stars: 7 - Forks: 0

wesgro/postcss-migrate-colors-to-vars

A plugin to assist with migrating css files from hard coded colors to css-vars

Language: TypeScript - Size: 56.6 KB - Last synced at: about 1 month ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

PlainVisual/landingspagina-domein.info

Novi Hogeschool - Toepassen CSS properties - https://domeinshop.netlify.app/

Language: CSS - Size: 4.5 MB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

PlainVisual/Homework-Novi-concept-opdracht

Nice place where my homework develops with Novi - https://landingpage-flexbox.netlify.app/

Language: CSS - Size: 50.4 MB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

Deemon13/webstudio

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

gazpachu/joanmira

Joan Mira Studio Website

Language: EJS - Size: 1.43 GB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 10 - Forks: 2

yablko/reminders-remake-mac-to-html

HTML a CSS kurz 🇸🇰 Prerobím Mac appku do HTML a počas toho vysvetlím flexbox, grid, svg, css premenné, relatívne jednotky a ďalšie srandy.

Language: HTML - Size: 216 KB - Last synced at: over 1 year ago - Pushed at: almost 4 years ago - Stars: 7 - Forks: 7

Omar-Razo/css-portfolio-page

Module Two Challenge

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

Thisisjuke/tailwindcss-css-variables-palette-plugin

Generate a color palette 🎨 using CSS variables 🔡 for TailwindCSS 🍃

Language: JavaScript - Size: 85 KB - Last synced at: 6 days ago - Pushed at: over 2 years ago - Stars: 12 - Forks: 2

MinaKadis/Daniels-Template

Daniels is a modern template built with HTML5, CSS3, and Bootstrap 5

Language: CSS - Size: 4.38 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

MinaKadis/Mealify-Template

Mealify is a stunning, responsive webpage that supports dark mode.

Language: CSS - Size: 1.99 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

MinaKadis/Devfolio-Template

DevFolio website consist of 3 pages (Main page, Portfolio page, and Blog page). Mainly utilizing bootstrap grid system & it's classes.

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

coffee-cup/theme-custom-properties

Convert theme to CSS custom properties and CSS

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

mvndaai/css_variables

Demo using CSS variables to dynamically theme a page.

Language: JavaScript - Size: 6.84 KB - Last synced at: almost 2 years ago - Pushed at: about 6 years ago - Stars: 0 - Forks: 0

leonardoalmir/lp-bikecraft-origamid

Neste projeto desenvolvemos uma página simples usando HTML e CSS. Aplicamos responsividade com media query, conceito de variáveis CSS, funcionalidade de modo escuro e claro de acordo com as preferências do sistema.

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

Xander1936/restaurant-website

Restaurant-website is a modern ui/ux website in ReactJS created by JavaScript Mastery and build from scratch with a Figma design and totally responsive.

Language: JavaScript - Size: 46.4 MB - Last synced at: 13 days ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

Xander1936/gpt3-xander

gpt3-xander is a modern ui/ux website in ReactJS created by JavaScript Mastery and built from scratch with a Figma design totally responsive.

Language: CSS - Size: 19.1 MB - Last synced at: 13 days ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

LBeul/color-scheme-generator Fork of adevade/color-scheme-generator

Fast color scheme generator for React projects

Language: HTML - Size: 1.44 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 1 - Forks: 0

Mteixeira88/css-variables-IE-plugin Fork of emanuellopes/typescript-boilerplate

This project enables the use of the last breakthrough web enchancements on Internet Explorer

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

b2wads/grimorio-ui

Grimório✨ | UI just like magic

Language: JavaScript - Size: 36.6 MB - Last synced at: 2 months ago - Pushed at: over 1 year ago - Stars: 2 - Forks: 1

AyaAbdelmoghith/Mealify-Template

Mealify is a stunning, responsive webpage that supports dark mode.

Language: CSS - Size: 1.4 MB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

kirademiurge/solidjs-theming

theming example for solidjs apps based on css variables

Language: TypeScript - Size: 16.6 KB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

Nix7amcm/FEM-order-summary-component

Frontend Mentor Challenge | Order Summary component

Language: CSS - Size: 272 KB - Last synced at: 3 months ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

hassanidris/news-homepage

Language: SCSS - Size: 1.28 MB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

ionicthemes/how-to-build-any-ui-with-ionic

Explore different strategies you can use to customize and extend the Ionic UI Components to create any UI you want.

Language: TypeScript - Size: 577 KB - Last synced at: about 2 months ago - Pushed at: over 3 years ago - Stars: 12 - Forks: 8

completejavascript/find-dog-you-love

List all Dog Breeds Pictures using Dog.CEO API.

Language: JavaScript - Size: 12.7 KB - Last synced at: 2 months ago - Pushed at: about 3 years ago - Stars: 2 - Forks: 0

holtwick/DesertColors

macOS System Colors - Light & Dark Mode

Language: Objective-C - Size: 23.4 KB - Last synced at: 2 months ago - Pushed at: over 3 years ago - Stars: 3 - Forks: 1

denisraslov/stylelint-value-no-exposed-custom-properties

A stylelint rule to disallow usage of exposed custom properties

Language: JavaScript - Size: 91.8 KB - Last synced at: about 1 month ago - Pushed at: almost 3 years ago - Stars: 14 - Forks: 1

foxwayne1/waynes-dev

New Site, a work in progress

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

hph/dynamic-css-properties

A tiny utility to update custom CSS properties on the fly. Think "theming"!

Language: JavaScript - Size: 46.9 KB - Last synced at: 1 day ago - Pushed at: about 8 years ago - Stars: 2 - Forks: 1

justincy/css-modules-and-variables-nextjs

You don't need a CSS-in-JS library with Next.js anymore. We have everything we need with CSS Modules and CSS variables

Language: JavaScript - Size: 6.84 KB - Last synced at: about 1 year ago - Pushed at: over 5 years ago - Stars: 2 - Forks: 0

rnrnshn/product-preview Fork of vanessagoetsa/product-preview

Product Review made with Flexbox and CSS Variables

Language: CSS - Size: 211 KB - Last synced at: over 2 years ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

bradzickafoose/nasa-photo-of-the-day Fork of bloominstituteoftechnology/nasa-photo-of-the-day

A React app I built and use to view NASA's Astronomy Picture of the Day

Language: JavaScript - Size: 405 KB - Last synced at: over 2 years ago - Pushed at: almost 5 years ago - Stars: 1 - Forks: 0

JackHowa/marvel-color-switcher

Practice css variables with marvel characters bc bingeing mcu

Language: JavaScript - Size: 2.19 MB - Last synced at: 3 months ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

johnsonr84/gatsbys-pizza

Gatby's Pizza - A Modern Pizza Website (Search, Sell, Add to Cart & Checkout) featuring a frontend build with react.js and a sanity backend. The app uses a Gatsby frontend framework, thus I created a UI to be be themed from The Great Gatsby, a 1925 novel by American writer F. Scott Fitzgerald. Deployed to Netlify!

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

jukha/react-one-page-site

Static One page site made with React for a client.

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

RubenChirino/Social-Media-Dashboard

React JS Practice

Language: JavaScript - Size: 287 KB - Last synced at: 3 months ago - Pushed at: almost 2 years ago - Stars: 1 - Forks: 0

erickleaopm/elpm-store

E-Commerce Proyecto - CoderHouse

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

kelvindecosta/postcss-transform-variables

:electric_plug: PostCSS plugin that transforms identifiers of CSS custom properties.

Language: TypeScript - Size: 87.9 KB - Last synced at: 12 days ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

baskeboler/angular-themes-blog-post

Demo app with a scalable theming system implemented in angular

Language: TypeScript - Size: 2.29 MB - Last synced at: 4 months ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

Deep-Codes/tailwind-with-css-variables

Repo for the Blog 'Using CSS variables with TailwindCSS'

Language: JavaScript - Size: 44.9 KB - Last synced at: 3 months ago - Pushed at: over 3 years ago - Stars: 2 - Forks: 0

syjem/City-Skyline

Learn CSS Variables by Building a City Skyline

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

wojciechmarek/clinics

An application focusing on web accessibility (i11y) from a UI perspective

Language: HTML - Size: 78.1 KB - Last synced at: 15 days ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

yokgs/DyeScript-Light

Command Line Interface of lightweight (& pre-published) version of @yokgs/DyeScript

Language: JavaScript - Size: 63.5 KB - Last synced at: 20 days ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 1

sfi0zy/medium

Connect CSS and JS worlds with custom properties

Language: JavaScript - Size: 219 KB - Last synced at: about 1 year ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

Alice-Rez/Calli-Shop

Mock up of the e-shop selling calligraphies - project created at the end of the React module of my one year web development course. Redux for state managment, Styled Components for styling. Calligraphies are my own handwork (all rights reserved!), just scanned and transformed to SVG.

Language: JavaScript - Size: 2.16 MB - Last synced at: over 2 years ago - Pushed at: over 4 years ago - Stars: 1 - Forks: 2

juliaqiuxy/theming-demo

https://codesandbox.io/s/github/juliaqiuxy/theming-demo/tree/master/?from-embed

Language: JavaScript - Size: 1.89 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 60 - Forks: 4

EhlisN/MY-CV-HTML-CSS-JS

I have created CV to show my knowledge and give more information about me. I have used technologies HTML, CSS and JS: * Burger menu * CSS variables * Adaptive and semantic layout * CSS animations * Sliders

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