atomicpages / Skeleton Sass
Licence: mit
Skeleton Sass is a highly modular version of Skeleton CSS
Stars: โญ 151
Projects that are alternatives of or similar to Skeleton Sass
Sing App
๐ฅFree and open-source admin dashboard template built with Bootstrap 4.5 ๐ฅ
Stars: โญ 1,187 (+686.09%)
Mutual labels: boilerplate, scss, template, sass
Primitive
โ๏ธ โ A front-end design toolkit for developing web apps.
Stars: โญ 783 (+418.54%)
Mutual labels: boilerplate, scss, template, sass
Sassy Starter
๐ Sassy starter - HTML / SCSS (SMACSS)
Stars: โญ 740 (+390.07%)
Mutual labels: boilerplate, scss, sass
Tris Webpack Boilerplate
A Webpack boilerplate for static websites that has all the necessary modern tools and optimizations built-in. Score a perfect 10/10 on performance.
Stars: โญ 1,016 (+572.85%)
Mutual labels: boilerplate, scss, sass
Devportfolio
A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass
Stars: โญ 3,582 (+2272.19%)
Mutual labels: scss, template, sass
Html Sass Babel Webpack Boilerplate
Webpack 4 + Babel + ES6 + SASS + HTML Modules + Livereload
Stars: โญ 35 (-76.82%)
Mutual labels: boilerplate, scss, sass
React Core Boilerplate
Powerful ASP.NET Core 3 templates with React, true server-side rendering and Docker support
Stars: โญ 169 (+11.92%)
Mutual labels: boilerplate, template, sass
React Frontend Dev Portfolio
Easy to adapt and deploy React portfolio inspired with solutions found at GitHub.
Stars: โญ 55 (-63.58%)
Mutual labels: scss, template, sass
Bootstrap 4 Sass Gulp 4 Boilerplate
A Bootstrap 4.5.2 boilerplate with font-awesome, sass, gulp 4 tasks
Stars: โญ 103 (-31.79%)
Mutual labels: boilerplate, scss, sass
Input Range Scss
Styling Cross-Browser Compatible Range Inputs with Sass
Stars: โญ 272 (+80.13%)
Mutual labels: design, scss, sass
Browser Hack Sass Mixins
Browser hack sass mixin - Apply your SCSS to a specific browser - CSS hacks for: IE, Chrome, Firefox, Edge, Opera
Stars: โญ 170 (+12.58%)
Mutual labels: mixins, scss, sass
Motherplate
A bare bones responsive SCSS boilerplate for web designers
Stars: โญ 392 (+159.6%)
Mutual labels: boilerplate, scss, sass
Sassessentials
Repository for my tutorial course: Sass Essential Training on LinkedIn Learning and Lynda.com.
Stars: โญ 167 (+10.6%)
Mutual labels: mixins, scss, sass
Mq Scss
Extremely powerful Sass media query mixin. Allows you to create almost any media query you can imagine.
Stars: โญ 122 (-19.21%)
Mutual labels: mixins, scss, sass
Frontplate
ใใญใณใใจใณใ้็บใฎๅน็ใใใใใใซในใฟใใฏใใณใใฌใผใ
Stars: โญ 175 (+15.89%)
Mutual labels: scss, template, sass
Light Blue Dashboard
๐ฅ Free and open-source admin dashboard template built with Bootstrap
Stars: โญ 110 (-27.15%)
Mutual labels: boilerplate, scss, sass
Fast
Develop, build, deploy, redeploy, and teardown frontend projects fast.
Stars: โญ 126 (-16.56%)
Mutual labels: boilerplate, scss, sass
Skeleton Sass
Skeleton Sass is a highly modular version of Skeleton CSS build on top of the popular CSS metalanguage, Sass.
Key Features
- Ability to seamlessly adjust grids by changing the value of variables
- Themes
- Easy-to-use mixins and functions
- Install Skeleton Sass with npm! No more clunky scripts!
- Live demo!
- Heavily documented
Getting Started
Skeleton Sass has two dependencies:
- node-sass
>=3.5.0/dart sass>=1.0.0(your choice) - normalize-scss
Skeleton Sass is available as a node module and can be installed and updated via npm or yarn.
npm i skeleton-sass-official normalize-scss -D
yarn add skeleton-sass-official normalize-scss --dev
Alternatively, you can clone the repo and build from source:
cd path/to/my_dir
git clone https://github.com/atomicpages/skeleton-sass.git
# create a blank file
touch skeleton.scss
Open your skeleton.scss file in your text editor and copy these lines:
@import "path/to/node_modules/normalize-scss/sass/normalize/import-now"; // import normalize-scss
@import "path/to/node_modules/skeleton-sass-official/src/core/config"; // Skeleton Sass core loader
// import default theme variables
@import "path/to/node_modules/skeleton-sass-official/src/themes/fresh/vars"; // theme variable overrides
// import default theme styles
@import "path/to/node_modules/skeleton-sass-official/src/themes/fresh/include_components"; // theme base styles
@import "path/to/node_modules/skeleton-sass-official/src/themes/fresh/grid"; // theme grid styles
We're ready to build:
npx sass skeleton.scss skeleton.css
Documentation
Skeleton Sass is heavily documented. If you're looking for a detailed description (or just want more info) you can view all the wiki pages here. Popular articles:
- Introduction to Skeleton Sass
- Function API
- Core Variable API
- Mixin API
- Learn how to set up Skeleton Sass for the first time here.
Themes
Since v2, themes have been supported. Updates (and subsequent pulls from the repo) will not clobber your themes. For more information on how to create a theme of your own, head over to the wiki.
Legacy Versions
- Skeleton Sass 3
- Skeleton Sass 2
- Skeleton Sass
Demo
You can see Skeleton Sass in action here: https://atomicpages.github.io/skeleton-sass. Be sure to resize your browser window and see the responsive goodness in action!
Resources
License
This project is released under the MIT license. Who doesn't like free code?
Contributing
Skeleton Sass is community driven. We will gladly review any issues that you find. If you wish to contribute you'll land a spot in the contributions section of this document!
Contributors
 Roberto Sobachi ๐ ๐ป |
 Thomas van Dongen ๐ ๐ป |
 Seshal Jain ๐ |
 Paul Bulai ๐ |
 Dirk Olbrich ๐ ๐ป |
 Bryson Reece ๐ |
 Edward Compton ๐ ๐ป |
 if2527 ๐ป |
 k-snow ๐ |
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].