stylescape

Stylescape Design Framework

https://github.com/stylescape/stylescape

Science Score: 44.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
    Found codemeta.json file
  • .zenodo.json file
    Found .zenodo.json file
  • DOI references
  • Academic publication links
  • Committers with academic emails
  • Institutional organization owner
  • JOSS paper metadata
  • Scientific vocabulary similarity
    Low similarity (8.4%) to scientific vocabulary

Keywords

css css-framework css3 design design-framework design-system framework graphic-language html html5 javascript sass scss scss-framework style stylescape typescipt typescript

Keywords from Contributors

interactive sitemap favicon earthobservation network-simulation hacking optim projection generic sequences
Last synced: 4 months ago · JSON representation ·

Repository

Stylescape Design Framework

Basic Info
  • Host: GitHub
  • Owner: stylescape
  • License: mit
  • Language: HTML
  • Default Branch: dev
  • Homepage: https://scape.style
  • Size: 63.6 MB
Statistics
  • Stars: 0
  • Watchers: 2
  • Forks: 6
  • Open Issues: 5
  • Releases: 62
Topics
css css-framework css3 design design-framework design-system framework graphic-language html html5 javascript sass scss scss-framework style stylescape typescipt typescript
Created almost 3 years ago · Last pushed 4 months ago
Metadata Files
Readme Changelog Contributing Funding License Code of conduct Citation Codeowners Security Authors

README.md

Stylescape Logo

stylescape

design framework


[![Website](https://img.shields.io/website?url=https%3A%2F%2Fwww.scape.style&up_message=Up&up_color=%23000000&down_message=Down&down_color=%23000000&style=flat-square&logo=Firefox&logoColor=FFFFFF&label=Website&labelColor=%23000000&color=%23000000) ](https://www.scape.style) [![NPM Version](https://img.shields.io/npm/v/stylescape?style=flat-square&logo=npm&logoColor=FFFFFF&label=NPM&labelColor=%23000000&color=%23000000&link=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fstylescape)](https://www.npmjs.com/package/stylescape) [![devContainer](https://img.shields.io/badge/devContainer-23354351?style=flat-square&logo=Docker&logoColor=%23FFFFFF&labelColor=%23000000&color=%23000000)](https://vscode.dev/redirect?url=vscode://ms-vscode-remote.remote-containers/cloneInVolume?url=https://github.com/stylescape/stylescape) [![StackBlitz](https://img.shields.io/badge/StackBlitz-23354351?style=flat-square&logo=StackBlitz&logoColor=%23FFFFFF&labelColor=%23000000&color=%23000000)](https://stackblitz.com/github/stylescape/stylescape/tree/main?file=src%2Findex.html) [![GitHub License](https://img.shields.io/github/license/stylescape/stylescape?style=flat-square&logo=readthedocs&logoColor=FFFFFF&label=&labelColor=%23000000&color=%23000000&link=LICENSE)](https://github.com/stylescape/stylescape/blob/main/LICENSE)
[![Report a Bug](https://img.shields.io/badge/Report%20a%20Bug-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23D2D9DF)](https://github.com/stylescape/stylescape/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=bug_report.yml) [![Request a Feature](https://img.shields.io/badge/Request%20a%20Feature-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23D2D9DF)](https://github.com/stylescape/stylescape/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=feature_request.yml) [![Ask a Question](https://img.shields.io/badge/Ask%20a%20Question-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23D2D9DF)](https://github.com/stylescape/stylescape/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=question.yml) [![Make a Suggestion](https://img.shields.io/badge/Make%20a%20Suggestion-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23D2D9DF)](https://github.com/stylescape/stylescape/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=suggestion.yml) [![Start a Discussion](https://img.shields.io/badge/Start%20a%20Discussion-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23D2D9DF)](https://github.com/stylescape/stylescape/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=discussion.yml)


Design framework for concise and high-quality web development

Stylescape is a modular, scalable, and customizable design framework dedicated to streamlining style and layout design for both web and print media. Written in SCSS and TypeScript, it aimes to bridge the gap between visual design and code. Whether you’re a designer or developer, Stylescape provides a robust toolkit that empowers you to create harmonious, scalable, and accessible designs efficiently.


Quickstart

Installation

You can install Stylescape using npm:

bash npm i stylescape

Or directly import via unpkg:

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

Getting Started

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

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


Documentation

For 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

Owner

  • Name: Stylescape
  • Login: stylescape
  • Kind: organization

Design Framework

Citation (CITATION.cff)

cff-version: 1.2.0
title: stylescape
version: 0.1.49
date-released: 2024-07-01
url: "https://github.com/stylescape/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
  • Create event: 168
  • Issues event: 10
  • Release event: 28
  • Delete event: 136
  • Member event: 2
  • Issue comment event: 138
  • Push event: 305
  • Pull request event: 272
Last Year
  • Create event: 168
  • Issues event: 10
  • Release event: 28
  • Delete event: 136
  • Member event: 2
  • Issue comment event: 138
  • Push event: 305
  • Pull request event: 272

Committers

Last synced: 7 months ago

All Time
  • Total Commits: 1,373
  • Total Committers: 5
  • Avg Commits per committer: 274.6
  • Development Distribution Score (DDS): 0.266
Past Year
  • Commits: 1,017
  • Committers: 5
  • Avg Commits per committer: 203.4
  • Development Distribution Score (DDS): 0.337
Top Committers
Name Email Commits
Lars van Vianen l****s@v****m 1,008
dependabot[bot] 4****] 231
Kerem 5****s 124
Sander Boer s****r@m****l 7
Jim van Hekke j****m@v****l 3
Committer Domains (Top 20 + Academic)

Issues and Pull Requests

Last synced: 4 months ago

All Time
  • Total issues: 9
  • Total pull requests: 240
  • Average time to close issues: 3 months
  • Average time to close pull requests: 1 day
  • Total issue authors: 3
  • Total pull request authors: 2
  • Average comments per issue: 0.0
  • Average comments per pull request: 1.05
  • Merged pull requests: 220
  • Bot issues: 0
  • Bot pull requests: 239
Past Year
  • Issues: 9
  • Pull requests: 217
  • Average time to close issues: 3 months
  • Average time to close pull requests: 1 day
  • Issue authors: 3
  • Pull request authors: 1
  • Average comments per issue: 0.0
  • Average comments per pull request: 1.05
  • Merged pull requests: 199
  • Bot issues: 0
  • Bot pull requests: 217
Top Authors
Issue Authors
  • dependabot[bot] (6)
  • keremsoybakis (5)
  • vanvianen (2)
  • jim-vh (2)
Pull Request Authors
  • dependabot[bot] (347)
  • vanvianen (3)
Top Labels
Issue Labels
bug (5)
Pull Request Labels

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
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