SketchStrap

KO | EN

gitlite — search

#hacktoberfest #ai #typescript #llm #machine-learning #deep-learning #macos #java #windows #awesome #cli #awesome-list #vue #openai

(★ 43)

SketchStrap - Bootstrap customizer

SketchStrap 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## SketchStrap

![SketchStrap](https://sketchstrap.io/assets/images/facebooklogo.png)

Sketch file with a full package of Bootstrap components. We have __21 artboards__, __340 components__, and more. Learn about rest of features on [sketchstrap.io](https://sketchstrap.io).

### Overview

SketchStrap component kit has been prepared to get along with plugins that complementing SketchStrap bundle. Please, remember that some part of sketch file (like naming schema, element hierarchy and construction methods) are dictated by compatibility.

### How to install
[Download your copy of package](https://github.com/SketchStrap/SketchStrap/archive/master.zip) and unzip it. You will have in there __two__ major files: `SketchStrap.sketchplugin` and `control-panel.sketch`.
1. Install your `SketchStrap.sketchplugin` by moving it to your Sketch plugin folder. This folder can be found by using `Plugin > Manage Plugins... > ⚙ > Reveal Plugins Folder`.
2. Now you can use `control-panel.sketch` file as you need. After changes in control-panel page you can populate changes through whole file using our __Update__ plugin.

### SketchStrap.sketchplugin
In this repo we are sharing part of our Sketch plugin that is required to work with SketchStrap UI kit. To get the full experience of SketchStrap check our subscription plans on [sketchstrap.io](https://sketchstrap.io).

### Tech spec
#### Why not symbols?
Symbols are great, but we want to as soon as possible - in project life cycle - take the adventage and be in sync with Bootstrap Stylesheets. We created plugins that allow to share just property values - as CSS does. So please, use our magic __naming system__.
#### Naming system
To be able to share properties like fill, text color, border radius and color we invented few rules of notation.
- Groups or elements not in sync should be named like HTML elements with `>` prefix - e.g. `p.card-text`
- Synced elements name should be prefixed with `_` char and suffixed with all properties we want to apply in round brackets, e.g.
```
_btn(fill:$primary; border-radius:$border-radius;)
```
- We can use properties like: __fill__, __border-radius__, __border-color__.
- Values should be prefixed with `$` char and contain name of variable from "Control Panel" page.

#### Hierarchy of elements
We build groups as containers to imitate actual Bootstrap hierarchy.

### Copyright and license
Copyright 2018 Jazzy Innovations. Resources released under the MIT license. There is only one limitation you can't re-distribute the SketchStrap as stock. You can’t do this if you modify the SketchStrap.

---
*Made with love by [Jazzy Innovations](https://jazzy.pro)*

SketchStrap

SketchStrap 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

SketchStrap

SketchStrap 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README