custom-properties | Topic | Ecosyste.ms: Repos

Topic: "custom-properties"

jhildenbiddle/css-vars-ponyfill

Client-side support for CSS custom properties (aka "CSS variables") in legacy and modern browsers

Language: JavaScript - Size: 3.74 MB - Last synced at: 4 days ago - Pushed at: about 1 year ago - Stars: 1,465 - Forks: 64

nuxodin/ie11CustomProperties

CSS variables (Custom Properties) polyfill for IE11

Language: HTML - Size: 240 KB - Last synced at: 4 days ago - Pushed at: over 1 year ago - Stars: 925 - Forks: 83

innocenzi/tailwindcss-theming

CSS-variables-based swappable themes for Tailwind CSS

Language: TypeScript - Size: 3.45 MB - Last synced at: about 1 hour ago - Pushed at: 11 months ago - Stars: 501 - Forks: 31

Typetura/Typetura

Finally, typography as responsive as the web.

Language: HTML - Size: 1.14 MB - Last synced at: about 21 hours ago - Pushed at: 7 months ago - Stars: 407 - Forks: 13

bonsaicss/bonsai.css

A Utility Complete CSS Framework for less than 45kb (8kB Gzipped) -

Language: CSS - Size: 912 KB - Last synced at: 8 days ago - Pushed at: about 2 years ago - Stars: 386 - Forks: 23

yanchokraev/grayshift

A lightweight front-end component library for developing fast and powerful web interfaces.

Language: SCSS - Size: 914 KB - Last synced at: 10 months ago - Pushed at: almost 4 years ago - Stars: 325 - Forks: 80

jonathanharrell/hiq

A lightweight, progressive, high-IQ CSS framework.

Language: CSS - Size: 6.27 MB - Last synced at: 2 days ago - Pushed at: 2 months ago - Stars: 319 - Forks: 19

kaisermann/svelte-css-vars

:sparkles: Ever wanted to have reactive css variables in svelte? What if I told you there's a way?

Language: JavaScript - Size: 1.37 MB - Last synced at: 27 days ago - Pushed at: over 2 years ago - Stars: 239 - Forks: 3

GoogleChromeLabs/postcss-jit-props

A CSS custom property helper based on PostCSS. Supply a pool of variables and this plugin will add them to the stylesheet as they are used.

Language: JavaScript - Size: 826 KB - Last synced at: 2 days ago - Pushed at: 3 months ago - Stars: 231 - Forks: 11

korywakefield/iota

A responsive micro-framework for the grid spec powered by CSS custom properties.

Language: CSS - Size: 5.86 KB - Last synced at: over 1 year ago - Pushed at: over 7 years ago - Stars: 206 - Forks: 14

tomhodgins/computed-variables

Easy to use event-driven CSS variables

Language: JavaScript - Size: 23.4 KB - Last synced at: 28 days ago - Pushed at: about 6 years ago - Stars: 82 - Forks: 1

jhildenbiddle/get-css-data

A micro-library for collecting stylesheet data from link and style nodes

Language: JavaScript - Size: 1.3 MB - Last synced at: 6 days ago - Pushed at: over 1 year ago - Stars: 35 - Forks: 8

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: 4 days ago - Pushed at: almost 3 years ago - Stars: 14 - Forks: 1

jeffersonmourak/nicobar

Javascript package for theming layouts

Language: JavaScript - Size: 1020 KB - Last synced at: 10 days ago - Pushed at: about 7 years ago - Stars: 10 - Forks: 1

manumorante/mm-masonry

pure css masonry experiments

Language: HTML - Size: 541 KB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 9 - Forks: 0

FilipChalupa/inner-vh

Demo: https://filipchalupa.cz/inner-vh/demo.html

Language: HTML - Size: 172 KB - Last synced at: 6 days ago - Pushed at: over 2 years ago - Stars: 8 - Forks: 1

onehilltech/ember-cli-custom-properties

Adds support for CSS custom properties (variables) to components

Language: JavaScript - Size: 829 KB - Last synced at: 2 days ago - Pushed at: almost 2 years ago - Stars: 7 - Forks: 1

jonathanharrell/hiq-theme-builder

Theme builder for the HiQ CSS framework.

Language: Vue - Size: 1020 KB - Last synced at: about 1 month ago - Pushed at: over 2 years ago - Stars: 6 - Forks: 0

TimoBechtel/css-vars-from-json

Generates CSS custom properties (variables) from json or javascript object.

Language: TypeScript - Size: 149 KB - Last synced at: 2 days ago - Pushed at: over 3 years ago - Stars: 6 - Forks: 1

alexmfs/alicerce

Generic design system based on context customization, using css custom properties.

Language: SCSS - Size: 3.26 MB - Last synced at: over 1 year ago - Pushed at: over 3 years ago - Stars: 6 - Forks: 0

Inwerpsel/design-mode

A React theme editor

Language: JavaScript - Size: 47.6 MB - Last synced at: 7 days ago - Pushed at: 7 days ago - Stars: 5 - Forks: 0

shgysk8zer0/core-css

A collection of CSS styles, categoiezed by files, which are useful on common projects

Language: CSS - Size: 1.49 MB - Last synced at: about 1 month ago - Pushed at: 8 months ago - Stars: 5 - Forks: 1

p-chan/object-to-css-variables

A library to convert JavaScript Object to CSS Variables

Language: TypeScript - Size: 709 KB - Last synced at: 3 days ago - Pushed at: 3 days ago - Stars: 4 - Forks: 0

factorial-io/drupal-breakpoints-css

Extract CSS custom properties and custom-media queries as well as a JavaScript config from Drupal's theme breakpoints

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

99codes/laravel-meta-attributes

Add meta attributes to Eloquent models

Language: PHP - Size: 36.1 KB - Last synced at: 18 days ago - Pushed at: almost 4 years ago - Stars: 4 - Forks: 4

crgeary/css-custom-properties-grid

A very simple, configurable, responsive grid with CSS custom properties & flexbox.

Language: HTML - Size: 2.93 KB - Last synced at: 3 months ago - Pushed at: over 7 years ago - Stars: 4 - Forks: 0

DevExpress-Examples/asp-net-core-dashboard-custom-properties-sample

The example shows how to create custom properties for the ASP.NET Core Dashboard.

Language: JavaScript - Size: 5.44 MB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 3 - Forks: 3

DevExpress-Examples/asp-net-web-forms-dashboard-custom-properties-sample

The example shows how to create custom properties for the ASP.NET Web Forms Dashboard.

Language: JavaScript - Size: 2.25 MB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 3 - Forks: 0

DevExpress-Examples/asp-net-mvc-dashboard-custom-properties-sample

The example shows how to create custom properties for the ASP.NET MVC Dashboard.

Language: JavaScript - Size: 2.59 MB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 3 - Forks: 1

benevolarX/b-css

small css framework

Language: SCSS - Size: 2.18 MB - Last synced at: 29 days ago - Pushed at: about 1 year ago - Stars: 3 - Forks: 0

johnwatkins0/postcss-custom-props-themes

A PostCSS plugin for generating theming classes based on CSS custom properties.

Language: JavaScript - Size: 141 KB - Last synced at: 23 days ago - Pushed at: over 3 years ago - Stars: 3 - Forks: 1

andrasna/carosans

A minimalistic vanilla JS/CSS carousel.

Language: JavaScript - Size: 1.08 MB - Last synced at: 17 days ago - Pushed at: about 4 years ago - Stars: 3 - Forks: 1

csshugs/FluidMS

A font-size system based on Modular Scale and Fluid Typography built with Sass and CSS custom properties.

Language: SCSS - Size: 432 KB - Last synced at: about 12 hours ago - Pushed at: about 1 year ago - Stars: 2 - Forks: 2

dragontheory/D7460N

Modern, vanilla (no dependencies), standards compliant, pure CSS UI template.

Language: CSS - Size: 52.7 KB - Last synced at: 5 days ago - Pushed at: almost 2 years ago - Stars: 2 - Forks: 1

juice49/monstera

Monstera is a CSS-in-JS helper library.

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

peterblazejewicz/blazor-css-custom-properties

Access interface to CSS custom properties from Blazor

Language: C# - Size: 217 KB - Last synced at: 2 months ago - Pushed at: over 5 years ago - Stars: 2 - Forks: 0

unsass/css

Sass mixins to manage CSS declarations.

Language: SCSS - Size: 828 KB - Last synced at: 15 days ago - Pushed at: 15 days ago - Stars: 1 - Forks: 0

DevExpress-Examples/web-forms-dashboard-gauge-ranges

This example shows how to edit and display Ranges for the Gauges item

Language: JavaScript - Size: 271 KB - Last synced at: 17 days ago - Pushed at: 17 days ago - Stars: 1 - Forks: 0

portsoc/css-layout

A repo for assorted CSS layout examples.

Language: HTML - Size: 8 MB - Last synced at: 18 days ago - Pushed at: 18 days ago - Stars: 1 - Forks: 1

PandasWhoCode/generate-custom-properties-schema

Script for generating a custom-properties schema to be used in conjunction with PandasWhoCode action: https://github.com/marketplace/actions/set-custom-properties-schema-action

Language: Shell - Size: 11.7 KB - Last synced at: 23 days ago - Pushed at: 23 days ago - Stars: 1 - Forks: 0

builtbyfield/css-utils

A collection of type-safe utilities for working with CSS in TypeScript applications.

Language: TypeScript - Size: 50.8 KB - Last synced at: 1 day ago - Pushed at: 6 months ago - Stars: 1 - Forks: 0

s3rious/palettier

Generate various output formats from a single source of design tokens

Language: TypeScript - Size: 169 KB - Last synced at: 9 days ago - Pushed at: 10 months ago - Stars: 1 - Forks: 0

victor-lillo/color-shader

Creates light, dark and opacity shades from an initial color. You can also set the number of steps. Generates a list of custom properties with customizable prefix.

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

xamu-co/style-system 📦

Style System for the xamu project

Language: SCSS - Size: 1.29 MB - Last synced at: 2 months ago - Pushed at: almost 2 years ago - Stars: 1 - Forks: 0

TokiUrata/skilled-elearning-landing-page

Landing page

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

Kunalshakya/UI-of-Finology-Dashboard

This is the user interface of the FINOLOGY DASHBOARD, which allows for interaction with original links, email validation, and referral sharing. It has been designed to be fully responsive, adapting to various screen sizes and device types for optimal user experience.

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

Stefan-Espant/look-and-feel-corporate-identity Fork of fdnd-task/look-and-feel-corporate-identity

Ontwerp en maak voor een opdrachtgever een component of website op basis van een bestaande huisstijl

Language: HTML - Size: 7.54 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 1

kulturbande/postcss-css-vars 📦

PostCSS custom properties support

Language: TypeScript - Size: 309 KB - Last synced at: 2 days ago - Pushed at: over 2 years ago - Stars: 1 - 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: 2 days ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

AvetisCodes/Swagoo

Another responsive design framework but with some funky swagger.

Language: SCSS - Size: 1020 KB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

michael-schlueter/space-tourism-react

Responsive webpage displaying information about space travel. Front-end mentor project based on a scrimba course from Kevin Powell.

Language: TypeScript - Size: 1.62 MB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

Faey2222/curcuma 📦

An modern scalable and modular object oriented css framework

Language: CSS - Size: 717 KB - Last synced at: 3 months ago - Pushed at: almost 4 years ago - Stars: 1 - Forks: 1

drimchansky/DEPRECATED-DRIMchansky 📦

personal website

Language: JavaScript - Size: 10.2 MB - Last synced at: about 22 hours ago - Pushed at: about 4 years ago - Stars: 1 - Forks: 0

aisha-gregg/love-of-movies

Movie website practice

Language: HTML - Size: 47.8 MB - Last synced at: about 2 years ago - Pushed at: almost 6 years ago - Stars: 1 - Forks: 1

DevExpress-Examples/mvc-dashboard-hide-series-legend-click

How to hide series in a chart item by clicking on a legend icon.

Language: C# - Size: 1.06 MB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 0 - Forks: 0

DevExpress-Examples/CustomItemDependentProperties

This example shows how to implement a Custom Item with Custom Properties that depend on each other.

Language: C# - Size: 4.18 MB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 0 - Forks: 0

nksm/figma-plugin-simple-prefix-editor-for-css

Figma plugin that simplifies CSS variable formatting. Add custom prefixes to design tokens with just a few clicks.

Language: TypeScript - Size: 102 KB - Last synced at: 6 days ago - Pushed at: 11 days ago - Stars: 0 - Forks: 0

DevExpress-Examples/mvc-dashboard-custom-properties-state

Create and store a custom property to save the Dashboard State along with the dashboard layout (XML).

Language: JavaScript - Size: 709 KB - Last synced at: 17 days ago - Pushed at: 17 days ago - Stars: 0 - Forks: 1

bengeendokter/m3-color-css

Material Design 3 colors implemented in plain CSS using the relative color syntax

Language: CSS - Size: 301 KB - Last synced at: 18 days ago - Pushed at: 18 days ago - Stars: 0 - Forks: 0

DevExpress-Examples/wpf-dashboard-custom-properties

The example shows how to add custom properties to the WPF Dashboard Control.

Language: Visual Basic .NET - Size: 278 KB - Last synced at: 18 days ago - Pushed at: 18 days ago - Stars: 0 - Forks: 0

bengeendokter/m3-css-color-token-generator 📦

Material Design 3 CSS custom properties color token generator.

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

a-woodworth/pricing_component_toggle

Pricing component coding challenge using radio button toggle to switch prices without JavaScript.

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

a-woodworth/recipe_page

Recipe page coding challenge

Language: CSS - Size: 1.19 MB - Last synced at: 1 day ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

DevExpress-Examples/web-forms-dashboard-custom-grid-hyperlink

This example shows how to adjust Hyperlink Column behavior for the Grid item.

Language: JavaScript - Size: 227 KB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

DevExpress-Examples/winforms-dashboard-custom-properties

The following example shows how to create custom properties for the WinForms Dashboard

Language: C# - Size: 270 KB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

sonvice/astro-sass-template

Astro v5 con sass y tokens de diseño

Language: SCSS - Size: 221 KB - Last synced at: about 1 month ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

gobimahato/skilled-e-learning

A challege from Frontend Mentor.

Language: CSS - Size: 1.18 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

donta514/mushroom-guide

Mushroom Guide – A forager's companion for identifying and finding the best mushrooms. Explore detailed information on edible and wild mushrooms with ease.

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

Mad-Host/HTML-CSS-Layout

This repository is dedicated to exploring advanced concepts in HTML and CSS for building modern, responsive, and accessible web applications. It serves as a comprehensive resource for developers looking to go beyond the basics and master the latest techniques and features of web development.

Size: 1000 Bytes - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

JuanDuquePy/Recipe-page---omelete

Frontend project that presents an omelette recipe with a clean and minimalist design. Includes sections for preparation time, ingredients, step-by-step instructions and nutritional values. Developed as part of a Frontend Mentor challenge, with focus on HTML and CSS.

Language: HTML - Size: 309 KB - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

dedo-dev/meet-landing-page

Last Challenge of Building responsive layout a path of Learning Path by Frontend Mentor

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

dedo-dev/testimonial-grid-section

Third Challenge of Building responsive layout a path of Learning Path by Frontend Mentor

Language: HTML - Size: 379 KB - Last synced at: about 2 months ago - Pushed at: 9 months ago - Stars: 0 - Forks: 0

dedo-dev/four-card-feature-section

Second Challenge of Building responsive layout a path of Learning Path by Frontend Mentor

Language: HTML - Size: 234 KB - Last synced at: about 2 months ago - Pushed at: 9 months ago - Stars: 0 - Forks: 0

dedo-dev/product-preview-card-component

First Challenge of Building responsive layout a path of Learning Path by Frontend Mentor

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

dedo-dev/recipe-page

Final challenge of Frontend Mentor Learning Path

Language: CSS - Size: 1.24 MB - Last synced at: about 2 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

dedo-dev/blog-preview-card

Second challenge on Frontend Mentor Learning Path

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

DevExpress-Examples/out-of-maintenance-WinForms-Dashboard-How-to-export-customized-Pie-Dashboard-Item 📦

This example shows how to export a Pie dashboard item with customized totals.

Size: 278 KB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

DevExpress-Examples/out-of-maintenance-winforms-designer-how-to-show-totals-in-pie-dashboard-items 📦

Size: 266 KB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

aggie-l/Blog-preview-card

Frontend-Mentor: Blog preview card exercise

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

ndorfin/tactile-www

My home on the web

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

Lorn12/50-projects-in-50-days

● 50 Projects in 50 Day ● Mini Projects ●

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

qoomon/github-repositories-properties-manager 📦

Manage github repository custom properties by a file

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

Rubendvb/calculator-app-main-theme

Language: SCSS - Size: 273 KB - Last synced at: 2 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

KoljaL/CSS-Color-Collection

Just a small Svelte app to play with CSS colors

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

AsharibAli/ecommerce-website

Full Stack E-commerce Clothing Web build with Next JS 13, HTML5, CSS, Flexbox, CSS Grid, Sanity, Stripe, react-hot-toast, react icons, swiper js, canvas-confetti

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

Kunalshakya/Interactive-Card-Details-Form

The Interactive Card Detail Form project allows users to fill a form and view card details updated in real-time. Error messages will display if any input field is empty or if the card number, expiry date, or CVC fields are incorrect.

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

NandiniCooppen/qr-code-component

This is my solution to the QR code challenge from frontendmentor.io

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

LaietiMcLean/ForestArchitecture-website

A simple E-commerce webpage / Responsive & Mobile First

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

natassh/DogsJS

En este proyecto uso Arrow Functions, const, let, Async/Await, ES6 Modules, Fetch. Webpack como module bundle aprendiendo a configurarlo a mano. ESLint y Netlify para el deploy. Usando metodología BEM y Atomic Design para la división de los estilos. Con PostCSS y Custom properties (variables CSS) para escribir CSS moderno. HTML con marcado semántico (aside, section, figure, etc.)

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