You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+10-11Lines changed: 10 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,6 +8,7 @@ While there are several other active forks of Skeleton, CSSkel, as in Barebones,
8
8
9
9
## Getting started
10
10
11
+
You can simply link it using https:/ccskel.com/1.0.0/csskel.min.css becasue the whole point is to have it easy to start with. No other dependency required.
11
12
12
13
CSSkel can be downloaded via [zip file](https://github.com/digitart/CSSkel/archive/master.zip) or the repo can be cloned using `git clone https://github.com/digitart/CSSkel.git`.
13
14
@@ -34,10 +35,9 @@ Skeleton/
34
35
## Why CSSkel?
35
36
36
37
Building off of Skeleton's [awesomeness](https://github.com/dhg/Skeleton#why-its-awesome):
37
-
- Updated to use CSS variables
38
+
- Updated to use CSS variables - No pre processor required but you can theme it just setting a few variables
38
39
- Uses CSS Grid to replace 12-column grid system
39
40
- Updated normalize to current version (3.0.2 -> 8.0.1)
40
-
- Maintains backwards compatibility with Skeleton
41
41
42
42
Additional features planned and possible:
43
43
- Support for @media prefers-color-scheme (aka Dark Mode)
@@ -50,21 +50,20 @@ Additional features planned and possible:
50
50
51
51
52
52
53
-
54
53
## Browser support
55
54
56
55
Barebones does make use of modern CSS features, but the base functionality is well supported.
57
56
58
-
- CSS Grid: [88% global browser support](https://caniuse.com/#feat=css-grid)
59
-
- CSS Variables: [87% global browser support](https://caniuse.com/#feat=css-variables)
57
+
- CSS Grid: [88% global browser support](https://caniuse.com/#feat=css-grid) and raising.
58
+
- CSS Variables: [87% global browser support](https://caniuse.com/#feat=css-variables) and raising.
60
59
61
60
The most notable missing support for both features is from IE 11 or earlier. That's probably the browser that your decision will depend on.
62
61
63
-
Barebones includes a few experimental features that are not yet widely supported. If not supported, the brower will simply ignore those directives:
62
+
CSSkel includes a few experimental features inherited from Barebones that are not yet widely supported. If not supported, the brower will simply ignore those directives:
64
63
- prefers-color-scheme media query: Only currently available in Safari Technology Preview
65
64
- scroll-behavior: Chrome, Firefox
66
-
- CSS env(): Nothing included in Barebones, but media queries were structured in such as way to make use of env() variables in the future
67
-
Both of these features can be achived using other methods. In fact, both are implemented using css and vanilla javascript on the [Barebones documentation page](https://acahir.github.io/Barebones/) in ~50 lines of code. In the future these may be added to Barebones as "extensions".
65
+
- CSS env(): Nothing included in CSSkel, but media queries were structured in such as way to make use of env() variables in the future
66
+
Both of these features can be achived using other methods. In the future these may be added to CSSkel as "extensions".
68
67
69
68
#### External dependencies
70
69
@@ -73,13 +72,13 @@ Both of these features can be achived using other methods. In fact, both are imp
73
72
74
73
## Acknowledgements
75
74
76
-
Barebones is build upon the great work of the Skeleton project by [Dave Gamache](https://twitter.com/dhg). It wouldn't be possible without him, and Barebones only exists because Skeleton is no longer being maintained.
75
+
CSSkel is build upon the great work of the Skeleton project by [Dave Gamache](https://twitter.com/dhg) and Barebones by Steve Acahir. It wouldn't be possible without them. CSSkel oexists because Skeleton is no longer being maintained and Barebones still inherit the use of "rows" and "exesive-verbose-classes-on-every-div" that IMHO are no longer required in modern HTML design.
77
76
78
-
The [documentation page](https://acahir.github.io/Barebones/) makes use of icons by [FontAwesome](https://fontawesome.com), [smoothscroll](https://github.com/iamdustan/smoothscroll) by [Dustan Kasten](https://github.com/iamdustan), [Google Prettify](https://code.google.com/p/google-code-prettify/), and other great tidbits shared by many.
77
+
The [documentation page](https://csskel.com/) makes use of icons by [FontAwesome](https://fontawesome.com), [native css smooth scroll](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior), and other great tidbits shared by many.
79
78
80
79
81
80
## License
82
81
83
-
All parts of Barebones are free to use and abuse under the MIT license.
82
+
All parts of CSSkel are free to use and abuse under the MIT license.
0 commit comments