-
Updated
Apr 15, 2022 - CSS
#
css-custom-properties
Here are 77 public repositories matching this topic...
Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.
javascript
css
dashboard
dark-theme
css-framework
web-framework
css-custom-properties
dark-mode
css-variables
halfmoon
good first issue
Good for newcomers
A lightweight front-end component library for developing fast and powerful web interfaces.
javascript
css
html
sass
js
scss
css-framework
ui-kit
css-custom-properties
dark-mode
css-variables
custom-properties
grayshift
-
Updated
Jul 15, 2021 - SCSS
Change CSS theme with toggle, buttons or select using CSS custom properties and localStorage
-
Updated
Jan 1, 2022 - JavaScript
Sass mixin to use CSS Custom Properties with Sass
-
Updated
Apr 9, 2022 - JavaScript
Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.
design
react-native
assets
jss
design-tokens
parsers
svgo
css-custom-properties
design-system
tailwindcss
style-dictionary
design-ops
theme-ui
design-api
-
Updated
Jun 30, 2022 - TypeScript
A React component for applying CSS Variables (Custom Properties)
-
Updated
Jan 26, 2018 - JavaScript
The modular highly customizable CSS framework. Powered by CSS Components for building your Web UI.
css
modular
framework
postcss
scss
css-framework
css-components
css-custom-properties
css-variables
fylgja
css-utilities
-
Updated
Jun 29, 2022 - SCSS
javascript
css
library
ui
frontend
paper
aspect-ratio
sizes
css-custom-properties
css-variables
paper-sizes
-
Updated
Dec 4, 2021 - CSS
Minifies css variable names
-
Updated
Apr 20, 2022 - JavaScript
meduzen
commented
Mar 19, 2020
Because of how SCSS
interpolation works, v()
can’t be used in calc()
, repeat()
and some others.
.selector {
left: calc(v(weeks, 3) * 7); // doesn’t work
left: calc(var(--weeks, 3) * 7); // works
}
Two ideas: either create passthrough functions (like in true-hsl.scss) eit
enhancement
New feature or request
good first issue
Good for newcomers
question
Further information is requested
Exposing properties of HTML elements as CSS variables
-
Updated
Oct 22, 2017 - HTML
The W. W. Norton & Company design system
-
Updated
Jun 10, 2022 - TypeScript
Easings (cubic-bezier timing functions) as custom properties and SCSS variables.
-
Updated
Dec 29, 2020 - SCSS
s-grid is a helper class useful for creating responsive, fluid grid layouts using CSS Custom Properties.
-
Updated
Feb 22, 2017 - HTML
-
Updated
Feb 10, 2022 - JavaScript
Kube framework for the Rails asset pipeline & makes variables available as CSS Custom Properties.
-
Updated
Apr 23, 2018 - CSS
css-vars-hook contains React hooks to set and manipulate CSS custom properties from the component.
-
Updated
Jun 24, 2022 - JavaScript
xaota
commented
Aug 1, 2019
если не указан атрибут ripple
, не вызывать ripple
-эффект при клике в полях ввода.
пример:
<material-input> <!-- ripple-анимация не показывается при клике -->
<material-input ripple> <!-- ripple-анимация показывается при клике -->
- дополнительно: параметр атрибута (необязателен) можно использовать для настроек скорости эффекта (
slow
,fast
, ...)
enhancement
New feature or request
good first issue
Good for newcomers
appearance
Оформление компонента
js
разработка
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. 💅
-
Updated
Feb 26, 2022 - JavaScript
Export your TailwindCSS theme colors as css custom properties.
css
hacktoberfest
css-custom-properties
tailwind
tailwindcss
tailwind-css
tailwindcss-plugin
tailwind-css-plugin
-
Updated
Mar 6, 2022 - JavaScript
Provides theme context and hooks. Supports theme switching via CSS custom properties.
react
hooks
npm-package
npm-module
theming
css-custom-properties
react-hooks
theme-utils
theme-context
-
Updated
Jan 22, 2022 - TypeScript
Lets learn to use CSS variables a CSS custom properties to create style sheets less repetitive, easier to maintain, better readability and more flexible.
variable
css-custom-properties
css-variables
variables-and-their-usages
variables-css
css-var-function
css-variable-value
global-scoped-variables
local-scope-variable
var-function
-
Updated
Jan 20, 2020 - HTML
Проект с примерами использования веб-компонент из @xaota/material
material-design
material-ui
web-components
storybook
css-custom-properties
css-variables
es-modules
no-npm
-
Updated
Jun 1, 2022 - HTML
A sub 100Kb parallax library
javascript
css
plugin
vanilla
parallax
scrolling
vanilla-javascript
scroll
vanilla-js
tiny
parallax-web
parallax-scrolling
css-custom-properties
css-variables
parallax-plugin
parallax-effect
-
Updated
Dec 11, 2017 - JavaScript
This is my attempt at creating a css "framework" like bootstrap and material.
css
framework
css3
flexbox
css-framework
css-grid
flexbox-css
css-custom-properties
framework-css
css-classes
css-flexbox
-
Updated
Nov 22, 2020 - CSS
Turing machine built exclusively using CSS (with a bit of HTML)
-
Updated
Jul 16, 2021 - SCSS
Japanese translation of ‘Why I’m Excited About Native CSS Variables’
-
Updated
Dec 12, 2020 - HTML
You don't need a CSS-in-JS library with Next.js anymore. We have everything we need with CSS Modules and CSS variables
-
Updated
Jan 20, 2020 - JavaScript
Make your css variables more dynamic and relative with dynamo-css!
-
Updated
Apr 15, 2021 - JavaScript
Improve this page
Add a description, image, and links to the css-custom-properties topic page so that developers can more easily learn about it.
Add this topic to your repo
To associate your repository with the css-custom-properties topic, visit your repo's landing page and select "manage topics."
VScode lets you point to files, could have them point to
props.css
in the npm module or remote file?