gatsby-theme-superstylin

? A Gatsby Theme with styled-components

Github星跟蹤圖

What is Superstylin?

Superstylin' is a Gatsby Theme that uses styled-components as the main way to style your Gatsby site, it provides an easy to start structure to get you up and running with your first Gatsby-powered site.

About styled-components

Simply put, styled-components is a way to add your css in your js, it works by creating a component and style it, then you'll get a styled-component, it's really simple and very powerful.

Benefits of using styled-components

By using your css in your js you get the power of javascript to add more functionality to the way you declare your styles, but wait, that's not all!

Below are some interesting readings to further discover the benefits of styled-components.

A big thanks to Glen Maddern and Max Stoiber for making styled-components ??.

Also big thanks to Kyle Mathews for starting and maintaining Gatsby ??.

Inline-styles vs CSS in JS

Read this excellent post on why inline-styles !== css-in-js by Max Stoiber.

Features of Superstylin ?

  • Use css-in-js with the magic of styled-components ?
  • Uses Gatsby built-in GraphQL to fetch and sort blog posts
  • Easy to customize and to get started with your own Gatsby site
  • Perfect for sites, blogs or both
  • Super simple project structure to get you up and running fast

Installing

Inside your starter:

$ yarn add gatsby-theme-superstylin

And finally, add the theme in your gatsby-config.js:

module.exports = {
  plugins: ['gatsby-theme-superstylin']
}

See the demo for an example.

License

Licensed under the MIT License, Copyright © 2018 Enrique Benitez

See license for more information.

主要指標

概覽
名稱與所有者bntzio/gatsby-theme-superstylin
主編程語言JavaScript
編程語言JavaScript (語言數: 1)
平台
許可證
所有者活动
創建於2017-03-30 02:27:00
推送於2023-01-11 19:39:29
最后一次提交2019-08-01 03:11:34
發布數0
用户参与
星數170
關注者數4
派生數19
提交數47
已啟用問題?
問題數5
打開的問題數1
拉請求數6
打開的拉請求數51
關閉的拉請求數30
项目设置
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?