fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-01-09 03:32:00 +09:00
Code Issues Projects Releases Packages Wiki Activity

make the sidebar area over the right side of the layout border

Browse source 
오른쪽 바깥에 사이드바 영역 생성.
This commit is contained in:
MinSoo Kim 2017-03-13 00:54:53 +09:00
parent 2bab4c7a6c
commit b8fc82828d
3 changed files with 31 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

21
layouts/simple_world/layout.scss
View file

@ -12,6 +12,11 @@
@return rgb($return, $return, $return);
}
@mixin layout_box($shadow){
background: #fff;
box-shadow: 0 $shadow/2 $shadow rgba(0,0,0,0.16), 0 $shadow/2 $shadow rgba(0,0,0,0.23);
}
body {
margin:0;
padding:0;
@ -59,19 +64,29 @@ header.layout_frame, footer.layout_frame, .layout_frame.layout_left_content .lay
.layout_body.layout_frame {
background-color: $content_color;
overflow: hidden;
}
.layout_body {
position: relative;
}
.layout_outright{
position: absolute;
top: 15px;
right: 0;
box-sizing: border-box;
width: 160px;
@include layout_box(2px);
margin-right:-170px;
}
.layout_left_content.layout_frame>.layout_canvas {
div.layout_content {
float:left;
width: 20%;
box-sizing: border-box;
padding-right:5px;
section.layout_left{
margin: 2px;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
margin: 2px 2px 10px;
@include layout_box(2px);
h1 {
border-bottom: 1px solid #e0e0e0;
font-weight: 400;