bansal / pattern.css Goto Github PK
View Code? Open in Web Editor NEWCSS only library to fill empty background with beautiful patterns.
Home Page: https://bansal.io/pattern-css
pattern.css's Introduction
pattern.css's People
Contributors
Stargazers
Watchers
Forkers
cnlien toddlemoine sbrichardson joskid tristanbrotherton fritexvz snudo dosycorps kustomzone jkalio52 thattimc akshatjen alexseman monottawa nullnotfound ttolentino89 frontend-io zanjs tdmitri lyrl jpaulinoger nilportugues sjanjan tibo-vip chrisd666 ringotan bansicloud swardshadow sethips i30 ahmadnasrhosna therockstar hello-pixely mikapanday hailey-romey zhenximi rejas adevossolutions oluwatobilobaoke aospino lucasmrl wscodinglover sobhardwaj benjaminv alvinazhar purple1007 masterthepixel laoxubuer mirz44 hachesilva-forks sundoze nukefactory melanyss summer1000fox oluwatobimayowa opencollective shivasinghal2000 coordinate-cat drhisham-code 4bntw stselvam worldoptimizer 2d reimertz anisur3036 inahokai manipeaci oussamazouaine restorethepromise hhy5277 ievgeniiaabdulina cemmanuelonyema aakankshakamal akmallatief rohit484 vikingmedicdad mu-l migchar hj3938 zim-w daodaoliang 521hellogithub yangxin1994 rodrigoieh m-tsu24 yetanotherfork dandycheung pinkromeo18 hacknuke monkbysea carlosjordandev ngimdock portfolios-site klon22 cristiantabira starpunjabi wooodhead nmtricarico lachiave pagelabpattern.css's Issues
Changing the secondary color
Trying to add a background to the whole page using the pattern in the body tag.
<body class="pattern-grid-xl grid-color grid-secondary-color">
This is my CSS
<style> .grid-color { background-color: black; } .grid-secondary-color { color: white; } </style>
However I just see a black background, no white lines. What am I missing?
Broken website css
Checkers pattern has diagonal artifact
Observed on desktop Firefox (v75.0)
Bootstrap 5 text-color only works in Safari
When I use Bootstrap5 text-color only Safari changes the pattern to match. Chrome, Edge and Firefox all show pattern in black.
Colors look fine on your demos but not on my local files
<body class="bg-primary text-light pattern-cross-dots-sm">
CSS Patterns
Your website(https://bansal.io/pattern-css) has display problems at high resolution.
Your website(https://bansal.io/pattern-css) has display problems at high resolution.
4K | 150% of win10
Feature: Sass + Variables
Suggestion: It would be really useful to be able to pull in a single pattern or the whole set and configure colors with variables.
$stripes-foreground: #xxx
$stripes-background: #xxx
etc
Background and foreground colors do not have a sufficient contrast ratio.
I want to help fix this problem
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.