https://github.com/block-foundation/stylescape

Stylescape

https://github.com/block-foundation/stylescape

Science Score: 18.0%

This score indicates how likely this project is to be science-related based on various indicators:

  • CITATION.cff file
    Found CITATION.cff file
  • codemeta.json file
  • .zenodo.json file
  • DOI references
  • Academic publication links
  • Academic email domains
  • Institutional organization owner
  • JOSS paper metadata
  • Scientific vocabulary similarity
    Low similarity (12.3%) to scientific vocabulary
Last synced: 10 months ago · JSON representation ·

Repository

Stylescape

Basic Info
  • Host: GitHub
  • Owner: block-foundation
  • License: cc-by-sa-4.0
  • Language: SCSS
  • Default Branch: main
  • Homepage: https://www.scape.style
  • Size: 33.5 MB
Statistics
  • Stars: 0
  • Watchers: 0
  • Forks: 0
  • Open Issues: 0
  • Releases: 0
Fork of scape-agency/stylescape
Created almost 3 years ago · Last pushed almost 3 years ago
Metadata Files
Readme Changelog Contributing Funding License Code of conduct Citation Codeowners Security

README.md

Scape Agency Logo

Stylescape

A powerful design framework for concise and high-quality web development.

Stylescape is a modular, scalable, and customizable design framework written in SCSS and TypeScript, aimed to bridge the gap between visual design and code. It provides a robust toolkit for creating elegant and consistent web experiences quickly and efficiently.


Table of Contents


Features

  • Visual Consistency: A unified design language across all components for brand integrity.

  • Modular Architecture: Import only what you need for lighter, faster websites.

  • Client Alignment: Transform initial stylescapes into functional code easily.

  • Streamlined Workflow: In-built responsiveness, themes, and accessibility features.

  • Scalable & Maintainable: Built with SCSS and TypeScript for robustness and ease of use.


Requirements

  • Node.js v14 or above
  • npm v6 or above

Installation

You can install Stylescape using npm:

bash npm install stylescape

Or via unpkg:

html <link rel="stylesheet" href="https://unpkg.com/stylescape@0.0.10/dist/css/stylescape.css">


Getting Started

After installing, you can include Stylescape's SCSS and TypeScript files into your project:

javascript import 'stylescape/dist/stylescape.css'; import 'stylescape/dist/stylescape.js';


Documentation

For more detailed setup and usage instructions, refer to our official website: scape.style.


Contribution

Contributions are always welcome! See CONTRIBUTING.md for ways to get started.


Made with ❤️ by Scape Agency. Visit us at scape.agency.

Owner

  • Name: Block Foundation
  • Login: block-foundation
  • Kind: organization
  • Email: info@blockfoundation.io
  • Location: Netherlands

The Block Foundation mission is enabling architects to take back initiative and contribute in solving the mismatch in housing through blockchain technology.

Citation (CITATION.cff)

cff-version: 1.2.0
title: stylescape
version: 0.0.0
date-released: 2023-01-01
url: "https://github.com/scape-agency/stylescape"
message: >-
  If you use Stylescape, please cite it using
  the metadata from this file.
type: software
authors:
  - given-names: Lars Bastiaan
    family-names: van Vianen
    email: lars@scape.agency
    affiliation: Scape Agency
    orcid: 'https://orcid.org/0000-0002-8790-8630'

GitHub Events

Total
Last Year

Dependencies

.github/workflows/deploy_docs.yml actions
  • actions/checkout v3 composite
  • actions/setup-python v4 composite
.github/workflows/node.js.yml actions
  • actions/checkout v3 composite
  • actions/setup-node v3 composite
.github/workflows/npm-publish.yml actions
  • actions/checkout v3 composite
  • actions/setup-node v3 composite
.devcontainer/Dockerfile docker
  • ubuntu 22.04 build
.devcontainer/docker-compose.yml docker
package-lock.json npm
  • anymatch 3.1.3 development
  • binary-extensions 2.2.0 development
  • braces 3.0.2 development
  • chokidar 3.5.3 development
  • fill-range 7.0.1 development
  • fsevents 2.3.2 development
  • glob-parent 5.1.2 development
  • immutable 4.1.0 development
  • is-binary-path 2.1.0 development
  • is-extglob 2.1.1 development
  • is-glob 4.0.3 development
  • is-number 7.0.0 development
  • normalize-path 3.0.0 development
  • picomatch 2.3.1 development
  • readdirp 3.6.0 development
  • sass 1.57.1 development
  • source-map-js 1.0.2 development
  • to-regex-range 5.0.1 development
  • typescript 4.9.4 development
package.json npm
  • sass ^1.56.2 development
  • typescript ^4.9.4 development