Skip to content

Commit 4e14b74

Browse files
jgthmsjgthms
committed
Init
0 parents  commit 4e14b74

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

44 files changed

+17694
-0
lines changed

‎.gitignore

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
# Files
2+
3+
.config.local.yml
4+
.DS_Store
5+
.jekyll-metadata
6+
.ruby-version
7+
npm-debug.log
8+
test.sass
9+
10+
# Folders
11+
12+
.idea/
13+
.sass-cache
14+
_gh_pages
15+
_site
16+
images/trash
17+
node_modules
18+
property

‎CNAME

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
cssreference.io

‎LICENSE

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
The MIT License (MIT)
2+
3+
Copyright (c) 2016 Jeremy Thomas
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in
13+
all copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21+
THE SOFTWARE.

‎README.md

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
# [CSS Reference](http://cssreference.io): a free visual guide to the most popular CSS properties
2+
3+
[![CSS Reference screenshot](https://raw.github.com/jgthms/css-reference/master/images/css-reference-share.png)](http://cssreference.io)
4+
5+
# License
6+
7+
The content of this project itself is licensed under the [Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License](http://creativecommons.org/licenses/by-nc-sa/4.0/).
8+
9+
The underlying source code used to format and display that content is licensed under the [MIT license](http://opensource.org/licenses/mit-license.php).

‎_config.local.yml

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
title: CSS Reference
2+
description: A free visual guide to the most popular CSS properties.
3+
share: "CSS Reference: a free visual guide to the most popular CSS properties."
4+
url: http://localhost:4000
5+
markdown: kramdown
6+
permalink: pretty
7+
exclude: ['node_modules']

‎_config.yml

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
title: CSS Reference
2+
description: A free visual guide to the most popular CSS properties.
3+
share: "CSS Reference: a free visual guide to the most popular CSS properties."
4+
url: http://cssreference.io
5+
markdown: kramdown
6+
permalink: pretty
7+
exclude: ['node_modules']

‎_includes/lists/main-list.html

Lines changed: 14108 additions & 0 deletions
Large diffs are not rendered by default.

‎_includes/lists/menu-list.html

Lines changed: 128 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,128 @@
1+
<li><a href="{{site.url}}/#align-content" data-property-name="align-content">align-content</a></li>
2+
<li><a href="{{site.url}}/#align-items" data-property-name="align-items">align-items</a></li>
3+
<li><a href="{{site.url}}/#align-self" data-property-name="align-self">align-self</a></li>
4+
<li><a href="{{site.url}}/#animation-delay" data-property-name="animation-delay">animation-delay</a></li>
5+
<li><a href="{{site.url}}/#animation-direction" data-property-name="animation-direction">animation-direction</a></li>
6+
<li><a href="{{site.url}}/#animation-duration" data-property-name="animation-duration">animation-duration</a></li>
7+
<li><a href="{{site.url}}/#animation-fill-mode" data-property-name="animation-fill-mode">animation-fill-mode</a></li>
8+
<li><a href="{{site.url}}/#animation-iteration-count" data-property-name="animation-iteration-count">animation-iteration-count</a></li>
9+
<li><a href="{{site.url}}/#animation-name" data-property-name="animation-name">animation-name</a></li>
10+
<li><a href="{{site.url}}/#animation-play-state" data-property-name="animation-play-state">animation-play-state</a></li>
11+
<li><a href="{{site.url}}/#animation-timing-function" data-property-name="animation-timing-function">animation-timing-function</a></li>
12+
<li><a href="{{site.url}}/#animation" data-property-name="animation">animation</a></li>
13+
<li><a href="{{site.url}}/#background-attachment" data-property-name="background-attachment">background-attachment</a></li>
14+
<li><a href="{{site.url}}/#background-clip" data-property-name="background-clip">background-clip</a></li>
15+
<li><a href="{{site.url}}/#background-color" data-property-name="background-color">background-color</a></li>
16+
<li><a href="{{site.url}}/#background-image" data-property-name="background-image">background-image</a></li>
17+
<li><a href="{{site.url}}/#background-origin" data-property-name="background-origin">background-origin</a></li>
18+
<li><a href="{{site.url}}/#background-position" data-property-name="background-position">background-position</a></li>
19+
<li><a href="{{site.url}}/#background-repeat" data-property-name="background-repeat">background-repeat</a></li>
20+
<li><a href="{{site.url}}/#background-size" data-property-name="background-size">background-size</a></li>
21+
<li><a href="{{site.url}}/#background" data-property-name="background">background</a></li>
22+
<li><a href="{{site.url}}/#border-bottom-color" data-property-name="border-bottom-color">border-bottom-color</a></li>
23+
<li><a href="{{site.url}}/#border-bottom-left-radius" data-property-name="border-bottom-left-radius">border-bottom-left-radius</a></li>
24+
<li><a href="{{site.url}}/#border-bottom-right-radius" data-property-name="border-bottom-right-radius">border-bottom-right-radius</a></li>
25+
<li><a href="{{site.url}}/#border-bottom-style" data-property-name="border-bottom-style">border-bottom-style</a></li>
26+
<li><a href="{{site.url}}/#border-bottom-width" data-property-name="border-bottom-width">border-bottom-width</a></li>
27+
<li><a href="{{site.url}}/#border-bottom" data-property-name="border-bottom">border-bottom</a></li>
28+
<li><a href="{{site.url}}/#border-collapse" data-property-name="border-collapse">border-collapse</a></li>
29+
<li><a href="{{site.url}}/#border-color" data-property-name="border-color">border-color</a></li>
30+
<li><a href="{{site.url}}/#border-left-color" data-property-name="border-left-color">border-left-color</a></li>
31+
<li><a href="{{site.url}}/#border-left-style" data-property-name="border-left-style">border-left-style</a></li>
32+
<li><a href="{{site.url}}/#border-left-width" data-property-name="border-left-width">border-left-width</a></li>
33+
<li><a href="{{site.url}}/#border-left" data-property-name="border-left">border-left</a></li>
34+
<li><a href="{{site.url}}/#border-radius" data-property-name="border-radius">border-radius</a></li>
35+
<li><a href="{{site.url}}/#border-right-color" data-property-name="border-right-color">border-right-color</a></li>
36+
<li><a href="{{site.url}}/#border-right-style" data-property-name="border-right-style">border-right-style</a></li>
37+
<li><a href="{{site.url}}/#border-right-width" data-property-name="border-right-width">border-right-width</a></li>
38+
<li><a href="{{site.url}}/#border-right" data-property-name="border-right">border-right</a></li>
39+
<li><a href="{{site.url}}/#border-style" data-property-name="border-style">border-style</a></li>
40+
<li><a href="{{site.url}}/#border-top-color" data-property-name="border-top-color">border-top-color</a></li>
41+
<li><a href="{{site.url}}/#border-top-left-radius" data-property-name="border-top-left-radius">border-top-left-radius</a></li>
42+
<li><a href="{{site.url}}/#border-top-right-radius" data-property-name="border-top-right-radius">border-top-right-radius</a></li>
43+
<li><a href="{{site.url}}/#border-top-style" data-property-name="border-top-style">border-top-style</a></li>
44+
<li><a href="{{site.url}}/#border-top-width" data-property-name="border-top-width">border-top-width</a></li>
45+
<li><a href="{{site.url}}/#border-top" data-property-name="border-top">border-top</a></li>
46+
<li><a href="{{site.url}}/#border-width" data-property-name="border-width">border-width</a></li>
47+
<li><a href="{{site.url}}/#border" data-property-name="border">border</a></li>
48+
<li><a href="{{site.url}}/#bottom" data-property-name="bottom">bottom</a></li>
49+
<li><a href="{{site.url}}/#box-shadow" data-property-name="box-shadow">box-shadow</a></li>
50+
<li><a href="{{site.url}}/#box-sizing" data-property-name="box-sizing">box-sizing</a></li>
51+
<li><a href="{{site.url}}/#clear" data-property-name="clear">clear</a></li>
52+
<li><a href="{{site.url}}/#color" data-property-name="color">color</a></li>
53+
<li><a href="{{site.url}}/#column-count" data-property-name="column-count">column-count</a></li>
54+
<li><a href="{{site.url}}/#column-gap" data-property-name="column-gap">column-gap</a></li>
55+
<li><a href="{{site.url}}/#column-width" data-property-name="column-width">column-width</a></li>
56+
<li><a href="{{site.url}}/#content" data-property-name="content">content</a></li>
57+
<li><a href="{{site.url}}/#cursor" data-property-name="cursor">cursor</a></li>
58+
<li><a href="{{site.url}}/#display" data-property-name="display">display</a></li>
59+
<li><a href="{{site.url}}/#flex-basis" data-property-name="flex-basis">flex-basis</a></li>
60+
<li><a href="{{site.url}}/#flex-direction" data-property-name="flex-direction">flex-direction</a></li>
61+
<li><a href="{{site.url}}/#flex-flow" data-property-name="flex-flow">flex-flow</a></li>
62+
<li><a href="{{site.url}}/#flex-grow" data-property-name="flex-grow">flex-grow</a></li>
63+
<li><a href="{{site.url}}/#flex-shrink" data-property-name="flex-shrink">flex-shrink</a></li>
64+
<li><a href="{{site.url}}/#flex-wrap" data-property-name="flex-wrap">flex-wrap</a></li>
65+
<li><a href="{{site.url}}/#float" data-property-name="float">float</a></li>
66+
<li><a href="{{site.url}}/#font-family" data-property-name="font-family">font-family</a></li>
67+
<li><a href="{{site.url}}/#font-size" data-property-name="font-size">font-size</a></li>
68+
<li><a href="{{site.url}}/#font-style" data-property-name="font-style">font-style</a></li>
69+
<li><a href="{{site.url}}/#font-variant" data-property-name="font-variant">font-variant</a></li>
70+
<li><a href="{{site.url}}/#font-weight" data-property-name="font-weight">font-weight</a></li>
71+
<li><a href="{{site.url}}/#font" data-property-name="font">font</a></li>
72+
<li><a href="{{site.url}}/#height" data-property-name="height">height</a></li>
73+
<li><a href="{{site.url}}/#justify-content" data-property-name="justify-content">justify-content</a></li>
74+
<li><a href="{{site.url}}/#left" data-property-name="left">left</a></li>
75+
<li><a href="{{site.url}}/#letter-spacing" data-property-name="letter-spacing">letter-spacing</a></li>
76+
<li><a href="{{site.url}}/#line-height" data-property-name="line-height">line-height</a></li>
77+
<li><a href="{{site.url}}/#list-style-image" data-property-name="list-style-image">list-style-image</a></li>
78+
<li><a href="{{site.url}}/#list-style-position" data-property-name="list-style-position">list-style-position</a></li>
79+
<li><a href="{{site.url}}/#list-style-type" data-property-name="list-style-type">list-style-type</a></li>
80+
<li><a href="{{site.url}}/#list-style" data-property-name="list-style">list-style</a></li>
81+
<li><a href="{{site.url}}/#margin-bottom" data-property-name="margin-bottom">margin-bottom</a></li>
82+
<li><a href="{{site.url}}/#margin-left" data-property-name="margin-left">margin-left</a></li>
83+
<li><a href="{{site.url}}/#margin-right" data-property-name="margin-right">margin-right</a></li>
84+
<li><a href="{{site.url}}/#margin-top" data-property-name="margin-top">margin-top</a></li>
85+
<li><a href="{{site.url}}/#margin" data-property-name="margin">margin</a></li>
86+
<li><a href="{{site.url}}/#max-height" data-property-name="max-height">max-height</a></li>
87+
<li><a href="{{site.url}}/#max-width" data-property-name="max-width">max-width</a></li>
88+
<li><a href="{{site.url}}/#min-height" data-property-name="min-height">min-height</a></li>
89+
<li><a href="{{site.url}}/#min-width" data-property-name="min-width">min-width</a></li>
90+
<li><a href="{{site.url}}/#mix-blend-mode" data-property-name="mix-blend-mode">mix-blend-mode</a></li>
91+
<li><a href="{{site.url}}/#opacity" data-property-name="opacity">opacity</a></li>
92+
<li><a href="{{site.url}}/#order" data-property-name="order">order</a></li>
93+
<li><a href="{{site.url}}/#outline-color" data-property-name="outline-color">outline-color</a></li>
94+
<li><a href="{{site.url}}/#outline-style" data-property-name="outline-style">outline-style</a></li>
95+
<li><a href="{{site.url}}/#outline-width" data-property-name="outline-width">outline-width</a></li>
96+
<li><a href="{{site.url}}/#outline" data-property-name="outline">outline</a></li>
97+
<li><a href="{{site.url}}/#overflow-wrap" data-property-name="overflow-wrap">overflow-wrap</a></li>
98+
<li><a href="{{site.url}}/#overflow-x" data-property-name="overflow-x">overflow-x</a></li>
99+
<li><a href="{{site.url}}/#overflow-y" data-property-name="overflow-y">overflow-y</a></li>
100+
<li><a href="{{site.url}}/#overflow" data-property-name="overflow">overflow</a></li>
101+
<li><a href="{{site.url}}/#padding-bottom" data-property-name="padding-bottom">padding-bottom</a></li>
102+
<li><a href="{{site.url}}/#padding-left" data-property-name="padding-left">padding-left</a></li>
103+
<li><a href="{{site.url}}/#padding-right" data-property-name="padding-right">padding-right</a></li>
104+
<li><a href="{{site.url}}/#padding-top" data-property-name="padding-top">padding-top</a></li>
105+
<li><a href="{{site.url}}/#padding" data-property-name="padding">padding</a></li>
106+
<li><a href="{{site.url}}/#pointer-events" data-property-name="pointer-events">pointer-events</a></li>
107+
<li><a href="{{site.url}}/#position" data-property-name="position">position</a></li>
108+
<li><a href="{{site.url}}/#resize" data-property-name="resize">resize</a></li>
109+
<li><a href="{{site.url}}/#text-align" data-property-name="text-align">text-align</a></li>
110+
<li><a href="{{site.url}}/#text-decoration" data-property-name="text-decoration">text-decoration</a></li>
111+
<li><a href="{{site.url}}/#text-indent" data-property-name="text-indent">text-indent</a></li>
112+
<li><a href="{{site.url}}/#text-overflow" data-property-name="text-overflow">text-overflow</a></li>
113+
<li><a href="{{site.url}}/#text-shadow" data-property-name="text-shadow">text-shadow</a></li>
114+
<li><a href="{{site.url}}/#text-transform" data-property-name="text-transform">text-transform</a></li>
115+
<li><a href="{{site.url}}/#top" data-property-name="top">top</a></li>
116+
<li><a href="{{site.url}}/#transform-origin" data-property-name="transform-origin">transform-origin</a></li>
117+
<li><a href="{{site.url}}/#transform" data-property-name="transform">transform</a></li>
118+
<li><a href="{{site.url}}/#transition-delay" data-property-name="transition-delay">transition-delay</a></li>
119+
<li><a href="{{site.url}}/#transition-duration" data-property-name="transition-duration">transition-duration</a></li>
120+
<li><a href="{{site.url}}/#transition-property" data-property-name="transition-property">transition-property</a></li>
121+
<li><a href="{{site.url}}/#transition-timing-function" data-property-name="transition-timing-function">transition-timing-function</a></li>
122+
<li><a href="{{site.url}}/#transition" data-property-name="transition">transition</a></li>
123+
<li><a href="{{site.url}}/#white-space" data-property-name="white-space">white-space</a></li>
124+
<li><a href="{{site.url}}/#width" data-property-name="width">width</a></li>
125+
<li><a href="{{site.url}}/#will-change" data-property-name="will-change">will-change</a></li>
126+
<li><a href="{{site.url}}/#word-break" data-property-name="word-break">word-break</a></li>
127+
<li><a href="{{site.url}}/#word-spacing" data-property-name="word-spacing">word-spacing</a></li>
128+
<li><a href="{{site.url}}/#z-index" data-property-name="z-index">z-index</a></li>

‎_includes/menu.html

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
<aside class="menu">
2+
<header class="menu-header">
3+
<a class="menu-logo" href="{{site.url}}">
4+
<figure>
5+
<img src="{{site.url}}/images/css-reference-icon.png" alt="CSS Reference icon">
6+
<img src="{{site.url}}/images/css-reference-type.png" alt="CSS Reference type">
7+
</figure>
8+
</a>
9+
<p class="menu-title">
10+
{{site.description}}
11+
</p>
12+
<p class="menu-share">
13+
<strong class="menu-share-label">Share</strong>
14+
<a class="menu-share-button is-twitter"
15+
data-social-network="Twitter"
16+
data-social-action="tweet"
17+
data-social-target="{{site.url}}{{page.url}}"
18+
href="https://twitter.com/intent/tweet?url={{site.url | url_encode}}&text={{site.share | url_encode}}"
19+
rel="external nofollow"
20+
target="_blank">
21+
{% include svg/twitter.html %}
22+
</a>
23+
<a class="menu-share-button is-facebook"
24+
href="http://www.facebook.com/sharer.php?u={{site.url | url_encode}}"
25+
rel="external nofollow"
26+
target="_blank">
27+
{% include svg/facebook.html %}
28+
</a>
29+
<a id="menu-nav-open" class="menu-share-nav">Menu</a>
30+
</p>
31+
</header>
32+
<nav id="menu-nav" class="menu-nav">
33+
<form class="menu-search">
34+
<input id="menu-search-input" type="search" name="CSSPropertySearch" placeholder="Search for a property">
35+
<i class="icon is-search"></i>
36+
</form>
37+
<div id="menu-list" class="menu-list">
38+
<ul id="menu-list-ul" class="menu-list-ul">
39+
{% include lists/menu-list.html %}
40+
</ul>
41+
<i id="menu-shadow-top" class="menu-list-shadow is-top"></i>
42+
<i id="menu-shadow-bottom" class="menu-list-shadow is-bottom"></i>
43+
</div>
44+
<a id="menu-nav-close" class="menu-close">
45+
<i class="icon is-close"></i>
46+
<strong>Close</strong>
47+
</a>
48+
</nav>
49+
</aside>

‎_includes/modals/share.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<div id="modal-share" class="modal">
2+
<div class="modal-box">
3+
<p class="modal-title">Share this CSS property</p>
4+
<p class="modal-url">
5+
<input id="modal-input" class="input" type="text" value="{{site.url}}/" readonly>
6+
<button id="modal-copy" class="button is-primary" data-clipboard-target="#modal-input">Copy</button>
7+
</p>
8+
<p class="modal-social">
9+
<a id="modal-twitter" class="button is-twitter" href="https://twitter.com/intent/tweet?url=http%3A%2F%2Fcssreference.io&text=CSS%20Reference%3A%20a%20visual%20guide%20to%20the%20most%20popular%20%23CSS%20properties">Share on Twitter</a>
10+
<a id="modal-facebook" class="button is-facebook" href="https://www.facebook.com/sharer.php?u=http%3A%2F%2Fcssreference.io">Share on Facebook</a>
11+
</p>
12+
<a id="modal-close" class="modal-close"></a>
13+
</div>
14+
</div>

0 commit comments

Comments
 (0)