ruby-x.github.io/app/assets/stylesheets/site.sass

91 lines
1.4 KiB
Sass
Raw Normal View History

2018-04-11 09:20:08 +02:00
@import "susy"
$susy: ( columns: 12, gutters: 1/4, gutter-position: inside )
2017-11-28 19:59:01 +01:00
a
color: #53a5ff
text-decoration: none
2018-04-11 09:20:08 +02:00
.container
width: 90%
max-width: 1000px
margin: 0 auto
2017-11-28 19:59:01 +01:00
.container
max-width: 90%
2018-08-20 08:41:14 +02:00
.container_full
min-width: 100%
width: 100%
&:after
clear: both
.half_left
@include span(6)
@media only screen and (max-width: 880px)
@include span(12)
.half_right
@include span(6)
@media only screen and (max-width: 880px)
@include span(12)
2017-11-28 19:59:01 +01:00
ul.nav
text-align: center
li
display: inline
margin-left: 5px
&:before
color: #b5e853
content: ">> "
width: 30px
height: 30px
left: -30px
a
border-bottom: 1px dashed #53a5ff
&:hover
border-bottom: 0px
small
color: lightgrey
.center
text-align: center
.row
clear: both
width: 100%
.tripple
2018-04-11 09:20:08 +02:00
@include span(4)
2018-08-20 08:41:14 +02:00
@media only screen and (max-width: 880px)
@include span(12)
2018-04-11 09:20:08 +02:00
2017-11-28 19:59:01 +01:00
.main
width: 78%
.menu
width: 20%
2018-04-17 15:20:45 +02:00
2018-04-21 20:51:07 +02:00
.full_width
img
width: 100%
2018-04-17 15:20:45 +02:00
.debug_pic
border-color: white
border-width: 8px
border-style: solid
border-radius: 6px
img
width: 100%
2018-04-11 18:34:35 +02:00
.blog_nav
2018-04-22 18:42:29 +02:00
.next_post , .prev_post
2018-04-11 18:34:35 +02:00
width: 20%
2018-04-22 18:42:29 +02:00
.next_post
2018-04-11 18:34:35 +02:00
float: right
2018-04-22 18:42:29 +02:00
.prev_post
2018-04-11 18:34:35 +02:00
float: left
.blog_post
h1
span
font-size: 18px
.blog_index
2018-04-11 16:32:38 +02:00
h1
font-size: 20px
h2
font-size: 16px
span
font-size: 14px