rubydesign
/
webdev.camp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix blog and share styles 

share buttons in menu now
non bs sizing
fixed share buttons
This commit is contained in:
Torsten Ruger 2017-06-15 21:02:29 +03:00
parent 221a2439b9
commit e80c8e6e93
3 changed files with 57 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
app/assets/stylesheets/_blog.sass
View File

@ -1,6 +1,22 @@
.blog
%h1
h1
margin-top: 30px
p
font-size: 1.1rem
text-align: justify
.center_col
margin-left: 10%
margin-right: 10%
width: 80%
img.large
margin: auto
display: block
@media only screen and (max-width: 770px)
h1
margin-top: 0px
font-size: 2rem
h2
font-size: 1.7rem
h3
font-size: 1.5rem

24
app/assets/stylesheets/_share.scss
View File

@ -16,6 +16,30 @@ $colors: (
google-plus: #dd4b39
);
.social_box{
position: fixed;
width: 10%;
margin-top: 50px;
@media only screen and (max-width: 770px){
width: 100%;
margin-top: -90px;
z-index: 1111;
.social {
.fa {
border-radius: 25px;
font-size: 25px;
height: 55px;
line-height: 55px;
width: 55px;
&:after {
font-size: 10px;
line-height: 10px;
}
}
}
}
}
.social {
text-align: center;
&__item {

36
app/views/blog/page.haml
View File

@ -1,24 +1,20 @@
.social_box
.social
.social__item
%span.fa.fa-facebook{"data-count" => "", "data-social" => "fb"}
.social__item
%span.fa.fa-twitter{"data-count" => "", "data-social" => "tw"}
.social__item
%span.fa.fa-linkedin{"data-count" => "", "data-social" => "ln"}
.social__item
%span.fa.fa-pinterest{"data-count" => "", "data-social" => "pt"}
.blog
.row
.col-md-2
.col-md-8
%h1= @page.title
.col-md-2
.row
.col-md-1
.col-md-1
.social
.social__item
%span.fa.fa-facebook{"data-count" => "", "data-social" => "fb"}
.social__item
%span.fa.fa-twitter{"data-count" => "", "data-social" => "tw"}
.social__item
%span.fa.fa-linkedin{"data-count" => "", "data-social" => "ln"}
.social__item
%span.fa.fa-pinterest{"data-count" => "", "data-social" => "pt"}
.col-md-8
= render( @page.template_name )
.col-md-2
.center_col
%h1= @page.title
.center_col
= render( @page.template_name )
:javascript
$(function () {
$('[data-social]').socialButtons({