mirror of https://github.com/astrit/css.gg.git
🚀 2.0
This commit is contained in:
astrit
parent
d891ba9e25
commit
82b260c1da
12
CHANGELOG.md
12
CHANGELOG.md
|
|
@ -1,3 +1,12 @@
|
||||||
|
### 2.0: 2020-04-23
|
||||||
|
* 🔥 200 New Icons
|
||||||
|
* 🔥 SVG Icons by Lona
|
||||||
|
* 🔥 SVG Sprite by Lona
|
||||||
|
* 🔥 Styled Components - ⚛️ React JS
|
||||||
|
* 🔥 Local Styled Components
|
||||||
|
* 🔥 Figma Components - https://css.gg/fig
|
||||||
|
* 🔥 Adobe XD Components - https://css.gg/xd
|
||||||
|
|
||||||
### 1.0.6: 2020-01-15
|
### 1.0.6: 2020-01-15
|
||||||
* Icon: Dribbble - Fix: Gradient outdated direction syntax
|
* Icon: Dribbble - Fix: Gradient outdated direction syntax
|
||||||
|
|
||||||
|
|
@ -9,4 +18,5 @@
|
||||||
* Add icon Battery Full
|
* Add icon Battery Full
|
||||||
* Change Battery to 50% filled
|
* Change Battery to 50% filled
|
||||||
|
|
||||||
### 1.0.0: 2019-01-11
|
### 1.0.0: 2019-01-11
|
||||||
|
* Init
|
||||||
768
README.md
768
README.md
|
|
@ -1,60 +1,209 @@
|
||||||
# css.gg
|
# [Demo](https://css.gg) - [Figma](https://css.gg/fig) - [Twitter](https://twitter.com/astritmalsija)
|
||||||
Minimalistic Icon library Designed by code. \
|
Open-source CSS, SVG and Figma UI Icons \
|
||||||
Customizable & Retina-Ready icons entirely built in CSS.
|
Available in SVG Sprite, styled-components, NPM & API
|
||||||
|
|
||||||
Demo: https://css.gg ― Twitter: https://twitter.com/AstritMalsija ― Donate: https://github.com/sponsors/astrit
|
      
|
||||||
|
|
||||||
       
|
|
||||||
|
|
||||||
|
|
||||||
|
# New in 2.0
|
||||||
|
#### 🥳 200 New Icons
|
||||||
|
#### 🚀 SVG Icons
|
||||||
|
#### 🔥 SVG Sprite
|
||||||
|
#### 💅 Styled Components
|
||||||
|
#### ⚛️ React Local Styled Components
|
||||||
|
#### 🦄 Figma Components
|
||||||
|
#### 🔮 Adobe XD Components
|
||||||
|
|
||||||
## Features
|
# Table of Contents
|
||||||
1. API endpoint
|
* [Get Started](#get-started)
|
||||||
2. Lightweight
|
* [HTML include](#html-include)
|
||||||
3. Accessible
|
* [1. All icons](#1-all-icons)
|
||||||
4. Agile
|
* [2. Single icon](#2-single-icon)
|
||||||
5. Retina Ready
|
* [3. Collection](#3-collection)
|
||||||
6. Compilable
|
* [4. Markup](#4-markup)
|
||||||
|
* [5. Example](#5-example)
|
||||||
|
* [CSS @import](#css--import)
|
||||||
|
* [1. All icons](#1-all-icons-1)
|
||||||
|
* [2. Single icon](#2-single-icon-1)
|
||||||
|
* [3. Collection](#3-collection-1)
|
||||||
|
* [4. Resizing](#4-resizing)
|
||||||
|
* [5. Coloring](#5-coloring)
|
||||||
|
* [SVG](#svg)
|
||||||
|
* [1. SVG Sprite - Download Path](#1-svg-sprite---download-path)
|
||||||
|
* [1.1. Example](#11-example)
|
||||||
|
* [2. SVG Single Icon - Download Path](#2-svg-single-icon---download-path)
|
||||||
|
* [2.1. Example - SVG Sprite](#21-example---svg-sprite)
|
||||||
|
* [2.2. Example - Inline SVG Sprite/Symbol](#22-example---inline-svg-sprite-symbol)
|
||||||
|
* [2.3. Example Single copy/paste icon](#23-example-single-copy-paste-icon)
|
||||||
|
* [3. Encode SVG for CSS](#3-encode-svg-for-css)
|
||||||
|
* [3.1. Example - Encoded SVG for CSS icon](#31-example---encoded-svg-for-css-icon)
|
||||||
|
* [4. Coloring a SVG icon](#4-coloring-a-svg-icon)
|
||||||
|
* [4.1. Directly on the icon](#41-directly-on-the-icon)
|
||||||
|
* [4.2. using class](#42-using-class)
|
||||||
|
* [JSON - paths](#json---paths)
|
||||||
|
* [1. All icons](#1-all-icons-2)
|
||||||
|
* [2. Single icon](#2-single-icon-2)
|
||||||
|
* [3. Collection](#3-collection-2)
|
||||||
|
* [XML - paths](#xml---paths)
|
||||||
|
* [1. All icons](#1-all-icons-3)
|
||||||
|
* [2. Single icon](#2-single-icon-3)
|
||||||
|
* [3. Collection](#3-collection-3)
|
||||||
|
* [React](#react)
|
||||||
|
* [1. Styled Components](#1-styled-components---)
|
||||||
|
* [2. Local Single Icon as `styled-component`](#2-local-single-icon-as--styled-component-)
|
||||||
|
* [2.1. Copy directly from the page](#21-copy-directly-from-the-page)
|
||||||
|
* [2.2. Local Component Example](#22-local-component-example)
|
||||||
|
* [3. SVG Sprite method](#3-svg-sprite-method)
|
||||||
|
* [4. All CSS icons](#4-all-css-icons)
|
||||||
|
* [4.1. Single CSS icon](#41-single-css-icon)
|
||||||
|
* [5. All SCSS icons](#5-all-scss-icons)
|
||||||
|
* [5.1. Single SCSS icon](#51-single-scss-icon)
|
||||||
|
* [6. Combined import SVG, CSS, SCSS etc.](#6-combined-import-svg-css-scss-etc)
|
||||||
|
* [Design Tools](#design-tools)
|
||||||
|
* [1. Figma](#1-figma---httpscssggfig)
|
||||||
|
* [2. Adobe XD](#2-adobe-xd---httpscssggxd)
|
||||||
|
* [Contributors](#contributors)
|
||||||
|
* [Donate](#donate)
|
||||||
|
* [Support](#support)
|
||||||
|
* [v.1.0.6 or older](#v106-or-older)
|
||||||
|
* [TODO:](#todo)
|
||||||
|
|
||||||
|
# Get Started
|
||||||
## Getting started
|
Install the latest version via npm or yarn
|
||||||
Access all the icons as package:
|
```shell
|
||||||
|
npm i css.gg
|
||||||
| Name | Source |
|
|
||||||
| ------------ | ---------------------- |
|
|
||||||
| CLI | npm i -S css.gg |
|
|
||||||
| CSS | https://css.gg/c |
|
|
||||||
| JSON | https://css.gg/json |
|
|
||||||
| XML | https://css.gg/xml |
|
|
||||||
|
|
||||||
#### This package CDN alternatives
|
|
||||||
```
|
```
|
||||||
JSON
|
```shell
|
||||||
https://unpkg.com/css.gg
|
yarn add css.gg
|
||||||
https://cdn.jsdelivr.net/npm/css.gg
|
|
||||||
|
|
||||||
CSS
|
|
||||||
https://unpkg.com/css.gg/icons-compressed/icons.css
|
|
||||||
https://cdn.jsdelivr.net/npm/css.gg/icons-compressed/icons.css
|
|
||||||
|
|
||||||
XML
|
|
||||||
https://unpkg.com/css.gg/icons-xml/icons.xml
|
|
||||||
https://cdn.jsdelivr.net/npm/css.gg/icons-xml/icons.xml
|
|
||||||
```
|
```
|
||||||
|
|
||||||
|
Using Package Manager \
|
||||||
|
This package contains the following directories and files:
|
||||||
|
|
||||||
## Add icons in your project
|
|
||||||
|
|
||||||
#### 1. Markup
|
| Path | What it is |
|
||||||
The class name starts always with "gg-" followed by icon name.
|
| :-| :-|
|
||||||
|
| /css | individual *.css icons |
|
||||||
|
| /scss | individual *.scss icons |
|
||||||
|
| /svg | individual *.svg icons |
|
||||||
|
| /tsx | individual *.tsx icons `styled-components` |
|
||||||
|
| /all.css | all icons compressed in a single file |
|
||||||
|
| /all.d.ts | `styled-components` |
|
||||||
|
| /all.fig | local figma file same as https://css.gg/fig |
|
||||||
|
| /all.js | list of exported `styled-components` |
|
||||||
|
| /all.js.map | `styled-components` |
|
||||||
|
| /all.json | all icons *.css, *.svg, *.tsx including markup & public path |
|
||||||
|
| /all.scss | all icons in a single SCSS file `npm i node-sass` needed |
|
||||||
|
| /all.svg | SVG Sprite with all icons |
|
||||||
|
| /all.xd | local adobe xd file same as https://css.gg/xd |
|
||||||
|
| /all.xml | all icons *.css, *.svg, *.tsx including markup & public path |
|
||||||
|
|
||||||
|
|
||||||
|
# HTML include
|
||||||
|
#### 1. All icons
|
||||||
```html
|
```html
|
||||||
<i class="gg-icon-name"></i>
|
<!-- css.gg -->
|
||||||
|
<link href='https://css.gg/css' rel='stylesheet'>
|
||||||
|
|
||||||
|
<!-- UNPKG -->
|
||||||
|
<link href='https://unpkg.com/css.gg/icons/all.css' rel='stylesheet'>
|
||||||
|
|
||||||
|
<!-- JSDelivr -->
|
||||||
|
<link href='https://cdn.jsdelivr.net/npm/css.gg/icons/all.css' rel='stylesheet'>
|
||||||
```
|
```
|
||||||
|
|
||||||
##### Resizing
|
#### 2. Single icon
|
||||||
|
```html
|
||||||
|
<!-- css.gg -->
|
||||||
|
<link href='https://css.gg/ {ICONNAME} .css' rel='stylesheet'>
|
||||||
|
|
||||||
|
<!-- UNPKG -->
|
||||||
|
<link href='https://unpkg.com/css.gg/icons/css/ {ICONNAME} .css' rel='stylesheet'>
|
||||||
|
|
||||||
|
<!-- JSDelivr -->
|
||||||
|
<link href='https://cdn.jsdelivr.net/npm/css.gg/icons/css/ {ICONNAME} .css' rel='stylesheet'>
|
||||||
|
```
|
||||||
|
#### 3. Collection
|
||||||
|
```html
|
||||||
|
<!-- CSS Format -->
|
||||||
|
<link href='https://css.gg/css?= {ICONNAME} | {ICONNAME}' rel='stylesheet'>
|
||||||
|
```
|
||||||
|
#### 4. Markup
|
||||||
|
```html
|
||||||
|
<i class=" {ICONNAME} "></i>
|
||||||
|
|
||||||
|
<!-- reference icon using span -->
|
||||||
|
<span class=" {ICONNAME} "></span>
|
||||||
|
|
||||||
|
<!-- reference icon using div -->
|
||||||
|
<div class=" {ICONNAME} "></div>
|
||||||
|
|
||||||
|
<!-- reference icon using custom tag -->
|
||||||
|
<gg-icon class=" {ICONNAME} "></gg-icon>
|
||||||
|
```
|
||||||
|
##### 5. Example
|
||||||
|
```html
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Document</title>
|
||||||
|
|
||||||
|
<!-- You can add this link or any other CDN alternatives as mentioned above -->
|
||||||
|
<link href='https://css.gg/css' rel='stylesheet'>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Using i tag -->
|
||||||
|
<i class="gg- {ICONNAME} "></i>
|
||||||
|
|
||||||
|
<!-- Using div tag -->
|
||||||
|
<div class="gg- {ICONNAME} "></div>
|
||||||
|
|
||||||
|
<!-- Using custom tag -->
|
||||||
|
<gg-icon class="gg- {ICONNAME} "></gg-icon>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
|
# CSS @import
|
||||||
|
#### 1. All icons
|
||||||
|
```css
|
||||||
|
/* css.gg */
|
||||||
|
@import url('https://css.gg/css');
|
||||||
|
|
||||||
|
/* UNPKG */
|
||||||
|
@import url('https://unpkg.com/css.gg/icons/all.css');
|
||||||
|
|
||||||
|
/* JSDelivr */
|
||||||
|
@import url('https://cdn.jsdelivr.net/npm/css.gg/icons/all.css');
|
||||||
|
```
|
||||||
|
#### 2. Single icon
|
||||||
|
```css
|
||||||
|
/* css.gg */
|
||||||
|
@import url('https://css.gg/ {ICONNAME} .css');
|
||||||
|
|
||||||
|
/* UNPKG */
|
||||||
|
@import url('https://unpkg.com/css.gg/icons/css/ {ICONNAME} .css');
|
||||||
|
|
||||||
|
/* JSDelivr */
|
||||||
|
@import url('https://cdn.jsdelivr.net/npm/css.gg/icons/css/ {ICONNAME} .css');
|
||||||
|
```
|
||||||
|
#### 3. Collection
|
||||||
|
```css
|
||||||
|
/* css.gg */
|
||||||
|
@import url('https://css.gg/css?= {ICONNAME} | {ICONNAME}');
|
||||||
|
```
|
||||||
|
#### 4. Resizing
|
||||||
> To resize an icon you just need to change the value of a css variable "--ggs" to any value you like if not specified it falls back to 1 or the actual size.
|
> To resize an icon you just need to change the value of a css variable "--ggs" to any value you like if not specified it falls back to 1 or the actual size.
|
||||||
```css
|
```css
|
||||||
.gg-icon-name {
|
.gg-{ICONNAME} {
|
||||||
/* This value will multiple the actual size */
|
/* This value will multiple the actual size */
|
||||||
--ggs: 10;
|
--ggs: 10;
|
||||||
}
|
}
|
||||||
|
|
@ -62,99 +211,524 @@ The class name starts always with "gg-" followed by icon name.
|
||||||
> The variable can be added to the parent, custom class,body or root level if you want all icons same size.
|
> The variable can be added to the parent, custom class,body or root level if you want all icons same size.
|
||||||
```css
|
```css
|
||||||
:root {
|
:root {
|
||||||
|
|
||||||
--ggs: 6;
|
--ggs: 6;
|
||||||
|
}
|
||||||
|
```
|
||||||
|
#### 5. Coloring
|
||||||
|
By default all the CSS, SCSS icons inherit the color from the parent by using `currentColor` attribute how ever you can apply any color you like.
|
||||||
|
```css
|
||||||
|
.gg-{ICONNAME} {
|
||||||
|
color: teal;
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
|
# SVG
|
||||||
#### 2. Style
|
#### 1. SVG Sprite - Download Path
|
||||||
|
You can't use these paths, you must download since SVG doesn't allow external sources.
|
||||||
###### HTML
|
|
||||||
```html
|
```html
|
||||||
<!-- Uncompressed - Single Icon -->
|
<!-- css.gg -->
|
||||||
<link href='https://css.gg/icon-name.css' rel='stylesheet'>
|
https://css.gg/svg
|
||||||
|
|
||||||
<!-- Compressed - Single Icon -->
|
<!-- UNPKG -->
|
||||||
<link href='https://css.gg/c?=|icon-name' rel='stylesheet'>
|
https://unpkg.com/css.gg/icons/all.svg
|
||||||
|
|
||||||
<!-- Multiple icons -->
|
<!-- JSDelivr -->
|
||||||
<link href='https://css.gg/c?=|icon-name|icon-name|icon-name' rel='stylesheet'>
|
https://cdn.jsdelivr.net/npm/css.gg/icons/all.svg
|
||||||
|
```
|
||||||
|
##### 1.1. Example
|
||||||
|
```html
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Document</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
<!-- All icons -->
|
<!-- First copy all.svg to your project directory -->
|
||||||
<link href='https://css.gg/c' rel='stylesheet'>
|
<svg><use xlink:href="path/to/all.svg# {ICONNAME} "/></svg>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
```
|
```
|
||||||
|
|
||||||
###### CSS
|
#### 2. SVG Single Icon - Download Path
|
||||||
|
```html
|
||||||
|
<!-- css.gg -->
|
||||||
|
https://css.gg/ {ICONNAME} .svg
|
||||||
|
|
||||||
|
<!-- UNPKG -->
|
||||||
|
https://unpkg.com/css.gg/icons/svg/ {ICONNAME} .svg
|
||||||
|
|
||||||
|
<!-- JSDelivr -->
|
||||||
|
https://cdn.jsdelivr.net/npm/css.gg/icons/svg/ {ICONNAME} .svg
|
||||||
|
```
|
||||||
|
##### 2.1. Example - SVG Sprite
|
||||||
|
```html
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Document</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- First copy all.svg to your project directory -->
|
||||||
|
<svg><use xlink:href="path/to/all.svg# {ICONNAME} "/></svg>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
```
|
||||||
|
##### 2.2. Example - Inline SVG Sprite/Symbol
|
||||||
|
You can add as symbol each or copy the entire file contents at one of the CDN alternatives as mentioned at 2.1
|
||||||
|
```html
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Document</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;" >
|
||||||
|
<symbol id="{ICONNAME}">
|
||||||
|
<!-- here goes the icon path -->
|
||||||
|
</symbol>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
<!-- Afterward you can call the icons by id like this: -->
|
||||||
|
<svg><use xlink:href="# {ICONNAME} "/></svg>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
```
|
||||||
|
|
||||||
|
#### 2.3. Example Single copy/paste icon
|
||||||
|
You can go to `https://css.gg/{ICONNAME}` and copy the SVG icon directy and paste it on your project. \
|
||||||
|
You can also download a single icon by just visiting `https://css.gg/{ICONNAME}.svg`
|
||||||
|
```html
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Document</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Just paste it where you want the icon to be -->
|
||||||
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M9 13H15V17H9V13Z" fill="currentColor" fill-opacity="0.5" /> <path d="M6 7H18V11H6V7Z" fill="currentColor" /> </svg>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
```
|
||||||
|
|
||||||
|
#### 3. Encode SVG for CSS
|
||||||
|
You need to define width and height in order for this to work.
|
||||||
|
Afterwards you can just create a div
|
||||||
|
|
||||||
```css
|
```css
|
||||||
/* Uncompressed - Single icon */
|
.gg-{ICONNAME} {
|
||||||
@import url('https://css.gg/icon-name.css');
|
|
||||||
|
|
||||||
/* Compressed - Single icon*/
|
background-image:
|
||||||
@import url('https://css.gg/c?=|icon-name');
|
url("data:image/svg+xml,<svg></svg>");
|
||||||
|
|
||||||
/* Multiple icons */
|
}
|
||||||
@import url('https://css.gg/c?=|icon-name|icon-name|icon-name');
|
```
|
||||||
|
> To encode use this tool \
|
||||||
|
https://yoksel.github.io/url-encoder/
|
||||||
|
|
||||||
/* All icons */
|
#### 3.1. Example - Encoded SVG for CSS icon
|
||||||
@import url('https://css.gg/c');
|
```html
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Document</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Using i tag -->
|
||||||
|
<i class="gg- {ICONNAME} "></i>
|
||||||
|
|
||||||
|
<!-- Using div tag -->
|
||||||
|
<div class="gg- {ICONNAME} "></div>
|
||||||
|
|
||||||
|
<!-- Using custom tag -->
|
||||||
|
<gg-icon class="gg- {ICONNAME} "></gg-icon>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
```
|
||||||
|
#### 4. Coloring a SVG icon
|
||||||
|
By default all colors use `currentColor` as value in order to inherit the color from the parent. \
|
||||||
|
If you wish to change that color you can do the following.
|
||||||
|
#### 4.1. Directly on the icon
|
||||||
|
```html
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Document</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<svg><path fill=" {COLOR} " /></svg>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
```
|
```
|
||||||
|
|
||||||
## API Reference
|
#### 4.2. using class
|
||||||
#### 1. Access data on .json format
|
```html
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Document</title>
|
||||||
|
|
||||||
###### All data - Single Icon
|
<style>
|
||||||
```
|
/* 1. You define the CSS class like this: */
|
||||||
https://css.gg/json?=|icon-name
|
|
||||||
```
|
.custom__color path {
|
||||||
###### All data - Multiple Icons
|
color: teal;
|
||||||
```
|
}
|
||||||
https://css.gg/json?=|icon-name|icon-name|icon-name
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- 2. After that you have to apply the class to the icon -->
|
||||||
|
<svg class="custom__color"><path /></svg>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
```
|
```
|
||||||
|
|
||||||
### Return style & markup only
|
# JSON - paths
|
||||||
|
#### 1. All icons
|
||||||
|
```html
|
||||||
|
<!-- All attributes -->
|
||||||
|
https://css.gg/json
|
||||||
|
|
||||||
You need to specify in the end of url if you wish to pull only style or markup by using **`&op=css`** or **`&op=css+markup`** variables respectively.
|
<!-- Only Style -->
|
||||||
|
https://css.gg/json?=&op=css
|
||||||
|
|
||||||
|
<!-- Style & Markup -->
|
||||||
|
https://css.gg/json?=&op=css+markup
|
||||||
|
|
||||||
#### e.g Single Icon
|
<!-- UNPKG -->
|
||||||
###### Style
|
https://unpkg.com/css.gg/icons/all.json
|
||||||
|
|
||||||
|
<!-- JSDelivr -->
|
||||||
|
https://cdn.jsdelivr.net/npm/css.gg/icons/all.json
|
||||||
```
|
```
|
||||||
https://css.gg/json?=|icon-name&op=css
|
#### 2. Single icon
|
||||||
|
```html
|
||||||
|
<!-- All attributes -->
|
||||||
|
https://css.gg/json?= {ICONNAME}
|
||||||
|
|
||||||
|
<!-- Only Style -->
|
||||||
|
https://css.gg/json?= {ICONNAME} &op=css
|
||||||
|
|
||||||
|
<!-- Style & Markup -->
|
||||||
|
https://css.gg/json?= {ICONNAME} &op=css+markup
|
||||||
|
|
||||||
|
<!-- No CDN Alternatives -->
|
||||||
|
```
|
||||||
|
#### 3. Collection
|
||||||
|
```html
|
||||||
|
<!-- All attributes -->
|
||||||
|
https://css.gg/json?= {ICONNAME} | {ICONNAME}
|
||||||
|
|
||||||
|
<!-- Only Style -->
|
||||||
|
https://css.gg/json?= {ICONNAME} | {ICONNAME} &op=css
|
||||||
|
|
||||||
|
<!-- Style & Markup -->
|
||||||
|
https://css.gg/json?= {ICONNAME} | {ICONNAME} &op=css+markup
|
||||||
|
|
||||||
|
<!-- No CDN Alternatives -->
|
||||||
|
```
|
||||||
|
# XML - paths
|
||||||
|
#### 1. All icons
|
||||||
|
```html
|
||||||
|
<!-- All attributes -->
|
||||||
|
https://css.gg/xml
|
||||||
|
|
||||||
|
<!-- Only Style -->
|
||||||
|
https://css.gg/xml?=&op=css
|
||||||
|
|
||||||
|
<!-- Style & Markup -->
|
||||||
|
https://css.gg/xml?=&op=css+markup
|
||||||
|
|
||||||
|
<!-- UNPKG -->
|
||||||
|
https://unpkg.com/css.gg/icons/all.xml
|
||||||
|
|
||||||
|
<!-- JSDelivr -->
|
||||||
|
https://cdn.jsdelivr.net/npm/css.gg/icons/all.xml
|
||||||
|
```
|
||||||
|
#### 2. Single icon
|
||||||
|
```html
|
||||||
|
<!-- All attributes -->
|
||||||
|
https://css.gg/xml?= {ICONNAME}
|
||||||
|
|
||||||
|
<!-- Only Style -->
|
||||||
|
https://css.gg/xml?= {ICONNAME} &op=css
|
||||||
|
|
||||||
|
<!-- Style & Markup -->
|
||||||
|
https://css.gg/xml?= {ICONNAME} &op=css+markup
|
||||||
|
|
||||||
|
<!-- No CDN Alternatives -->
|
||||||
|
```
|
||||||
|
#### 3. Collection
|
||||||
|
```html
|
||||||
|
<!-- All attributes -->
|
||||||
|
https://css.gg/xml?= {ICONNAME} | {ICONNAME}
|
||||||
|
|
||||||
|
<!-- Only Style -->
|
||||||
|
https://css.gg/xml?= {ICONNAME} | {ICONNAME} &op=css
|
||||||
|
|
||||||
|
<!-- Style & Markup -->
|
||||||
|
https://css.gg/xml?= {ICONNAME} | {ICONNAME} &op=css+markup
|
||||||
|
|
||||||
|
<!-- No CDN Alternatives -->
|
||||||
|
```
|
||||||
|
# React
|
||||||
|
On a React project you can include a single icon as CSS, Styled Component, SCSS, SVG or call the contents using .json or .xml files.
|
||||||
|
\
|
||||||
|
Note that only `styled-components` icons can be called directly such as:
|
||||||
|
```js
|
||||||
|
import { ICONNAME } from 'css.gg'
|
||||||
```
|
```
|
||||||
|
|
||||||
###### Style & Markup
|
#### 1. Styled Components 💅
|
||||||
|
After you install the package by using `npm i css.gg` or `yarn add css.gg` you can add a single icon like this:
|
||||||
|
```js
|
||||||
|
import React from 'react'
|
||||||
|
import { ICONNAME } from 'css.gg'
|
||||||
|
|
||||||
|
export default function() {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<ICONNAME />
|
||||||
|
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
```
|
```
|
||||||
https://css.gg/json?=|icon-name&op=css+markup
|
#### 2. Local Single Icon as `styled-component`
|
||||||
|
If you need to download a single `typescript` or `styled-componment` format icon without downloading the entire package just visit the link like this:
|
||||||
|
```html
|
||||||
|
https://css.gg/{ICONNAME}.tsx
|
||||||
|
```
|
||||||
|
#### 2.1. Copy directly from the page
|
||||||
|
If you don't want to download at all but just copy paste visit the icon page and you have a special tab for it.
|
||||||
|
```html
|
||||||
|
https://css.gg/{ICONNAME}
|
||||||
|
```
|
||||||
|
#### 2.2. Local Component Example
|
||||||
|
```js
|
||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
// local path
|
||||||
|
import { ICONNAME } from "./ {ICONNAME} "
|
||||||
|
|
||||||
|
function App() {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<ICONNAME />
|
||||||
|
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default App;
|
||||||
|
```
|
||||||
|
#### 3. SVG Sprite method
|
||||||
|
```js
|
||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
// Import function from package
|
||||||
|
import { SVG } from 'css.gg'
|
||||||
|
|
||||||
|
function App() {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<svg width="24" height="24"><use xlinkHref={SVG + '#gg-ICONNAME'} /></svg>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default App;
|
||||||
```
|
```
|
||||||
|
|
||||||
#### e.g Multiple Icons
|
#### 4. All CSS icons
|
||||||
|
```js
|
||||||
|
import React from 'react';
|
||||||
|
|
||||||
###### Style
|
// Import function from package
|
||||||
```
|
import { CSS } from 'css.gg'
|
||||||
https://css.gg/json?=|icon-name|icon-name|icon-name&op=css
|
|
||||||
|
function App() {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<!-- Using i tag -->
|
||||||
|
<i className="gg- {ICONNAME} "></i>
|
||||||
|
|
||||||
|
<!-- Using div tag -->
|
||||||
|
<div className="gg- {ICONNAME} "></div>
|
||||||
|
|
||||||
|
<!-- Using custom tag -->
|
||||||
|
<gg-icon className="gg- {ICONNAME} "></gg-icon>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default App;
|
||||||
```
|
```
|
||||||
|
|
||||||
###### Style & Markup
|
#### 4.1. Single CSS icon
|
||||||
```
|
```js
|
||||||
https://css.gg/json?=|icon-name|icon-name|icon-name&op=css+markup
|
import React from 'react';
|
||||||
|
|
||||||
|
// Import path from package
|
||||||
|
import 'css.gg/icons/css/ {ICONNAME} .css'
|
||||||
|
|
||||||
|
function App() {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<!-- Using i tag -->
|
||||||
|
<i className="gg- {ICONNAME} "></i>
|
||||||
|
|
||||||
|
<!-- Using div tag -->
|
||||||
|
<div className="gg- {ICONNAME} "></div>
|
||||||
|
|
||||||
|
<!-- Using custom tag -->
|
||||||
|
<gg-icon className="gg- {ICONNAME} "></gg-icon>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default App;
|
||||||
```
|
```
|
||||||
|
|
||||||
#### 2. Access data on .xml format
|
#### 5. All SCSS icons
|
||||||
> All the above options apply to **xml** format.
|
SCSS format to work you need to have `node-sass` installed `npm i node-sass`
|
||||||
|
```js
|
||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
// Import function from package
|
||||||
|
import { SCSS } from 'css.gg'
|
||||||
|
|
||||||
|
function App() {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<!-- Using i tag -->
|
||||||
|
<i className="gg- {ICONNAME} "></i>
|
||||||
|
|
||||||
|
<!-- Using div tag -->
|
||||||
|
<div className="gg- {ICONNAME} "></div>
|
||||||
|
|
||||||
|
<!-- Using custom tag -->
|
||||||
|
<gg-icon className="gg- {ICONNAME} "></gg-icon>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default App;
|
||||||
|
```
|
||||||
|
|
||||||
|
#### 5.1. Single SCSS icon
|
||||||
|
SCSS format to work you need to have `node-sass` installed `npm i node-sass`
|
||||||
|
```js
|
||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
// Import path from package
|
||||||
|
import 'css.gg/icons/scss/ {ICONNAME} .scss'
|
||||||
|
|
||||||
|
function App() {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<!-- Using i tag -->
|
||||||
|
<i className="gg- {ICONNAME} "></i>
|
||||||
|
|
||||||
|
<!-- Using div tag -->
|
||||||
|
<div className="gg- {ICONNAME} "></div>
|
||||||
|
|
||||||
|
<!-- Using custom tag -->
|
||||||
|
<gg-icon className="gg- {ICONNAME} "></gg-icon>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default App;
|
||||||
|
```
|
||||||
|
|
||||||
|
#### 6. Combined import SVG, CSS, SCSS etc.
|
||||||
|
```js
|
||||||
|
|
||||||
|
import { SVG, CSS, SCSS, ICONNAME, ICONNAME } from 'css.gg'
|
||||||
|
|
||||||
|
```
|
||||||
|
|
||||||
|
# Design Tools
|
||||||
|
#### 1. Figma - https://css.gg/fig
|
||||||
|
All icons are available as components on assets from where you can search for a sigle icon or browse categories.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#### 2. Adobe XD - https://css.gg/xd
|
||||||
|
All icons are available as components \
|
||||||
|
|
||||||
|
|
||||||
|
# Contributors
|
||||||
|
1. [Astrit](https://github.com/astrit) - Author
|
||||||
|
2. [JiangWeixian](https://github.com/jiangWeixian) - Styled Components
|
||||||
|
3. [Lona](https://www.figma.com/@lona) - Figma/SVG Design
|
||||||
|
|
||||||
|
To become a contributor do a [new pull request](https://github.com/astrit/css.gg/pulls).
|
||||||
|
|
||||||
# Donate
|
# Donate
|
||||||
| Source | Link |
|
| Source | Link |
|
||||||
| :-------------- | :----------------------------------|
|
| :-------------- | :----------------------------------|
|
||||||
| Github Sponsor | https://github.com/sponsors/astrit |
|
| Github Sponsor | https://github.com/sponsors/astrit |
|
||||||
| Open Collective | https://opencollective.com/css-gg |
|
| Open Collective | https://opencollective.com/css-gg |
|
||||||
|
| PayPal | https://paypal.me/GjonMalsijaj |
|
||||||
This project is sponsored by
|
|
||||||
|
|
||||||
[](https://api.sponsoredby.dev/link/40845c34-5b0b-4e83-86df-f9e45f4f8ebe)
|
|
||||||
|
|
||||||
# Support
|
# Support
|
||||||
1. FAQ - https://css.gg/faq
|
Discord - https://discord.gg/e7NDKFM
|
||||||
2. Discord - https://discord.gg/e7NDKFM
|
|
||||||
3. Spectrum - https://spectrum.chat/css-gg
|
# v.1.0.6 or older
|
||||||
|
In order to access older versions you can use one of the provided CDN Alternatives
|
||||||
|
```html
|
||||||
|
<!-- UNPKG - v.1.0.6 -->
|
||||||
|
https://unpkg.com/browse/css.gg@1.0.6/
|
||||||
|
|
||||||
|
<!-- JSDelivr - v.1.0.6 -->
|
||||||
|
https://cdn.jsdelivr.net/npm/css.gg@1.0.6/
|
||||||
|
```
|
||||||
|
|
||||||
|
# TODO:
|
||||||
|
1. CSS Modules
|
||||||
|
2. Angluar
|
||||||
|
3. Vue.js
|
||||||
|
|
||||||
|
If you would like to contribute feel free to do a [new pull request](https://github.com/astrit/css.gg/pulls).
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
18015
icons-scss/icons.scss
18015
icons-scss/icons.scss
File diff suppressed because it is too large
Load Diff
|
|
@ -1,30 +0,0 @@
|
||||||
# common
|
|
||||||
node_modules
|
|
||||||
|
|
||||||
# editor
|
|
||||||
.DS_Store
|
|
||||||
.vscode
|
|
||||||
|
|
||||||
# test
|
|
||||||
converage
|
|
||||||
cache
|
|
||||||
jest
|
|
||||||
|
|
||||||
# build
|
|
||||||
dist
|
|
||||||
lib
|
|
||||||
.lib
|
|
||||||
src
|
|
||||||
|
|
||||||
# log
|
|
||||||
lerna-debug.log
|
|
||||||
|
|
||||||
# types
|
|
||||||
**/*.styl.d.ts
|
|
||||||
|
|
||||||
# bin-template
|
|
||||||
lib
|
|
||||||
.lib
|
|
||||||
|
|
||||||
# react-components-lib-tempate
|
|
||||||
es
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
registry=https://registry.npmjs.org/
|
|
||||||
|
|
@ -1,31 +0,0 @@
|
||||||
*.styl
|
|
||||||
.*ignore
|
|
||||||
.npmrc
|
|
||||||
.umi/
|
|
||||||
.DS_Store
|
|
||||||
CODEOWNERS
|
|
||||||
*.ejs
|
|
||||||
src/assets
|
|
||||||
!.*.js
|
|
||||||
dist/
|
|
||||||
nginx.conf
|
|
||||||
Dockerfile
|
|
||||||
Jenkinsfile
|
|
||||||
*.png
|
|
||||||
*.xml
|
|
||||||
*.styl.d.ts
|
|
||||||
/.docz
|
|
||||||
*.json
|
|
||||||
*.md
|
|
||||||
*.sh
|
|
||||||
*.html
|
|
||||||
*.lock
|
|
||||||
*.ico
|
|
||||||
*.svg
|
|
||||||
*.info
|
|
||||||
*.afdesign
|
|
||||||
*.watchmanconfig
|
|
||||||
*.flowconfig
|
|
||||||
LICENSE
|
|
||||||
lib/
|
|
||||||
*.tpl
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
{
|
|
||||||
"printWidth": 100,
|
|
||||||
"semi": false,
|
|
||||||
"singleQuote": true,
|
|
||||||
"useTabs": false,
|
|
||||||
"tabWidth": 2,
|
|
||||||
"trailingComma": "all",
|
|
||||||
"overrides": [
|
|
||||||
{
|
|
||||||
"files": [".prettierrc", ".stylintrc"],
|
|
||||||
"options": { "parser": "json" }
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
@ -1,21 +0,0 @@
|
||||||
MIT License
|
|
||||||
|
|
||||||
Copyright (c) 2019 JW
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
|
||||||
in the Software without restriction, including without limitation the rights
|
|
||||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
||||||
copies of the Software, and to permit persons to whom the Software is
|
|
||||||
furnished to do so, subject to the following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in all
|
|
||||||
copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
||||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
||||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
||||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
||||||
SOFTWARE.
|
|
||||||
|
|
@ -1,23 +0,0 @@
|
||||||
# styled-cssgg
|
|
||||||
> styled components for [css.gg](https://github.com/astrit/css.gg)
|
|
||||||
|
|
||||||
## pre
|
|
||||||
|
|
||||||
```bash
|
|
||||||
npm install styled-cssgg --save
|
|
||||||
```
|
|
||||||
|
|
||||||
## usage
|
|
||||||
|
|
||||||
```tsx
|
|
||||||
import React from 'react'
|
|
||||||
import { Abstract } from 'styled-cssgg'
|
|
||||||
|
|
||||||
export default function() {
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
<Abstract />
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
# http://editorconfig.org
|
|
||||||
root = true
|
|
||||||
|
|
||||||
[*]
|
|
||||||
indent_style = space
|
|
||||||
indent_size = 2
|
|
||||||
end_of_line = lf
|
|
||||||
charset = utf-8
|
|
||||||
trim_trailing_whitespace = true
|
|
||||||
insert_final_newline = true
|
|
||||||
|
|
||||||
[*.md]
|
|
||||||
trim_trailing_whitespace = false
|
|
||||||
|
|
||||||
[Makefile]
|
|
||||||
indent_style = tab
|
|
||||||
|
|
@ -1,2 +0,0 @@
|
||||||
BROWSER=none
|
|
||||||
ESLINT=1
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
{
|
|
||||||
"extends": "eslint-config-umi"
|
|
||||||
}
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
|
||||||
|
|
||||||
# dependencies
|
|
||||||
/node_modules
|
|
||||||
/npm-debug.log*
|
|
||||||
/yarn-error.log
|
|
||||||
/yarn.lock
|
|
||||||
/package-lock.json
|
|
||||||
|
|
||||||
# production
|
|
||||||
/dist
|
|
||||||
|
|
||||||
# misc
|
|
||||||
.DS_Store
|
|
||||||
|
|
||||||
# umi
|
|
||||||
.umi
|
|
||||||
.umi-production
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
**/*.md
|
|
||||||
**/*.svg
|
|
||||||
**/*.ejs
|
|
||||||
**/*.html
|
|
||||||
package.json
|
|
||||||
.umi
|
|
||||||
.umi-production
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
{
|
|
||||||
"singleQuote": true,
|
|
||||||
"trailingComma": "all",
|
|
||||||
"printWidth": 100,
|
|
||||||
"overrides": [
|
|
||||||
{
|
|
||||||
"files": ".prettierrc",
|
|
||||||
"options": { "parser": "json" }
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
@ -1,25 +0,0 @@
|
||||||
import { IConfig } from 'umi-types';
|
|
||||||
|
|
||||||
// ref: https://umijs.org/config/
|
|
||||||
const config: IConfig = {
|
|
||||||
treeShaking: true,
|
|
||||||
plugins: [
|
|
||||||
// ref: https://umijs.org/plugin/umi-plugin-react.html
|
|
||||||
[
|
|
||||||
'umi-plugin-react',
|
|
||||||
{
|
|
||||||
antd: false,
|
|
||||||
dva: false,
|
|
||||||
dynamicImport: { webpackChunkName: true },
|
|
||||||
title: 'example',
|
|
||||||
dll: false,
|
|
||||||
|
|
||||||
routes: {
|
|
||||||
exclude: [/components\//],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
export default config;
|
|
||||||
|
|
@ -1,51 +0,0 @@
|
||||||
{
|
|
||||||
"private": true,
|
|
||||||
"scripts": {
|
|
||||||
"start": "umi dev",
|
|
||||||
"build": "umi build",
|
|
||||||
"test": "umi test",
|
|
||||||
"lint:es": "eslint --ext .js src mock tests",
|
|
||||||
"lint:ts": "tslint \"src/**/*.ts\" \"src/**/*.tsx\"",
|
|
||||||
"precommit": "lint-staged"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"react": "^16.8.6",
|
|
||||||
"react-dom": "^16.8.6",
|
|
||||||
"styled-cssgg": "file:.."
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@types/jest": "^23.3.12",
|
|
||||||
"@types/react": "^16.7.18",
|
|
||||||
"@types/react-dom": "^16.0.11",
|
|
||||||
"@types/react-test-renderer": "^16.0.3",
|
|
||||||
"babel-eslint": "^9.0.0",
|
|
||||||
"eslint": "^5.4.0",
|
|
||||||
"eslint-config-umi": "^1.4.0",
|
|
||||||
"eslint-plugin-flowtype": "^2.50.0",
|
|
||||||
"eslint-plugin-import": "^2.14.0",
|
|
||||||
"eslint-plugin-jsx-a11y": "^5.1.1",
|
|
||||||
"eslint-plugin-react": "^7.11.1",
|
|
||||||
"husky": "^0.14.3",
|
|
||||||
"lint-staged": "^7.2.2",
|
|
||||||
"react-test-renderer": "^16.7.0",
|
|
||||||
"tslint": "^5.12.0",
|
|
||||||
"tslint-eslint-rules": "^5.4.0",
|
|
||||||
"tslint-react": "^3.6.0",
|
|
||||||
"umi": "^2.7.0",
|
|
||||||
"umi-plugin-react": "^1.8.0",
|
|
||||||
"umi-types": "^0.3.0"
|
|
||||||
},
|
|
||||||
"lint-staged": {
|
|
||||||
"*.{ts,tsx}": [
|
|
||||||
"tslint --fix",
|
|
||||||
"git add"
|
|
||||||
],
|
|
||||||
"*.{js,jsx}": [
|
|
||||||
"eslint --fix",
|
|
||||||
"git add"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8.0.0"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 177 KiB |
|
|
@ -1,9 +0,0 @@
|
||||||
html,
|
|
||||||
body,
|
|
||||||
#root {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
import 'jest';
|
|
||||||
import BasicLayout from '..';
|
|
||||||
import React from 'react';
|
|
||||||
import renderer, { ReactTestInstance, ReactTestRenderer } from 'react-test-renderer';
|
|
||||||
|
|
||||||
describe('Layout: BasicLayout', () => {
|
|
||||||
it('Render correctly', () => {
|
|
||||||
const wrapper: ReactTestRenderer = renderer.create(<BasicLayout />);
|
|
||||||
expect(wrapper.root.children.length).toBe(1);
|
|
||||||
const outerLayer = wrapper.root.children[0] as ReactTestInstance;
|
|
||||||
expect(outerLayer.type).toBe('div');
|
|
||||||
const title = outerLayer.children[0] as ReactTestInstance;
|
|
||||||
expect(title.type).toBe('h1');
|
|
||||||
expect(title.children[0]).toBe('Yay! Welcome to umi!');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
.normal {
|
|
||||||
font-family: Georgia, sans-serif;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
font-size: 2.5rem;
|
|
||||||
font-weight: normal;
|
|
||||||
letter-spacing: -1px;
|
|
||||||
background: darkslateblue;
|
|
||||||
padding: 0.6em 0;
|
|
||||||
color: white;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
import React from 'react';
|
|
||||||
import styles from './index.css';
|
|
||||||
|
|
||||||
const BasicLayout: React.FC = props => {
|
|
||||||
return (
|
|
||||||
<div className={styles.normal}>
|
|
||||||
<h1 className={styles.title}>Yay! Welcome to umi!</h1>
|
|
||||||
{props.children}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default BasicLayout;
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
import 'jest';
|
|
||||||
import Index from '..';
|
|
||||||
import React from 'react';
|
|
||||||
import renderer, { ReactTestInstance, ReactTestRenderer } from 'react-test-renderer';
|
|
||||||
|
|
||||||
describe('Page: index', () => {
|
|
||||||
it('Render correctly', () => {
|
|
||||||
const wrapper: ReactTestRenderer = renderer.create(<Index />);
|
|
||||||
expect(wrapper.root.children.length).toBe(1);
|
|
||||||
const outerLayer = wrapper.root.children[0] as ReactTestInstance;
|
|
||||||
expect(outerLayer.type).toBe('div');
|
|
||||||
expect(outerLayer.children.length).toBe(2);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
.normal {
|
|
||||||
font-family: Georgia, sans-serif;
|
|
||||||
margin-top: 4em;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.welcome {
|
|
||||||
height: 328px;
|
|
||||||
background: url(../assets/yay.jpg) no-repeat center 0;
|
|
||||||
background-size: 388px 328px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list {
|
|
||||||
font-size: 1.2em;
|
|
||||||
margin-top: 1.8em;
|
|
||||||
list-style: none;
|
|
||||||
line-height: 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list code {
|
|
||||||
background: #f7f7f7;
|
|
||||||
}
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
import React from 'react';
|
|
||||||
import styles from './index.css';
|
|
||||||
import { Abstract } from 'styled-cssgg';
|
|
||||||
|
|
||||||
export default function() {
|
|
||||||
return (
|
|
||||||
<div className={styles.normal}>
|
|
||||||
<Abstract />
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
@ -1,17 +0,0 @@
|
||||||
{
|
|
||||||
"compilerOptions": {
|
|
||||||
"target": "esnext",
|
|
||||||
"module": "esnext",
|
|
||||||
"moduleResolution": "node",
|
|
||||||
"importHelpers": true,
|
|
||||||
"jsx": "react",
|
|
||||||
"esModuleInterop": true,
|
|
||||||
"sourceMap": true,
|
|
||||||
"baseUrl": ".",
|
|
||||||
"strict": true,
|
|
||||||
"paths": {
|
|
||||||
"@/*": ["src/*"]
|
|
||||||
},
|
|
||||||
"allowSyntheticDefaultImports": true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
defaultSeverity: error
|
|
||||||
extends:
|
|
||||||
- tslint-react
|
|
||||||
- tslint-eslint-rules
|
|
||||||
jsRules:
|
|
||||||
rules:
|
|
||||||
eofline: true
|
|
||||||
no-console: true
|
|
||||||
no-construct: true
|
|
||||||
no-debugger: true
|
|
||||||
no-reference: true
|
|
||||||
|
|
@ -1,2 +0,0 @@
|
||||||
declare module '*.css';
|
|
||||||
declare module '*.png';
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
module.exports = {
|
|
||||||
cacheDirectory: './jest/cache',
|
|
||||||
collectCoverage: true,
|
|
||||||
collectCoverageFrom: ['src/**/*'],
|
|
||||||
coverageDirectory: './jest/coverage',
|
|
||||||
preset: 'ts-jest',
|
|
||||||
resetMocks: true,
|
|
||||||
resetModules: true,
|
|
||||||
restoreMocks: true,
|
|
||||||
globals: {
|
|
||||||
'ts-jest': {
|
|
||||||
diagnostics: false,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
moduleNameMapper: {
|
|
||||||
'@/(.*)': '<rootDir>/src/$1',
|
|
||||||
},
|
|
||||||
roots: ['<rootDir>/test'],
|
|
||||||
moduleFileExtensions: ['js', 'json', 'jsx', 'ts', 'tsx', 'node'],
|
|
||||||
testRegex: '/test/.+\\.test\\.tsx?$',
|
|
||||||
verbose: false,
|
|
||||||
}
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,50 +0,0 @@
|
||||||
{
|
|
||||||
"name": "styled-cssgg",
|
|
||||||
"version": "1.1.0",
|
|
||||||
"main": "lib/index.js",
|
|
||||||
"module": "lib/index.js",
|
|
||||||
"browser": "lib/index.js",
|
|
||||||
"typings": "lib/index.d.ts",
|
|
||||||
"files": [
|
|
||||||
"lib"
|
|
||||||
],
|
|
||||||
"dependencies": {
|
|
||||||
"css.gg": "1.0.6"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@types/jest": "24.0.22",
|
|
||||||
"@types/ms": "0.7.31",
|
|
||||||
"@types/react": "16.9.23",
|
|
||||||
"@types/styled-components": "5.0.1",
|
|
||||||
"fs-extra": "8.1.0",
|
|
||||||
"husky": "3.0.9",
|
|
||||||
"jest": "24.9.0",
|
|
||||||
"lodash.camelcase": "^4.3.0",
|
|
||||||
"mustache": "4.0.0",
|
|
||||||
"np": "5.1.3",
|
|
||||||
"prettier": "1.19.1",
|
|
||||||
"pretty-quick": "2.0.1",
|
|
||||||
"react": "16.13.0",
|
|
||||||
"rimraf": "3.0.0",
|
|
||||||
"styled-components": "5.0.1",
|
|
||||||
"ts-jest": "24.1.0",
|
|
||||||
"ts-node": "8.5.0",
|
|
||||||
"tslib": "1.10.0",
|
|
||||||
"typescript": "3.7.2"
|
|
||||||
},
|
|
||||||
"scripts": {
|
|
||||||
"prebuild": "node scripts/pre-build.js && npm run prettier",
|
|
||||||
"build": "tsc",
|
|
||||||
"test": "ts-node test/test.ts",
|
|
||||||
"pretest": "npm run build",
|
|
||||||
"update": "npm update && npm update --save-dev",
|
|
||||||
"check": "npm outdated && npm outdated --save-dev",
|
|
||||||
"prepublishOnly": "npm run build && np --no-cleanup --yolo --no-publish --any-branch",
|
|
||||||
"prettier": "prettier --config .prettierrc --write 'src/**/*'"
|
|
||||||
},
|
|
||||||
"husky": {
|
|
||||||
"hooks": {
|
|
||||||
"pre-commit": "pretty-quick --staged"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,32 +0,0 @@
|
||||||
const fs = require('fs-extra')
|
|
||||||
const path = require('path')
|
|
||||||
const icons = require('css.gg/icons-json/icons.json')
|
|
||||||
const mustache = require('mustache')
|
|
||||||
const camelcase = require('lodash.camelcase')
|
|
||||||
|
|
||||||
const iconsTpl = fs.readFileSync(path.resolve(__dirname, '../template/icon.tsx.tpl'))
|
|
||||||
const entryTpl = fs.readFileSync(path.resolve(__dirname, '../template/index.tsx.tpl'))
|
|
||||||
|
|
||||||
Object.keys(icons).forEach(k => {
|
|
||||||
const css = icons[k][0][0].css.replace(/(\.gg-[a-zA-Z\-]*)/g, '&')
|
|
||||||
const name = `${camelcase(k)[0].toUpperCase()}${camelcase(k).slice(1)}`
|
|
||||||
const result = mustache.render(iconsTpl.toString(), {
|
|
||||||
styledname: `Styled${name}`,
|
|
||||||
name,
|
|
||||||
originalname: k,
|
|
||||||
css,
|
|
||||||
})
|
|
||||||
fs.outputFileSync(path.resolve(__dirname, `../src/icons/${name}.tsx`), result)
|
|
||||||
})
|
|
||||||
|
|
||||||
const exportIcons = Object.keys(icons).map(k => {
|
|
||||||
const name = `${camelcase(k)[0].toUpperCase()}${camelcase(k).slice(1)}`
|
|
||||||
return {
|
|
||||||
export: `export { ${name} } from './icons/${name}'`,
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
const entry = mustache.render(entryTpl.toString(), {
|
|
||||||
exports: exportIcons,
|
|
||||||
})
|
|
||||||
fs.outputFileSync(path.resolve(__dirname, `../src/index.ts`), entry)
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
import React from 'react'
|
|
||||||
import styled from 'styled-components'
|
|
||||||
|
|
||||||
const {{ styledname }} = styled.i`
|
|
||||||
{{{ css }}}
|
|
||||||
`
|
|
||||||
|
|
||||||
export const {{ name }} = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>((props, ref) => {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<{{ styledname }} {...props} ref={ref} icon-role="{{originalname}}" />
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
})
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
{{#exports}}
|
|
||||||
{{{ export }}}
|
|
||||||
{{/exports}}
|
|
||||||
|
|
@ -1,29 +0,0 @@
|
||||||
{
|
|
||||||
"compilerOptions": {
|
|
||||||
"target": "es5",
|
|
||||||
"module": "esnext",
|
|
||||||
"lib": ["es2015"],
|
|
||||||
"outDir": "lib",
|
|
||||||
"moduleResolution": "node",
|
|
||||||
"importHelpers": true,
|
|
||||||
"esModuleInterop": true,
|
|
||||||
"declaration": true,
|
|
||||||
"jsx": "react",
|
|
||||||
"sourceMap": true,
|
|
||||||
"allowSyntheticDefaultImports": true,
|
|
||||||
"forceConsistentCasingInFileNames": true,
|
|
||||||
"experimentalDecorators": true,
|
|
||||||
"types": ["react"],
|
|
||||||
"strict": true,
|
|
||||||
"resolveJsonModule": true,
|
|
||||||
"noImplicitReturns": true,
|
|
||||||
"suppressImplicitAnyIndexErrors": true,
|
|
||||||
"noUnusedLocals": true,
|
|
||||||
"baseUrl": ".",
|
|
||||||
"paths": {
|
|
||||||
"@/*": ["src/*"]
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"exclude": ["node_modules", "dist", "scripts", "test", "example"],
|
|
||||||
"include": ["src"]
|
|
||||||
}
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
{
|
|
||||||
"extends": ["tslint-react", "tslint-plugin-prettier", "tslint-config-prettier"],
|
|
||||||
"rules": {
|
|
||||||
"prettier": true,
|
|
||||||
"semicolon": false,
|
|
||||||
"no-floating-promises": false,
|
|
||||||
"no-any": true,
|
|
||||||
"ordered-imports": false,
|
|
||||||
"file-name-casing": false,
|
|
||||||
"no-implicit-dependencies": [true, "react-hot-loader", "@"],
|
|
||||||
"jsx-no-lambda": false,
|
|
||||||
"react-this-binding-issue": false,
|
|
||||||
"promise-must-complete": false,
|
|
||||||
"no-use-before-declare": false,
|
|
||||||
"no-namespace": false,
|
|
||||||
"jsx-key": false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,704 @@
|
||||||
|
export { Abstract } from './tsx/Abstract';
|
||||||
|
export { AddR } from './tsx/AddR';
|
||||||
|
export { Add } from './tsx/Add';
|
||||||
|
export { Adidas } from './tsx/Adidas';
|
||||||
|
export { Airplane } from './tsx/Airplane';
|
||||||
|
export { Alarm } from './tsx/Alarm';
|
||||||
|
export { Album } from './tsx/Album';
|
||||||
|
export { AlignBottom } from './tsx/AlignBottom';
|
||||||
|
export { AlignCenter } from './tsx/AlignCenter';
|
||||||
|
export { AlignLeft } from './tsx/AlignLeft';
|
||||||
|
export { AlignMiddle } from './tsx/AlignMiddle';
|
||||||
|
export { AlignRight } from './tsx/AlignRight';
|
||||||
|
export { AlignTop } from './tsx/AlignTop';
|
||||||
|
export { Anchor } from './tsx/Anchor';
|
||||||
|
export { AppleWatch } from './tsx/AppleWatch';
|
||||||
|
export { ArrangeBack } from './tsx/ArrangeBack';
|
||||||
|
export { ArrangeFront } from './tsx/ArrangeFront';
|
||||||
|
export { ArrowAlignH } from './tsx/ArrowAlignH';
|
||||||
|
export { ArrowAlignV } from './tsx/ArrowAlignV';
|
||||||
|
export { ArrowBottomLeftO } from './tsx/ArrowBottomLeftO';
|
||||||
|
export { ArrowBottomLeftR } from './tsx/ArrowBottomLeftR';
|
||||||
|
export { ArrowBottomLeft } from './tsx/ArrowBottomLeft';
|
||||||
|
export { ArrowBottomRightO } from './tsx/ArrowBottomRightO';
|
||||||
|
export { ArrowBottomRightR } from './tsx/ArrowBottomRightR';
|
||||||
|
export { ArrowBottomRight } from './tsx/ArrowBottomRight';
|
||||||
|
export { ArrowDownO } from './tsx/ArrowDownO';
|
||||||
|
export { ArrowDownR } from './tsx/ArrowDownR';
|
||||||
|
export { ArrowDown } from './tsx/ArrowDown';
|
||||||
|
export { ArrowLeftO } from './tsx/ArrowLeftO';
|
||||||
|
export { ArrowLeftR } from './tsx/ArrowLeftR';
|
||||||
|
export { ArrowLeft } from './tsx/ArrowLeft';
|
||||||
|
export { ArrowLongDownC } from './tsx/ArrowLongDownC';
|
||||||
|
export { ArrowLongDownE } from './tsx/ArrowLongDownE';
|
||||||
|
export { ArrowLongDownL } from './tsx/ArrowLongDownL';
|
||||||
|
export { ArrowLongDownR } from './tsx/ArrowLongDownR';
|
||||||
|
export { ArrowLongDown } from './tsx/ArrowLongDown';
|
||||||
|
export { ArrowLongLeftC } from './tsx/ArrowLongLeftC';
|
||||||
|
export { ArrowLongLeftE } from './tsx/ArrowLongLeftE';
|
||||||
|
export { ArrowLongLeftL } from './tsx/ArrowLongLeftL';
|
||||||
|
export { ArrowLongLeftR } from './tsx/ArrowLongLeftR';
|
||||||
|
export { ArrowLongLeft } from './tsx/ArrowLongLeft';
|
||||||
|
export { ArrowLongRightC } from './tsx/ArrowLongRightC';
|
||||||
|
export { ArrowLongRightE } from './tsx/ArrowLongRightE';
|
||||||
|
export { ArrowLongRightL } from './tsx/ArrowLongRightL';
|
||||||
|
export { ArrowLongRightR } from './tsx/ArrowLongRightR';
|
||||||
|
export { ArrowLongRight } from './tsx/ArrowLongRight';
|
||||||
|
export { ArrowLongUpC } from './tsx/ArrowLongUpC';
|
||||||
|
export { ArrowLongUpE } from './tsx/ArrowLongUpE';
|
||||||
|
export { ArrowLongUpL } from './tsx/ArrowLongUpL';
|
||||||
|
export { ArrowLongUpR } from './tsx/ArrowLongUpR';
|
||||||
|
export { ArrowLongUp } from './tsx/ArrowLongUp';
|
||||||
|
export { ArrowRightO } from './tsx/ArrowRightO';
|
||||||
|
export { ArrowRightR } from './tsx/ArrowRightR';
|
||||||
|
export { ArrowRight } from './tsx/ArrowRight';
|
||||||
|
export { ArrowTopLeftO } from './tsx/ArrowTopLeftO';
|
||||||
|
export { ArrowTopLeftR } from './tsx/ArrowTopLeftR';
|
||||||
|
export { ArrowTopLeft } from './tsx/ArrowTopLeft';
|
||||||
|
export { ArrowTopRightO } from './tsx/ArrowTopRightO';
|
||||||
|
export { ArrowTopRightR } from './tsx/ArrowTopRightR';
|
||||||
|
export { ArrowTopRight } from './tsx/ArrowTopRight';
|
||||||
|
export { ArrowUpO } from './tsx/ArrowUpO';
|
||||||
|
export { ArrowUpR } from './tsx/ArrowUpR';
|
||||||
|
export { ArrowUp } from './tsx/ArrowUp';
|
||||||
|
export { ArrowsBreakeH } from './tsx/ArrowsBreakeH';
|
||||||
|
export { ArrowsBreakeV } from './tsx/ArrowsBreakeV';
|
||||||
|
export { ArrowsExchangeAltV } from './tsx/ArrowsExchangeAltV';
|
||||||
|
export { ArrowsExchangeAlt } from './tsx/ArrowsExchangeAlt';
|
||||||
|
export { ArrowsExchangeV } from './tsx/ArrowsExchangeV';
|
||||||
|
export { ArrowsExchange } from './tsx/ArrowsExchange';
|
||||||
|
export { ArrowsExpandDownLeft } from './tsx/ArrowsExpandDownLeft';
|
||||||
|
export { ArrowsExpandDownRight } from './tsx/ArrowsExpandDownRight';
|
||||||
|
export { ArrowsExpandLeftAlt } from './tsx/ArrowsExpandLeftAlt';
|
||||||
|
export { ArrowsExpandLeft } from './tsx/ArrowsExpandLeft';
|
||||||
|
export { ArrowsExpandRightAlt } from './tsx/ArrowsExpandRightAlt';
|
||||||
|
export { ArrowsExpandRight } from './tsx/ArrowsExpandRight';
|
||||||
|
export { ArrowsExpandUpLeft } from './tsx/ArrowsExpandUpLeft';
|
||||||
|
export { ArrowsExpandUpRight } from './tsx/ArrowsExpandUpRight';
|
||||||
|
export { ArrowsHAlt } from './tsx/ArrowsHAlt';
|
||||||
|
export { ArrowsH } from './tsx/ArrowsH';
|
||||||
|
export { ArrowsMergeAltH } from './tsx/ArrowsMergeAltH';
|
||||||
|
export { ArrowsMergeAltV } from './tsx/ArrowsMergeAltV';
|
||||||
|
export { ArrowsScrollH } from './tsx/ArrowsScrollH';
|
||||||
|
export { ArrowsScrollV } from './tsx/ArrowsScrollV';
|
||||||
|
export { ArrowsShrinkH } from './tsx/ArrowsShrinkH';
|
||||||
|
export { ArrowsShrinkV } from './tsx/ArrowsShrinkV';
|
||||||
|
export { ArrowsVAlt } from './tsx/ArrowsVAlt';
|
||||||
|
export { ArrowsV } from './tsx/ArrowsV';
|
||||||
|
export { Assign } from './tsx/Assign';
|
||||||
|
export { Asterisk } from './tsx/Asterisk';
|
||||||
|
export { Atlasian } from './tsx/Atlasian';
|
||||||
|
export { Attachment } from './tsx/Attachment';
|
||||||
|
export { Attribution } from './tsx/Attribution';
|
||||||
|
export { Awards } from './tsx/Awards';
|
||||||
|
export { Backspace } from './tsx/Backspace';
|
||||||
|
export { BandAid } from './tsx/BandAid';
|
||||||
|
export { BatteryEmpty } from './tsx/BatteryEmpty';
|
||||||
|
export { BatteryFull } from './tsx/BatteryFull';
|
||||||
|
export { Battery } from './tsx/Battery';
|
||||||
|
export { Bee } from './tsx/Bee';
|
||||||
|
export { Bell } from './tsx/Bell';
|
||||||
|
export { Bitbucket } from './tsx/Bitbucket';
|
||||||
|
export { Block } from './tsx/Block';
|
||||||
|
export { Bmw } from './tsx/Bmw';
|
||||||
|
export { Board } from './tsx/Board';
|
||||||
|
export { Bolt } from './tsx/Bolt';
|
||||||
|
export { Bookmark } from './tsx/Bookmark';
|
||||||
|
export { BorderAll } from './tsx/BorderAll';
|
||||||
|
export { BorderBottom } from './tsx/BorderBottom';
|
||||||
|
export { BorderLeft } from './tsx/BorderLeft';
|
||||||
|
export { BorderRight } from './tsx/BorderRight';
|
||||||
|
export { BorderStyleDashed } from './tsx/BorderStyleDashed';
|
||||||
|
export { BorderStyleDotted } from './tsx/BorderStyleDotted';
|
||||||
|
export { BorderStyleSolid } from './tsx/BorderStyleSolid';
|
||||||
|
export { BorderTop } from './tsx/BorderTop';
|
||||||
|
export { Bot } from './tsx/Bot';
|
||||||
|
export { Bowl } from './tsx/Bowl';
|
||||||
|
export { Box } from './tsx/Box';
|
||||||
|
export { Boy } from './tsx/Boy';
|
||||||
|
export { Brackets } from './tsx/Brackets';
|
||||||
|
export { Briefcase } from './tsx/Briefcase';
|
||||||
|
export { Browse } from './tsx/Browse';
|
||||||
|
export { Browser } from './tsx/Browser';
|
||||||
|
export { Brush } from './tsx/Brush';
|
||||||
|
export { Bulb } from './tsx/Bulb';
|
||||||
|
export { CPlusPlus } from './tsx/CPlusPlus';
|
||||||
|
export { Calculator } from './tsx/Calculator';
|
||||||
|
export { CalendarDates } from './tsx/CalendarDates';
|
||||||
|
export { CalendarDue } from './tsx/CalendarDue';
|
||||||
|
export { CalendarNext } from './tsx/CalendarNext';
|
||||||
|
export { CalendarToday } from './tsx/CalendarToday';
|
||||||
|
export { CalendarTwo } from './tsx/CalendarTwo';
|
||||||
|
export { Calendar } from './tsx/Calendar';
|
||||||
|
export { Calibrate } from './tsx/Calibrate';
|
||||||
|
export { Camera } from './tsx/Camera';
|
||||||
|
export { Cap } from './tsx/Cap';
|
||||||
|
export { Captions } from './tsx/Captions';
|
||||||
|
export { CardClubs } from './tsx/CardClubs';
|
||||||
|
export { CardDiamonds } from './tsx/CardDiamonds';
|
||||||
|
export { CardHearts } from './tsx/CardHearts';
|
||||||
|
export { CardSpades } from './tsx/CardSpades';
|
||||||
|
export { Carousel } from './tsx/Carousel';
|
||||||
|
export { Cast } from './tsx/Cast';
|
||||||
|
export { Chanel } from './tsx/Chanel';
|
||||||
|
export { Chart } from './tsx/Chart';
|
||||||
|
export { CheckO } from './tsx/CheckO';
|
||||||
|
export { CheckR } from './tsx/CheckR';
|
||||||
|
export { Check } from './tsx/Check';
|
||||||
|
export { ChevronDoubleDownO } from './tsx/ChevronDoubleDownO';
|
||||||
|
export { ChevronDoubleDownR } from './tsx/ChevronDoubleDownR';
|
||||||
|
export { ChevronDoubleDown } from './tsx/ChevronDoubleDown';
|
||||||
|
export { ChevronDoubleLeftO } from './tsx/ChevronDoubleLeftO';
|
||||||
|
export { ChevronDoubleLeftR } from './tsx/ChevronDoubleLeftR';
|
||||||
|
export { ChevronDoubleLeft } from './tsx/ChevronDoubleLeft';
|
||||||
|
export { ChevronDoubleRightO } from './tsx/ChevronDoubleRightO';
|
||||||
|
export { ChevronDoubleRightR } from './tsx/ChevronDoubleRightR';
|
||||||
|
export { ChevronDoubleRight } from './tsx/ChevronDoubleRight';
|
||||||
|
export { ChevronDoubleUpO } from './tsx/ChevronDoubleUpO';
|
||||||
|
export { ChevronDoubleUpR } from './tsx/ChevronDoubleUpR';
|
||||||
|
export { ChevronDoubleUp } from './tsx/ChevronDoubleUp';
|
||||||
|
export { ChevronDownO } from './tsx/ChevronDownO';
|
||||||
|
export { ChevronDownR } from './tsx/ChevronDownR';
|
||||||
|
export { ChevronDown } from './tsx/ChevronDown';
|
||||||
|
export { ChevronLeftO } from './tsx/ChevronLeftO';
|
||||||
|
export { ChevronLeftR } from './tsx/ChevronLeftR';
|
||||||
|
export { ChevronLeft } from './tsx/ChevronLeft';
|
||||||
|
export { ChevronRightO } from './tsx/ChevronRightO';
|
||||||
|
export { ChevronRightR } from './tsx/ChevronRightR';
|
||||||
|
export { ChevronRight } from './tsx/ChevronRight';
|
||||||
|
export { ChevronUpO } from './tsx/ChevronUpO';
|
||||||
|
export { ChevronUpR } from './tsx/ChevronUpR';
|
||||||
|
export { ChevronUp } from './tsx/ChevronUp';
|
||||||
|
export { Circleci } from './tsx/Circleci';
|
||||||
|
export { ClapperBoard } from './tsx/ClapperBoard';
|
||||||
|
export { Clipboard } from './tsx/Clipboard';
|
||||||
|
export { CloseO } from './tsx/CloseO';
|
||||||
|
export { CloseR } from './tsx/CloseR';
|
||||||
|
export { Close } from './tsx/Close';
|
||||||
|
export { Cloud } from './tsx/Cloud';
|
||||||
|
export { CodeClimate } from './tsx/CodeClimate';
|
||||||
|
export { CodeSlash } from './tsx/CodeSlash';
|
||||||
|
export { Code } from './tsx/Code';
|
||||||
|
export { Coffee } from './tsx/Coffee';
|
||||||
|
export { Collage } from './tsx/Collage';
|
||||||
|
export { ColorBucket } from './tsx/ColorBucket';
|
||||||
|
export { ColorPicker } from './tsx/ColorPicker';
|
||||||
|
export { ComedyCentral } from './tsx/ComedyCentral';
|
||||||
|
export { Comment } from './tsx/Comment';
|
||||||
|
export { Community } from './tsx/Community';
|
||||||
|
export { Components } from './tsx/Components';
|
||||||
|
export { CompressLeft } from './tsx/CompressLeft';
|
||||||
|
export { CompressRight } from './tsx/CompressRight';
|
||||||
|
export { CompressV } from './tsx/CompressV';
|
||||||
|
export { Compress } from './tsx/Compress';
|
||||||
|
export { Controller } from './tsx/Controller';
|
||||||
|
export { Copy } from './tsx/Copy';
|
||||||
|
export { Copyright } from './tsx/Copyright';
|
||||||
|
export { CornerDoubleDownLeft } from './tsx/CornerDoubleDownLeft';
|
||||||
|
export { CornerDoubleDownRight } from './tsx/CornerDoubleDownRight';
|
||||||
|
export { CornerDoubleLeftDown } from './tsx/CornerDoubleLeftDown';
|
||||||
|
export { CornerDoubleLeftUp } from './tsx/CornerDoubleLeftUp';
|
||||||
|
export { CornerDoubleRightDown } from './tsx/CornerDoubleRightDown';
|
||||||
|
export { CornerDoubleRightUp } from './tsx/CornerDoubleRightUp';
|
||||||
|
export { CornerDoubleUpLeft } from './tsx/CornerDoubleUpLeft';
|
||||||
|
export { CornerDoubleUpRight } from './tsx/CornerDoubleUpRight';
|
||||||
|
export { CornerDownLeft } from './tsx/CornerDownLeft';
|
||||||
|
export { CornerDownRight } from './tsx/CornerDownRight';
|
||||||
|
export { CornerLeftDown } from './tsx/CornerLeftDown';
|
||||||
|
export { CornerLeftUp } from './tsx/CornerLeftUp';
|
||||||
|
export { CornerRightDown } from './tsx/CornerRightDown';
|
||||||
|
export { CornerRightUp } from './tsx/CornerRightUp';
|
||||||
|
export { CornerUpLeft } from './tsx/CornerUpLeft';
|
||||||
|
export { CornerUpRight } from './tsx/CornerUpRight';
|
||||||
|
export { CreditCard } from './tsx/CreditCard';
|
||||||
|
export { Crop } from './tsx/Crop';
|
||||||
|
export { Cross } from './tsx/Cross';
|
||||||
|
export { Crowdfire } from './tsx/Crowdfire';
|
||||||
|
export { Crown } from './tsx/Crown';
|
||||||
|
export { Danger } from './tsx/Danger';
|
||||||
|
export { DarkMode } from './tsx/DarkMode';
|
||||||
|
export { Data } from './tsx/Data';
|
||||||
|
export { Database } from './tsx/Database';
|
||||||
|
export { Debug } from './tsx/Debug';
|
||||||
|
export { Designmodo } from './tsx/Designmodo';
|
||||||
|
export { Desktop } from './tsx/Desktop';
|
||||||
|
export { DetailsLess } from './tsx/DetailsLess';
|
||||||
|
export { DetailsMore } from './tsx/DetailsMore';
|
||||||
|
export { Dialpad } from './tsx/Dialpad';
|
||||||
|
export { Dice1 } from './tsx/Dice1';
|
||||||
|
export { Dice2 } from './tsx/Dice2';
|
||||||
|
export { Dice3 } from './tsx/Dice3';
|
||||||
|
export { Dice4 } from './tsx/Dice4';
|
||||||
|
export { Dice5 } from './tsx/Dice5';
|
||||||
|
export { Dice6 } from './tsx/Dice6';
|
||||||
|
export { Digitalocean } from './tsx/Digitalocean';
|
||||||
|
export { Disc } from './tsx/Disc';
|
||||||
|
export { DisplayFlex } from './tsx/DisplayFlex';
|
||||||
|
export { DisplayFullwidth } from './tsx/DisplayFullwidth';
|
||||||
|
export { DisplayGrid } from './tsx/DisplayGrid';
|
||||||
|
export { DisplaySpacing } from './tsx/DisplaySpacing';
|
||||||
|
export { DistributeHorizontal } from './tsx/DistributeHorizontal';
|
||||||
|
export { DistributeVertical } from './tsx/DistributeVertical';
|
||||||
|
export { DockBottom } from './tsx/DockBottom';
|
||||||
|
export { DockLeft } from './tsx/DockLeft';
|
||||||
|
export { DockRight } from './tsx/DockRight';
|
||||||
|
export { DockWindow } from './tsx/DockWindow';
|
||||||
|
export { Dolby } from './tsx/Dolby';
|
||||||
|
export { Dollar } from './tsx/Dollar';
|
||||||
|
export { Dribbble } from './tsx/Dribbble';
|
||||||
|
export { Drive } from './tsx/Drive';
|
||||||
|
export { DropInvert } from './tsx/DropInvert';
|
||||||
|
export { DropOpacity } from './tsx/DropOpacity';
|
||||||
|
export { Drop } from './tsx/Drop';
|
||||||
|
export { Duplicate } from './tsx/Duplicate';
|
||||||
|
export { EditBlackPoint } from './tsx/EditBlackPoint';
|
||||||
|
export { EditContrast } from './tsx/EditContrast';
|
||||||
|
export { EditExposure } from './tsx/EditExposure';
|
||||||
|
export { EditFade } from './tsx/EditFade';
|
||||||
|
export { EditFlipH } from './tsx/EditFlipH';
|
||||||
|
export { EditFlipV } from './tsx/EditFlipV';
|
||||||
|
export { EditHighlight } from './tsx/EditHighlight';
|
||||||
|
export { EditMarkup } from './tsx/EditMarkup';
|
||||||
|
export { EditMask } from './tsx/EditMask';
|
||||||
|
export { EditNoise } from './tsx/EditNoise';
|
||||||
|
export { EditShadows } from './tsx/EditShadows';
|
||||||
|
export { EditStraight } from './tsx/EditStraight';
|
||||||
|
export { EditUnmask } from './tsx/EditUnmask';
|
||||||
|
export { Eject } from './tsx/Eject';
|
||||||
|
export { Enter } from './tsx/Enter';
|
||||||
|
export { Erase } from './tsx/Erase';
|
||||||
|
export { Ereader } from './tsx/Ereader';
|
||||||
|
export { Ericsson } from './tsx/Ericsson';
|
||||||
|
export { Ethernet } from './tsx/Ethernet';
|
||||||
|
export { Euro } from './tsx/Euro';
|
||||||
|
export { Eventbrite } from './tsx/Eventbrite';
|
||||||
|
export { Expand } from './tsx/Expand';
|
||||||
|
export { Export } from './tsx/Export';
|
||||||
|
export { ExtensionAdd } from './tsx/ExtensionAdd';
|
||||||
|
export { ExtensionAlt } from './tsx/ExtensionAlt';
|
||||||
|
export { ExtensionRemove } from './tsx/ExtensionRemove';
|
||||||
|
export { Extension } from './tsx/Extension';
|
||||||
|
export { External } from './tsx/External';
|
||||||
|
export { EyeAlt } from './tsx/EyeAlt';
|
||||||
|
export { Eye } from './tsx/Eye';
|
||||||
|
export { Facebook } from './tsx/Facebook';
|
||||||
|
export { Feed } from './tsx/Feed';
|
||||||
|
export { Figma } from './tsx/Figma';
|
||||||
|
export { FileAdd } from './tsx/FileAdd';
|
||||||
|
export { FileDocument } from './tsx/FileDocument';
|
||||||
|
export { FileRemove } from './tsx/FileRemove';
|
||||||
|
export { File } from './tsx/File';
|
||||||
|
export { Film } from './tsx/Film';
|
||||||
|
export { Filters } from './tsx/Filters';
|
||||||
|
export { FlagAlt } from './tsx/FlagAlt';
|
||||||
|
export { Flag } from './tsx/Flag';
|
||||||
|
export { FolderAdd } from './tsx/FolderAdd';
|
||||||
|
export { FolderRemove } from './tsx/FolderRemove';
|
||||||
|
export { Folder } from './tsx/Folder';
|
||||||
|
export { FontHeight } from './tsx/FontHeight';
|
||||||
|
export { FontSpacing } from './tsx/FontSpacing';
|
||||||
|
export { FormatBold } from './tsx/FormatBold';
|
||||||
|
export { FormatCenter } from './tsx/FormatCenter';
|
||||||
|
export { FormatColor } from './tsx/FormatColor';
|
||||||
|
export { FormatHeading } from './tsx/FormatHeading';
|
||||||
|
export { FormatIndentDecrease } from './tsx/FormatIndentDecrease';
|
||||||
|
export { FormatIndentIncrease } from './tsx/FormatIndentIncrease';
|
||||||
|
export { FormatItalic } from './tsx/FormatItalic';
|
||||||
|
export { FormatJustify } from './tsx/FormatJustify';
|
||||||
|
export { FormatLeft } from './tsx/FormatLeft';
|
||||||
|
export { FormatLineHeight } from './tsx/FormatLineHeight';
|
||||||
|
export { FormatRight } from './tsx/FormatRight';
|
||||||
|
export { FormatSeparator } from './tsx/FormatSeparator';
|
||||||
|
export { FormatSlash } from './tsx/FormatSlash';
|
||||||
|
export { FormatStrike } from './tsx/FormatStrike';
|
||||||
|
export { FormatText } from './tsx/FormatText';
|
||||||
|
export { FormatUnderline } from './tsx/FormatUnderline';
|
||||||
|
export { FormatUppercase } from './tsx/FormatUppercase';
|
||||||
|
export { Framer } from './tsx/Framer';
|
||||||
|
export { Games } from './tsx/Games';
|
||||||
|
export { GenderFemale } from './tsx/GenderFemale';
|
||||||
|
export { GenderMale } from './tsx/GenderMale';
|
||||||
|
export { GhostCharacter } from './tsx/GhostCharacter';
|
||||||
|
export { Ghost } from './tsx/Ghost';
|
||||||
|
export { Gift } from './tsx/Gift';
|
||||||
|
export { Girl } from './tsx/Girl';
|
||||||
|
export { GitBranch } from './tsx/GitBranch';
|
||||||
|
export { GitCommit } from './tsx/GitCommit';
|
||||||
|
export { GitFork } from './tsx/GitFork';
|
||||||
|
export { GitPull } from './tsx/GitPull';
|
||||||
|
export { Gitter } from './tsx/Gitter';
|
||||||
|
export { GlassAlt } from './tsx/GlassAlt';
|
||||||
|
export { Glass } from './tsx/Glass';
|
||||||
|
export { GlobeAlt } from './tsx/GlobeAlt';
|
||||||
|
export { Globe } from './tsx/Globe';
|
||||||
|
export { GoogleTasks } from './tsx/GoogleTasks';
|
||||||
|
export { Google } from './tsx/Google';
|
||||||
|
export { Gym } from './tsx/Gym';
|
||||||
|
export { Hashtag } from './tsx/Hashtag';
|
||||||
|
export { Headset } from './tsx/Headset';
|
||||||
|
export { Heart } from './tsx/Heart';
|
||||||
|
export { Hello } from './tsx/Hello';
|
||||||
|
export { HomeAlt } from './tsx/HomeAlt';
|
||||||
|
export { HomeScreen } from './tsx/HomeScreen';
|
||||||
|
export { Home } from './tsx/Home';
|
||||||
|
export { Icecream } from './tsx/Icecream';
|
||||||
|
export { IfDesign } from './tsx/IfDesign';
|
||||||
|
export { Image } from './tsx/Image';
|
||||||
|
export { Import } from './tsx/Import';
|
||||||
|
export { Inbox } from './tsx/Inbox';
|
||||||
|
export { IndieHackers } from './tsx/IndieHackers';
|
||||||
|
export { Infinity } from './tsx/Infinity';
|
||||||
|
export { Info } from './tsx/Info';
|
||||||
|
export { Inpicture } from './tsx/Inpicture';
|
||||||
|
export { InsertAfterO } from './tsx/InsertAfterO';
|
||||||
|
export { InsertAfterR } from './tsx/InsertAfterR';
|
||||||
|
export { InsertAfter } from './tsx/InsertAfter';
|
||||||
|
export { InsertBeforeO } from './tsx/InsertBeforeO';
|
||||||
|
export { InsertBeforeR } from './tsx/InsertBeforeR';
|
||||||
|
export { InsertBefore } from './tsx/InsertBefore';
|
||||||
|
export { Insights } from './tsx/Insights';
|
||||||
|
export { Instagram } from './tsx/Instagram';
|
||||||
|
export { Internal } from './tsx/Internal';
|
||||||
|
export { Key } from './tsx/Key';
|
||||||
|
export { Keyboard } from './tsx/Keyboard';
|
||||||
|
export { Keyhole } from './tsx/Keyhole';
|
||||||
|
export { Laptop } from './tsx/Laptop';
|
||||||
|
export { Lastpass } from './tsx/Lastpass';
|
||||||
|
export { LayoutGridSmall } from './tsx/LayoutGridSmall';
|
||||||
|
export { LayoutGrid } from './tsx/LayoutGrid';
|
||||||
|
export { LayoutList } from './tsx/LayoutList';
|
||||||
|
export { LayoutPin } from './tsx/LayoutPin';
|
||||||
|
export { Linear } from './tsx/Linear';
|
||||||
|
export { Link } from './tsx/Link';
|
||||||
|
export { ListTree } from './tsx/ListTree';
|
||||||
|
export { List } from './tsx/List';
|
||||||
|
export { LivePhoto } from './tsx/LivePhoto';
|
||||||
|
export { LoadbarAlt } from './tsx/LoadbarAlt';
|
||||||
|
export { LoadbarDoc } from './tsx/LoadbarDoc';
|
||||||
|
export { LoadbarSound } from './tsx/LoadbarSound';
|
||||||
|
export { Loadbar } from './tsx/Loadbar';
|
||||||
|
export { LockUnlock } from './tsx/LockUnlock';
|
||||||
|
export { Lock } from './tsx/Lock';
|
||||||
|
export { LogIn } from './tsx/LogIn';
|
||||||
|
export { LogOff } from './tsx/LogOff';
|
||||||
|
export { LogOut } from './tsx/LogOut';
|
||||||
|
export { Loupe } from './tsx/Loupe';
|
||||||
|
export { Magnet } from './tsx/Magnet';
|
||||||
|
export { MailForward } from './tsx/MailForward';
|
||||||
|
export { MailOpen } from './tsx/MailOpen';
|
||||||
|
export { MailReply } from './tsx/MailReply';
|
||||||
|
export { Mail } from './tsx/Mail';
|
||||||
|
export { MathDivide } from './tsx/MathDivide';
|
||||||
|
export { MathEqual } from './tsx/MathEqual';
|
||||||
|
export { MathMinus } from './tsx/MathMinus';
|
||||||
|
export { MathPercent } from './tsx/MathPercent';
|
||||||
|
export { MathPlus } from './tsx/MathPlus';
|
||||||
|
export { MaximizeAlt } from './tsx/MaximizeAlt';
|
||||||
|
export { Maximize } from './tsx/Maximize';
|
||||||
|
export { Maze } from './tsx/Maze';
|
||||||
|
export { MediaLive } from './tsx/MediaLive';
|
||||||
|
export { MediaPodcast } from './tsx/MediaPodcast';
|
||||||
|
export { MenuBoxed } from './tsx/MenuBoxed';
|
||||||
|
export { MenuCake } from './tsx/MenuCake';
|
||||||
|
export { MenuCheese } from './tsx/MenuCheese';
|
||||||
|
export { MenuGridO } from './tsx/MenuGridO';
|
||||||
|
export { MenuGridR } from './tsx/MenuGridR';
|
||||||
|
export { MenuHotdog } from './tsx/MenuHotdog';
|
||||||
|
export { MenuLeftAlt } from './tsx/MenuLeftAlt';
|
||||||
|
export { MenuLeft } from './tsx/MenuLeft';
|
||||||
|
export { MenuMotion } from './tsx/MenuMotion';
|
||||||
|
export { MenuOreos } from './tsx/MenuOreos';
|
||||||
|
export { MenuRightAlt } from './tsx/MenuRightAlt';
|
||||||
|
export { MenuRight } from './tsx/MenuRight';
|
||||||
|
export { MenuRound } from './tsx/MenuRound';
|
||||||
|
export { Menu } from './tsx/Menu';
|
||||||
|
export { MergeHorizontal } from './tsx/MergeHorizontal';
|
||||||
|
export { MergeVertical } from './tsx/MergeVertical';
|
||||||
|
export { Mic } from './tsx/Mic';
|
||||||
|
export { Microbit } from './tsx/Microbit';
|
||||||
|
export { Microsoft } from './tsx/Microsoft';
|
||||||
|
export { MiniPlayer } from './tsx/MiniPlayer';
|
||||||
|
export { MinimizeAlt } from './tsx/MinimizeAlt';
|
||||||
|
export { Minimize } from './tsx/Minimize';
|
||||||
|
export { Modem } from './tsx/Modem';
|
||||||
|
export { Monday } from './tsx/Monday';
|
||||||
|
export { Moon } from './tsx/Moon';
|
||||||
|
export { MoreAlt } from './tsx/MoreAlt';
|
||||||
|
export { MoreO } from './tsx/MoreO';
|
||||||
|
export { MoreR } from './tsx/MoreR';
|
||||||
|
export { MoreVerticalAlt } from './tsx/MoreVerticalAlt';
|
||||||
|
export { MoreVerticalO } from './tsx/MoreVerticalO';
|
||||||
|
export { MoreVerticalR } from './tsx/MoreVerticalR';
|
||||||
|
export { MoreVertical } from './tsx/MoreVertical';
|
||||||
|
export { More } from './tsx/More';
|
||||||
|
export { Mouse } from './tsx/Mouse';
|
||||||
|
export { MoveDown } from './tsx/MoveDown';
|
||||||
|
export { MoveLeft } from './tsx/MoveLeft';
|
||||||
|
export { MoveRight } from './tsx/MoveRight';
|
||||||
|
export { MoveTask } from './tsx/MoveTask';
|
||||||
|
export { MoveUp } from './tsx/MoveUp';
|
||||||
|
export { MusicNote } from './tsx/MusicNote';
|
||||||
|
export { MusicSpeaker } from './tsx/MusicSpeaker';
|
||||||
|
export { Music } from './tsx/Music';
|
||||||
|
export { Nametag } from './tsx/Nametag';
|
||||||
|
export { Notes } from './tsx/Notes';
|
||||||
|
export { Notifications } from './tsx/Notifications';
|
||||||
|
export { Npm } from './tsx/Npm';
|
||||||
|
export { Oculus } from './tsx/Oculus';
|
||||||
|
export { OpenCollective } from './tsx/OpenCollective';
|
||||||
|
export { Options } from './tsx/Options';
|
||||||
|
export { Organisation } from './tsx/Organisation';
|
||||||
|
export { Overflow } from './tsx/Overflow';
|
||||||
|
export { Pacman } from './tsx/Pacman';
|
||||||
|
export { Password } from './tsx/Password';
|
||||||
|
export { PathBack } from './tsx/PathBack';
|
||||||
|
export { PathCrop } from './tsx/PathCrop';
|
||||||
|
export { PathDivide } from './tsx/PathDivide';
|
||||||
|
export { PathExclude } from './tsx/PathExclude';
|
||||||
|
export { PathFront } from './tsx/PathFront';
|
||||||
|
export { PathIntersect } from './tsx/PathIntersect';
|
||||||
|
export { PathOutline } from './tsx/PathOutline';
|
||||||
|
export { PathTrim } from './tsx/PathTrim';
|
||||||
|
export { PathUnite } from './tsx/PathUnite';
|
||||||
|
export { Patreon } from './tsx/Patreon';
|
||||||
|
export { Paypal } from './tsx/Paypal';
|
||||||
|
export { Pen } from './tsx/Pen';
|
||||||
|
export { PentagonBottomLeft } from './tsx/PentagonBottomLeft';
|
||||||
|
export { PentagonBottomRight } from './tsx/PentagonBottomRight';
|
||||||
|
export { PentagonDown } from './tsx/PentagonDown';
|
||||||
|
export { PentagonLeft } from './tsx/PentagonLeft';
|
||||||
|
export { PentagonRight } from './tsx/PentagonRight';
|
||||||
|
export { PentagonTopLeft } from './tsx/PentagonTopLeft';
|
||||||
|
export { PentagonTopRight } from './tsx/PentagonTopRight';
|
||||||
|
export { PentagonUp } from './tsx/PentagonUp';
|
||||||
|
export { Performance } from './tsx/Performance';
|
||||||
|
export { Pexels } from './tsx/Pexels';
|
||||||
|
export { Phone } from './tsx/Phone';
|
||||||
|
export { Photoscan } from './tsx/Photoscan';
|
||||||
|
export { Piano } from './tsx/Piano';
|
||||||
|
export { Pill } from './tsx/Pill';
|
||||||
|
export { PinAlt } from './tsx/PinAlt';
|
||||||
|
export { PinBottom } from './tsx/PinBottom';
|
||||||
|
export { PinTop } from './tsx/PinTop';
|
||||||
|
export { Pin } from './tsx/Pin';
|
||||||
|
export { PlayBackwards } from './tsx/PlayBackwards';
|
||||||
|
export { PlayButtonO } from './tsx/PlayButtonO';
|
||||||
|
export { PlayButtonR } from './tsx/PlayButtonR';
|
||||||
|
export { PlayButton } from './tsx/PlayButton';
|
||||||
|
export { PlayForwards } from './tsx/PlayForwards';
|
||||||
|
export { PlayListAdd } from './tsx/PlayListAdd';
|
||||||
|
export { PlayListCheck } from './tsx/PlayListCheck';
|
||||||
|
export { PlayListRemove } from './tsx/PlayListRemove';
|
||||||
|
export { PlayListSearch } from './tsx/PlayListSearch';
|
||||||
|
export { PlayList } from './tsx/PlayList';
|
||||||
|
export { PlayPauseO } from './tsx/PlayPauseO';
|
||||||
|
export { PlayPauseR } from './tsx/PlayPauseR';
|
||||||
|
export { PlayPause } from './tsx/PlayPause';
|
||||||
|
export { PlayStopO } from './tsx/PlayStopO';
|
||||||
|
export { PlayStopR } from './tsx/PlayStopR';
|
||||||
|
export { PlayStop } from './tsx/PlayStop';
|
||||||
|
export { PlayTrackNextO } from './tsx/PlayTrackNextO';
|
||||||
|
export { PlayTrackNextR } from './tsx/PlayTrackNextR';
|
||||||
|
export { PlayTrackNext } from './tsx/PlayTrackNext';
|
||||||
|
export { PlayTrackPrevO } from './tsx/PlayTrackPrevO';
|
||||||
|
export { PlayTrackPrevR } from './tsx/PlayTrackPrevR';
|
||||||
|
export { PlayTrackPrev } from './tsx/PlayTrackPrev';
|
||||||
|
export { Plug } from './tsx/Plug';
|
||||||
|
export { Pocket } from './tsx/Pocket';
|
||||||
|
export { Pokemon } from './tsx/Pokemon';
|
||||||
|
export { Polaroid } from './tsx/Polaroid';
|
||||||
|
export { Poll } from './tsx/Poll';
|
||||||
|
export { Presentation } from './tsx/Presentation';
|
||||||
|
export { Printer } from './tsx/Printer';
|
||||||
|
export { ProductHunt } from './tsx/ProductHunt';
|
||||||
|
export { Profile } from './tsx/Profile';
|
||||||
|
export { PullClear } from './tsx/PullClear';
|
||||||
|
export { PushChevronDownO } from './tsx/PushChevronDownO';
|
||||||
|
export { PushChevronDownR } from './tsx/PushChevronDownR';
|
||||||
|
export { PushChevronDown } from './tsx/PushChevronDown';
|
||||||
|
export { PushChevronLeftO } from './tsx/PushChevronLeftO';
|
||||||
|
export { PushChevronLeftR } from './tsx/PushChevronLeftR';
|
||||||
|
export { PushChevronLeft } from './tsx/PushChevronLeft';
|
||||||
|
export { PushChevronRightO } from './tsx/PushChevronRightO';
|
||||||
|
export { PushChevronRightR } from './tsx/PushChevronRightR';
|
||||||
|
export { PushChevronRight } from './tsx/PushChevronRight';
|
||||||
|
export { PushChevronUpO } from './tsx/PushChevronUpO';
|
||||||
|
export { PushChevronUpR } from './tsx/PushChevronUpR';
|
||||||
|
export { PushChevronUp } from './tsx/PushChevronUp';
|
||||||
|
export { PushDown } from './tsx/PushDown';
|
||||||
|
export { PushLeft } from './tsx/PushLeft';
|
||||||
|
export { PushRight } from './tsx/PushRight';
|
||||||
|
export { PushUp } from './tsx/PushUp';
|
||||||
|
export { Qr } from './tsx/Qr';
|
||||||
|
export { QuoteO } from './tsx/QuoteO';
|
||||||
|
export { Quote } from './tsx/Quote';
|
||||||
|
export { RadioCheck } from './tsx/RadioCheck';
|
||||||
|
export { RadioChecked } from './tsx/RadioChecked';
|
||||||
|
export { Ratio } from './tsx/Ratio';
|
||||||
|
export { Read } from './tsx/Read';
|
||||||
|
export { Readme } from './tsx/Readme';
|
||||||
|
export { Record } from './tsx/Record';
|
||||||
|
export { Redo } from './tsx/Redo';
|
||||||
|
export { Remote } from './tsx/Remote';
|
||||||
|
export { RemoveR } from './tsx/RemoveR';
|
||||||
|
export { Remove } from './tsx/Remove';
|
||||||
|
export { Rename } from './tsx/Rename';
|
||||||
|
export { Reorder } from './tsx/Reorder';
|
||||||
|
export { Repeat } from './tsx/Repeat';
|
||||||
|
export { Ring } from './tsx/Ring';
|
||||||
|
export { RowFirst } from './tsx/RowFirst';
|
||||||
|
export { RowLast } from './tsx/RowLast';
|
||||||
|
export { Ruler } from './tsx/Ruler';
|
||||||
|
export { SandClock } from './tsx/SandClock';
|
||||||
|
export { Scan } from './tsx/Scan';
|
||||||
|
export { ScreenMirror } from './tsx/ScreenMirror';
|
||||||
|
export { ScreenShot } from './tsx/ScreenShot';
|
||||||
|
export { ScreenWide } from './tsx/ScreenWide';
|
||||||
|
export { Screen } from './tsx/Screen';
|
||||||
|
export { ScrollH } from './tsx/ScrollH';
|
||||||
|
export { ScrollV } from './tsx/ScrollV';
|
||||||
|
export { SearchFound } from './tsx/SearchFound';
|
||||||
|
export { SearchLoading } from './tsx/SearchLoading';
|
||||||
|
export { Search } from './tsx/Search';
|
||||||
|
export { SelectO } from './tsx/SelectO';
|
||||||
|
export { SelectR } from './tsx/SelectR';
|
||||||
|
export { Select } from './tsx/Select';
|
||||||
|
export { Server } from './tsx/Server';
|
||||||
|
export { Serverless } from './tsx/Serverless';
|
||||||
|
export { ShapeCircle } from './tsx/ShapeCircle';
|
||||||
|
export { ShapeHalfCircle } from './tsx/ShapeHalfCircle';
|
||||||
|
export { ShapeHexagon } from './tsx/ShapeHexagon';
|
||||||
|
export { ShapeRhombus } from './tsx/ShapeRhombus';
|
||||||
|
export { ShapeSquare } from './tsx/ShapeSquare';
|
||||||
|
export { ShapeTriangle } from './tsx/ShapeTriangle';
|
||||||
|
export { ShapeZigzag } from './tsx/ShapeZigzag';
|
||||||
|
export { Share } from './tsx/Share';
|
||||||
|
export { Shield } from './tsx/Shield';
|
||||||
|
export { ShoppingBag } from './tsx/ShoppingBag';
|
||||||
|
export { ShoppingCart } from './tsx/ShoppingCart';
|
||||||
|
export { Shortcut } from './tsx/Shortcut';
|
||||||
|
export { Shutterstock } from './tsx/Shutterstock';
|
||||||
|
export { SidebarOpen } from './tsx/SidebarOpen';
|
||||||
|
export { SidebarRight } from './tsx/SidebarRight';
|
||||||
|
export { Sidebar } from './tsx/Sidebar';
|
||||||
|
export { Signal } from './tsx/Signal';
|
||||||
|
export { Size } from './tsx/Size';
|
||||||
|
export { Sketch } from './tsx/Sketch';
|
||||||
|
export { Slack } from './tsx/Slack';
|
||||||
|
export { Sleep } from './tsx/Sleep';
|
||||||
|
export { SmartHomeBoiler } from './tsx/SmartHomeBoiler';
|
||||||
|
export { SmartHomeCooker } from './tsx/SmartHomeCooker';
|
||||||
|
export { SmartHomeHeat } from './tsx/SmartHomeHeat';
|
||||||
|
export { SmartHomeLight } from './tsx/SmartHomeLight';
|
||||||
|
export { SmartHomeRefrigerator } from './tsx/SmartHomeRefrigerator';
|
||||||
|
export { SmartHomeWashMachine } from './tsx/SmartHomeWashMachine';
|
||||||
|
export { SmartphoneChip } from './tsx/SmartphoneChip';
|
||||||
|
export { SmartphoneRam } from './tsx/SmartphoneRam';
|
||||||
|
export { SmartphoneShake } from './tsx/SmartphoneShake';
|
||||||
|
export { Smartphone } from './tsx/Smartphone';
|
||||||
|
export { SmileMouthOpen } from './tsx/SmileMouthOpen';
|
||||||
|
export { SmileNeutral } from './tsx/SmileNeutral';
|
||||||
|
export { SmileNoMouth } from './tsx/SmileNoMouth';
|
||||||
|
export { SmileNone } from './tsx/SmileNone';
|
||||||
|
export { SmileSad } from './tsx/SmileSad';
|
||||||
|
export { SmileUpside } from './tsx/SmileUpside';
|
||||||
|
export { Smile } from './tsx/Smile';
|
||||||
|
export { SoftwareDownload } from './tsx/SoftwareDownload';
|
||||||
|
export { SoftwareUpload } from './tsx/SoftwareUpload';
|
||||||
|
export { SortAz } from './tsx/SortAz';
|
||||||
|
export { SortZa } from './tsx/SortZa';
|
||||||
|
export { SpaceBetweenV } from './tsx/SpaceBetweenV';
|
||||||
|
export { SpaceBetween } from './tsx/SpaceBetween';
|
||||||
|
export { Spectrum } from './tsx/Spectrum';
|
||||||
|
export { SpinnerAlt } from './tsx/SpinnerAlt';
|
||||||
|
export { SpinnerTwoAlt } from './tsx/SpinnerTwoAlt';
|
||||||
|
export { SpinnerTwo } from './tsx/SpinnerTwo';
|
||||||
|
export { Spinner } from './tsx/Spinner';
|
||||||
|
export { Square } from './tsx/Square';
|
||||||
|
export { Stack } from './tsx/Stack';
|
||||||
|
export { Stark } from './tsx/Stark';
|
||||||
|
export { Stopwatch } from './tsx/Stopwatch';
|
||||||
|
export { Stories } from './tsx/Stories';
|
||||||
|
export { Studio } from './tsx/Studio';
|
||||||
|
export { Style } from './tsx/Style';
|
||||||
|
export { Sun } from './tsx/Sun';
|
||||||
|
export { Support } from './tsx/Support';
|
||||||
|
export { SwapVertical } from './tsx/SwapVertical';
|
||||||
|
export { Swap } from './tsx/Swap';
|
||||||
|
export { Sweden } from './tsx/Sweden';
|
||||||
|
export { Swiss } from './tsx/Swiss';
|
||||||
|
export { Sync } from './tsx/Sync';
|
||||||
|
export { Tab } from './tsx/Tab';
|
||||||
|
export { Tag } from './tsx/Tag';
|
||||||
|
export { Tally } from './tsx/Tally';
|
||||||
|
export { TapDouble } from './tsx/TapDouble';
|
||||||
|
export { TapSingle } from './tsx/TapSingle';
|
||||||
|
export { Template } from './tsx/Template';
|
||||||
|
export { Tennis } from './tsx/Tennis';
|
||||||
|
export { Terminal } from './tsx/Terminal';
|
||||||
|
export { Terrain } from './tsx/Terrain';
|
||||||
|
export { Thermometer } from './tsx/Thermometer';
|
||||||
|
export { Thermostat } from './tsx/Thermostat';
|
||||||
|
export { Tikcode } from './tsx/Tikcode';
|
||||||
|
export { Time } from './tsx/Time';
|
||||||
|
export { Timelapse } from './tsx/Timelapse';
|
||||||
|
export { Timer } from './tsx/Timer';
|
||||||
|
export { Today } from './tsx/Today';
|
||||||
|
export { ToggleOff } from './tsx/ToggleOff';
|
||||||
|
export { ToggleOn } from './tsx/ToggleOn';
|
||||||
|
export { ToggleSquareOff } from './tsx/ToggleSquareOff';
|
||||||
|
export { ToggleSquare } from './tsx/ToggleSquare';
|
||||||
|
export { ToolbarBottom } from './tsx/ToolbarBottom';
|
||||||
|
export { ToolbarLeft } from './tsx/ToolbarLeft';
|
||||||
|
export { ToolbarRight } from './tsx/ToolbarRight';
|
||||||
|
export { ToolbarTop } from './tsx/ToolbarTop';
|
||||||
|
export { Toolbox } from './tsx/Toolbox';
|
||||||
|
export { Touchpad } from './tsx/Touchpad';
|
||||||
|
export { Track } from './tsx/Track';
|
||||||
|
export { Transcript } from './tsx/Transcript';
|
||||||
|
export { TrashEmpty } from './tsx/TrashEmpty';
|
||||||
|
export { Trash } from './tsx/Trash';
|
||||||
|
export { Tree } from './tsx/Tree';
|
||||||
|
export { Trees } from './tsx/Trees';
|
||||||
|
export { Trello } from './tsx/Trello';
|
||||||
|
export { TrendingDown } from './tsx/TrendingDown';
|
||||||
|
export { Trending } from './tsx/Trending';
|
||||||
|
export { Trophy } from './tsx/Trophy';
|
||||||
|
export { Tv } from './tsx/Tv';
|
||||||
|
export { Twilio } from './tsx/Twilio';
|
||||||
|
export { Twitter } from './tsx/Twitter';
|
||||||
|
export { UiKit } from './tsx/UiKit';
|
||||||
|
export { Umbrella } from './tsx/Umbrella';
|
||||||
|
export { Unavailable } from './tsx/Unavailable';
|
||||||
|
export { Unblock } from './tsx/Unblock';
|
||||||
|
export { Undo } from './tsx/Undo';
|
||||||
|
export { Unfold } from './tsx/Unfold';
|
||||||
|
export { Unsplash } from './tsx/Unsplash';
|
||||||
|
export { UsbC } from './tsx/UsbC';
|
||||||
|
export { Usb } from './tsx/Usb';
|
||||||
|
export { UserAdd } from './tsx/UserAdd';
|
||||||
|
export { UserList } from './tsx/UserList';
|
||||||
|
export { UserRemove } from './tsx/UserRemove';
|
||||||
|
export { User } from './tsx/User';
|
||||||
|
export { Userlane } from './tsx/Userlane';
|
||||||
|
export { ViewCols } from './tsx/ViewCols';
|
||||||
|
export { ViewComfortable } from './tsx/ViewComfortable';
|
||||||
|
export { ViewDay } from './tsx/ViewDay';
|
||||||
|
export { ViewGrid } from './tsx/ViewGrid';
|
||||||
|
export { ViewList } from './tsx/ViewList';
|
||||||
|
export { ViewMonth } from './tsx/ViewMonth';
|
||||||
|
export { ViewSplit } from './tsx/ViewSplit';
|
||||||
|
export { Vinyl } from './tsx/Vinyl';
|
||||||
|
export { VoicemailO } from './tsx/VoicemailO';
|
||||||
|
export { VoicemailR } from './tsx/VoicemailR';
|
||||||
|
export { Voicemail } from './tsx/Voicemail';
|
||||||
|
export { Volume } from './tsx/Volume';
|
||||||
|
export { Webcam } from './tsx/Webcam';
|
||||||
|
export { Website } from './tsx/Website';
|
||||||
|
export { Windows } from './tsx/Windows';
|
||||||
|
export { WorkAlt } from './tsx/WorkAlt';
|
||||||
|
export { Yinyang } from './tsx/Yinyang';
|
||||||
|
export { Youtube } from './tsx/Youtube';
|
||||||
|
export { Zeit } from './tsx/Zeit';
|
||||||
|
export { ZoomIn } from './tsx/ZoomIn';
|
||||||
|
export { ZoomOut } from './tsx/ZoomOut';
|
||||||
Binary file not shown.
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 406 KiB |
Binary file not shown.
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,50 @@
|
||||||
|
.gg-airplane {
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
transform: scale(var(--ggs,1));
|
||||||
|
background:
|
||||||
|
linear-gradient(
|
||||||
|
to left,
|
||||||
|
currentColor 22px,
|
||||||
|
transparent 0
|
||||||
|
) no-repeat center/16px 2px,
|
||||||
|
radial-gradient(
|
||||||
|
circle,
|
||||||
|
currentColor 60%,
|
||||||
|
transparent 40%
|
||||||
|
) no-repeat right center/2px 2px
|
||||||
|
}
|
||||||
|
|
||||||
|
.gg-airplane::after,
|
||||||
|
.gg-airplane::before {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 10px;
|
||||||
|
height: 8px;
|
||||||
|
border-right: 4px solid
|
||||||
|
}
|
||||||
|
|
||||||
|
.gg-airplane::before {
|
||||||
|
border-top-right-radius: 2px;
|
||||||
|
top: 0;
|
||||||
|
transform:
|
||||||
|
perspective(10px)
|
||||||
|
rotateX(10deg)
|
||||||
|
skewX(30deg);
|
||||||
|
box-shadow: -4px 3px 0 -2px
|
||||||
|
}
|
||||||
|
|
||||||
|
.gg-airplane::after {
|
||||||
|
border-bottom-right-radius: 2px;
|
||||||
|
bottom: 0;
|
||||||
|
transform:
|
||||||
|
perspective(10px)
|
||||||
|
rotateX(-10deg)
|
||||||
|
skewX(-30deg);
|
||||||
|
box-shadow: -4px -3px 0 -2px
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,36 @@
|
||||||
|
.gg-anchor {
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
transform: scale(var(--ggs,1));
|
||||||
|
width: 2px;
|
||||||
|
height: 14px;
|
||||||
|
background: currentColor;
|
||||||
|
border-radius: 8px
|
||||||
|
}
|
||||||
|
|
||||||
|
.gg-anchor::after,
|
||||||
|
.gg-anchor::before {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: absolute;
|
||||||
|
height: 6px;
|
||||||
|
border: 2px solid
|
||||||
|
}
|
||||||
|
|
||||||
|
.gg-anchor::after {
|
||||||
|
width: 12px;
|
||||||
|
border-bottom-left-radius: 20px;
|
||||||
|
border-bottom-right-radius: 20px;
|
||||||
|
border-top-color: transparent;
|
||||||
|
left: -5px;
|
||||||
|
bottom: 2px
|
||||||
|
}
|
||||||
|
|
||||||
|
.gg-anchor::before {
|
||||||
|
width: 6px;
|
||||||
|
border-radius: 8px;
|
||||||
|
top: -4px;
|
||||||
|
left: -2px
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,31 @@
|
||||||
|
.gg-arrange-back {
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
|
transform: scale(var(--ggs,1));
|
||||||
|
display: block;
|
||||||
|
width: 18px;
|
||||||
|
height: 18px
|
||||||
|
}
|
||||||
|
|
||||||
|
.gg-arrange-back::after,
|
||||||
|
.gg-arrange-back::before {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: absolute
|
||||||
|
}
|
||||||
|
|
||||||
|
.gg-arrange-back::after {
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
border: 2px solid;
|
||||||
|
left: 4px;
|
||||||
|
top: 4px
|
||||||
|
}
|
||||||
|
|
||||||
|
.gg-arrange-back::before {
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
background: currentColor;
|
||||||
|
box-shadow: 10px 10px 0
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
.gg-arrange-front {
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
|
transform: scale(var(--ggs,1));
|
||||||
|
display: block;
|
||||||
|
width: 18px;
|
||||||
|
height: 18px
|
||||||
|
}
|
||||||
|
|
||||||
|
.gg-arrange-front::before {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: absolute;
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
border: 2px solid;
|
||||||
|
left: 4px;
|
||||||
|
top: 4px;
|
||||||
|
box-shadow:
|
||||||
|
-5px -5px 0 -1px,
|
||||||
|
5px 5px 0 -1px
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,45 @@
|
||||||
|
.gg-arrow-align-h {
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
transform: scale(var(--ggs,1));
|
||||||
|
width: 20px;
|
||||||
|
height: 10px;
|
||||||
|
background:
|
||||||
|
linear-gradient(
|
||||||
|
to left,
|
||||||
|
currentColor 15px,transparent 0)
|
||||||
|
no-repeat 2px 4px/6px 2px,
|
||||||
|
linear-gradient(
|
||||||
|
to left,
|
||||||
|
currentColor 15px,transparent 0)
|
||||||
|
no-repeat 12px 4px/6px 2px,
|
||||||
|
linear-gradient(
|
||||||
|
to left,
|
||||||
|
currentColor 15px,transparent 0)
|
||||||
|
no-repeat center/2px 10px
|
||||||
|
}
|
||||||
|
|
||||||
|
.gg-arrow-align-h::after,
|
||||||
|
.gg-arrow-align-h::before {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: absolute;
|
||||||
|
width: 6px;
|
||||||
|
height: 6px;
|
||||||
|
transform: rotate(45deg);
|
||||||
|
top: 2px
|
||||||
|
}
|
||||||
|
|
||||||
|
.gg-arrow-align-h::after {
|
||||||
|
border-bottom: 2px solid;
|
||||||
|
border-left: 2px solid;
|
||||||
|
left: 1px
|
||||||
|
}
|
||||||
|
|
||||||
|
.gg-arrow-align-h::before {
|
||||||
|
border-top: 2px solid;
|
||||||
|
border-right: 2px solid;
|
||||||
|
right: 1px
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,45 @@
|
||||||
|
.gg-arrow-align-v {
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
transform: scale(var(--ggs,1));
|
||||||
|
width: 10px;
|
||||||
|
height: 20px;
|
||||||
|
background:
|
||||||
|
linear-gradient(
|
||||||
|
to left,
|
||||||
|
currentColor 15px,transparent 0)
|
||||||
|
no-repeat 4px 2px/2px 6px,
|
||||||
|
linear-gradient(
|
||||||
|
to left,
|
||||||
|
currentColor 15px,transparent 0)
|
||||||
|
no-repeat 4px 12px/2px 6px,
|
||||||
|
linear-gradient(
|
||||||
|
to left,
|
||||||
|
currentColor 15px,transparent 0)
|
||||||
|
no-repeat center/10px 2px
|
||||||
|
}
|
||||||
|
|
||||||
|
.gg-arrow-align-v::after,
|
||||||
|
.gg-arrow-align-v::before {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: absolute;
|
||||||
|
width: 6px;
|
||||||
|
height: 6px;
|
||||||
|
transform: rotate(-45deg);
|
||||||
|
left: 2px
|
||||||
|
}
|
||||||
|
|
||||||
|
.gg-arrow-align-v::after {
|
||||||
|
border-bottom: 2px solid;
|
||||||
|
border-left: 2px solid;
|
||||||
|
bottom: 1px
|
||||||
|
}
|
||||||
|
|
||||||
|
.gg-arrow-align-v::before {
|
||||||
|
border-top: 2px solid;
|
||||||
|
border-right: 2px solid;
|
||||||
|
top: 1px
|
||||||
|
}
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue