diff --git a/content/assets/css/bootstrap.scss b/content/assets/css/bootstrap.scss index 361b2f4..804674c 100644 --- a/content/assets/css/bootstrap.scss +++ b/content/assets/css/bootstrap.scss @@ -5,3 +5,5 @@ is_dynamic: false --- @import "bootstrap/bootstrap"; +@import "extra"; + diff --git a/content/assets/css/extra.scss b/content/assets/css/extra.scss new file mode 100644 index 0000000..0d6bb1d --- /dev/null +++ b/content/assets/css/extra.scss @@ -0,0 +1,52 @@ +/* Style all font awesome icons */ +.fa { + padding: 20px; + font-size: 30px; + width: 50px; + text-align: center; + text-decoration: none; +} + +/* Add a hover effect if you want */ +.fa:hover { + opacity: 0.7; +} + +/* Set a specific color for each brand */ + +/* Facebook */ +.fa-facebook { + background: #3B5998; + color: white; +} + +/* Twitter */ +.fa-twitter { + background: #55ACEE; + color: white; +} + +/* g+ */ +.fa-google-plus { + background: #d34836; + color: white; +} + +/* yt */ +.fa-youtube { + background: #ff0000; + color: white; +} + +/* linkedin */ +.fa-linkedin { + background: #0077B5; + color: white; +} + +/* reddit */ +.fa-reddit { + background: #FF5700; + color: white; +} + diff --git a/content/index.erb b/content/index.erb index 4c02c59..e771682 100644 --- a/content/index.erb +++ b/content/index.erb @@ -2,6 +2,7 @@ title: CentOS Project is_hidden: true --- +