Skip to main content

A dynamic utility-first css library written in python

Project description

This is Eye CSS Official Icon. It is displayed in Eye CSS official github repo.

EYE CSS

Eye css is a dynamic utility-first css library which aims to be usable across every design project. It is similar to tailwind css.

Eye css is a dynamic and powerful css library to create truly dynamic styles while still simple to use and learn.

Eye css is responsive, dynamic, detailed and familiar. Similar to tailwind css in both syntax and operation.

Eye css can be used in small and large web projects. Eye css can be used with your single static html file, to dynamic large web projects.

Just download Eye css or install Eye css and let Eye watch your defined files for defined styles.

It's as simple as that.

How to use eye css:

Installation

pip install eye-css

Create an eye_config.yml file and add the following:

eye:
  input_directory: "./"
  input_extensions: "*.html"

  exclude_directory: ".git"
  exclude_files: ".gitignore"

Remember to name the file: eye_config.yml

To use it with a single javascript file or your favorite javascript library:

eye:
  input_directory: "./"
  input_extensions: "*.html,*.js,*.jsx,*.ts,*.tsx"

  exclude_directory: ".git"
  exclude_files: ".gitignore"

  output_name: "watched_eye.css"

Note that there is not space between the file extensions to parse Next, Add "watched_eye.css" to the head tag of your base html file.

<link rel="stylesheet" href="watched_eye.css"/>

Once installed, run the following command in your terminal

python -m eye_css "path to eye_config.yml"

Eye css will automatically watch and style your file once you make changes to the defined extensions from eye_config.yml.

Note: eye css will not automatically reload your browser or web page on file change, it leaves that functionality to existing implementation of such. Examples: htmx, angular, react, vue, svelte and other existing web frameworks.

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

eye_css-0.1.6.tar.gz (46.1 kB view details)

Uploaded Source

Built Distribution

eye_css-0.1.6-py3-none-any.whl (44.4 kB view details)

Uploaded Python 3

File details

Details for the file eye_css-0.1.6.tar.gz.

File metadata

  • Download URL: eye_css-0.1.6.tar.gz
  • Upload date:
  • Size: 46.1 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/4.0.1 CPython/3.11.0

File hashes

Hashes for eye_css-0.1.6.tar.gz
Algorithm Hash digest
SHA256 bcdf4623dcc8a052f16671cfa325093aff23cc616b13194a8011cfa6c143e1a2
MD5 46c33b010bb13e3ef60c52bcd0e15401
BLAKE2b-256 74ee2d1d641a8c7bc741c7db547fb2e015ed2ed38420b13d26838c92c75acc03

See more details on using hashes here.

File details

Details for the file eye_css-0.1.6-py3-none-any.whl.

File metadata

  • Download URL: eye_css-0.1.6-py3-none-any.whl
  • Upload date:
  • Size: 44.4 kB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/4.0.1 CPython/3.11.0

File hashes

Hashes for eye_css-0.1.6-py3-none-any.whl
Algorithm Hash digest
SHA256 4712fa03686188b426de9472a2522c845bc19f31b05873bc480a5aa5e1c0adfd
MD5 631221d567cdef56008d61529fca679f
BLAKE2b-256 270a4add8033def82e1a63c31fb1f1603370ec25d45cb963349b81d93592bc29

See more details on using hashes here.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page