https://github.com/solitudera/hybrid-core

Hybrid-Core is an open source toolkit for developing with HTML, CSS, and JS with Hybrid design language.
https://github.com/solitudera/hybrid-core

css framework javascript

Last synced: 16 days ago
JSON representation

Hybrid-Core is an open source toolkit for developing with HTML, CSS, and JS with Hybrid design language.

• Host: GitHub
• URL: https://github.com/solitudera/hybrid-core
• Owner: SolitudeRA
• License: mit
• Created: 2017-11-09T03:10:33.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2019-04-14T16:29:18.000Z (over 5 years ago)
• Last Synced: 2024-03-08T12:25:51.575Z (10 months ago)
• Topics: css, framework, javascript
• Language: CSS
• Homepage: https://protogalaxy.me/?tag=hybrid
• Size: 26.4 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Hybrid

>Developer Guideline

## Variables

### Layer z-index

|       Layer        | z-index |          comment          |

|:------------------:|:-------:|:-------------------------:|

|       Normal       |   100   |        Basic layer        |

|        Hold        |   150   |      Held components      |

|       Fixed        |   200   |       Fixed z-index       |

| Interface-backdrop |   350   | Backdrop of the interface |

|     Interface      |   400   |      Interface layer      |

|       Sticky       |   500   |     Sticky components     |

|   Modal-backdrop   |   550   |   Backdrop of the modal   |

|       Modal        |   600   |        Modal layer        |

### Grid break points

|      | Phone | Tablet | Tablet-Pro | Laptop | Desktop-FHD | Desktop-WQHD |

|:----:|:-----:|:------:|:----------:|:------:|:-----------:|:------------:|

|  0   |   *   |        |            |        |             |              |

| 767  |   *   |   *    |            |        |             |              |

| 1023 |       |   *    |     *      |        |             |              |

| 1365 |       |        |     *      |   *    |             |              |

| 1919 |       |        |            |   *    |      *      |              |

| 2559 |       |        |            |        |      *      |      *       |

|  ∞   |       |        |            |        |             |      *       |

### Font unicode range

| Language | unicode rage |

|:--------:|:------------:|

|  en_US   |              |

|   CJK    |              |

### Color Palette

    

        

        50

        100

        200

        300

        400

        500

        600

        700

        800

        900

        A100

        A200

        A400

        A700

    

    

        Red

        #FFEBEE

        #FFCDD2

        #EF9A9A

        #E57373

        #EF5350

        #F44336

        #E53935

        #D32F2F

        #C62828

        #B71C1C

        #FF8A80

        #FF5252

        #FF1744

        #D50000

    

    

        Pink

        #FCE4EC

        #F8BBD0

        #F48FB1

        #F06292

        #EC407A

        #E91E63

        #D81B60

        #C2185B

        #AD1457

        #880E4F

        #FF80AB

        #FF4081

        #F50057

        #C51162

    

    

        Purple

        #F3E5F5

        #E1BEE7

        #CE93D8

        #BA68C8

        #AB47BC

        #9C27B0

        #8E24AA

        #7B1FA2

        #6A1B9A

        #4A148C

        #EA80FC

        #E040FB

        #D500F9

        #AA00FF

    

    

        Deep_Purple

        #EDE7F6

        #D1C4E9

        #B39DDB

        #9575CD

        #7E57C2

        #673AB7

        #5E35B1

        #512DA8

        #4527A0

        #311B92

        #B388FF

        #7C4DFF

        #651FFF

        #6200EA

    

    

        Indigo

        #E8EAF6

        #C5CAE9

        #9FA8DA

        #7986CB

        #5C6BC0

        #3F51B5

        #3949AB

        #303F9F

        #283593

        #1A237E

        #8C9EFF

        #536DFE

        #3D5AFE

        #304FFE

    

    

        Blue

        #E3F2FD

        #BBDEFB

        #90CAF9

        #64B5F6

        #42A5F5

        #2196F3

        #1E88E5

        #1976D2

        #1565C0

        #0D47A1

        #82B1FF

        #448AFF

        #2979FF

        #2962FF

    

    

        Light_Blue

        #E1F5FE

        #B3E5FC

        #81D4FA

        #4FC3F7

        #29B6F6

        #03A9F4

        #039BE5

        #0288D1

        #0277BD

        #01579B

        #80D8FF

        #40C4FF

        #00B0FF

        #0091EA

    

    

        Cyan

        #E0F7FA

        #B2EBF2

        #80DEEA

        #4DD0E1

        #26C6DA

        #00BCD4

        #00ACC1

        #0097A7

        #00838F

        #006064

        #84FFFF

        #18FFFF

        #00E5FF

        #00B8D4

    

    

        Teal

        #E0F2F1

        #B2DFDB

        #80CBC4

        #4DB6AC

        #26A69A

        #009688

        #00897B

        #00796B

        #00695C

        #004D40

        #A7FFEB

        #64FFDA

        #1DE9B6

        #00BFA5

    

    

        Green

        #E8F5E9

        #C8E6C9

        #A5D6A7

        #81C784

        #66BB6A

        #4CAF50

        #43A047

        #388E3C

        #2E7D32

        #1B5E20

        #B9F6CA

        #69F0AE

        #00E676

        #00C853

    

    

        Light_Green

        #F1F8E9

        #DCEDC8

        #C5E1A5

        #AED581

        #9CCC65

        #8BC34A

        #7CB342

        #689F38

        #558B2F

        #33691E

        #CCFF90

        #B2FF59

        #76FF03

        #64DD17

    

    

        Lime

        #F9FBE7

        #F0F4C3

        #E6EE9C

        #DCE775

        #D4E157

        #CDDC39

        #C0CA33

        #AFB42B

        #9E9D24

        #827717

        #F4FF81

        #EEFF41

        #C6FF00

        #AEEA00

    

    

        Yellow

        #FFFDE7

        #FFF9C4

        #FFF59D

        #FFF176

        #FFEE58

        #FFEB3B

        #FDD835

        #FBC02D

        #F9A825

        #F57F17

        #FFFF8D

        #FFFF00

        #FFEA00

        #FFD600

    

    

        Amber

        #FFF8E1

        #FFECB3

        #FFE082

        #FFD54F

        #FFCA28

        #FFC107

        #FFB300

        #FFA000

        #FF8F00

        #FF6F00

        #FFE57F

        #FFD740

        #FFC400

        #FFAB00

    

    

        Orange

        #FFF3E0

        #FFE0B2

        #FFCC80

        #FFB74D

        #FFA726

        #FF9800

        #FB8C00

        #F57C00

        #EF6C00

        #E65100

        #FFD180

        #FFAB40

        #FF9100

        #FF6D00

    

    

        Deep_Orange

        #FBE9E7

        #FFCCBC

        #FFAB91

        #FF8A65

        #FF7043

        #FF5722

        #F4511E

        #E64A19

        #D84315

        #BF360C

        #FF9E80

        #FF6E40

        #FF3D00

        #DD2C00

    

    

        Brown

        #EFEBE9

        #D7CCC8

        #BCAAA4

        #A1887F

        #8D6E63

        #795548

        #6D4C41

        #5D4037

        #4E342E

        #3E2723

        N/A

        N/A

        N/A

        N/A

    

    

        Grey

        #FAFAFA

        #F5F5F5

        #EEEEEE

        #E0E0E0

        #BDBDBD

        #9E9E9E

        #757575

        #616161

        #424242

        #212121

        N/A

        N/A

        N/A

        N/A

    

    

        Blue_Grey

        #ECEFF1

        #CFD8DC

        #B0BEC5

        #90A4AE

        #78909C

        #607D8B

        #546E7A

        #455A64

        #37474F

        #263238

        N/A

        N/A

        N/A

        N/A

    

    

        Black

        #000000

        N/A

        N/A

        N/A

        N/A

        N/A

        N/A

        N/A

        N/A

        N/A

        N/A

        N/A

        N/A

        N/A

    

    

        White

        #FFFFFF

        N/A

        N/A

        N/A

        N/A

        N/A

        N/A

        N/A

        N/A

        N/A

        N/A

        N/A

        N/A

        N/A