twisterarmy/theme_nin
1
0
Fork 0
mirror of https://github.com/twisterarmy/theme_nin.git synced 2025-02-06 20:15:01 +00:00
Code Issues Projects Releases Wiki Activity

_responsive.sass & _menu.sass

Browse Source
This commit is contained in:
myleneb 2015-07-29 06:22:03 +02:00
parent 87f851e99c
commit 967cb74c8e
3 changed files with 19 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
css/style.css
View File

@ -462,10 +462,7 @@ button.light:hover, a.button.light:hover {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
max-width: 100%; padding: 0 30% 0 15%;
padding: 0 20px;
margin: 0;
margin: auto;
background: url('../img/logo.png?1437893891') no-repeat 50% 50%; background: url('../img/logo.png?1437893891') no-repeat 50% 50%;
background-size: 20px; background-size: 20px;
} }
@ -2683,18 +2680,19 @@ ul.dropdown-menu li > li > a {
} }
@media (max-width: 1200px) { @media (max-width: 1200px) {
.wrapper { .right {
width: 98%; display: none;
margin: auto;
} }
.dashboard.left { .userMenu ul {
width: 33%; padding: 0;
} }
.postboard { .postboard {
width: 64%; width: 85%;
margin-right: 1%; }
float: right;
.modal-wrapper {
width: 85%;
} }
} }

5
sass/layout/_menu.sass
View File

@ -17,10 +17,7 @@ $menu-font-color: white
@extend .clear-fix @extend .clear-fix
+box-sizing(border-box) +box-sizing(border-box)
width: 100% width: 100%
max-width: 100% padding: 0 30% 0 15%
padding: 0 20px
margin: 0
margin: auto
background: image-url("logo.png") no-repeat 50% 50% background: image-url("logo.png") no-repeat 50% 50%
background-size: 20px background-size: 20px
li li

17
sass/layout/_responsive.sass
View File

@ -1,16 +1,15 @@
@media (max-width:1200px) @media (max-width:1200px)
.wrapper .right
width: 98% display: none
margin: auto .userMenu
.dashboard.left ul
width: 33% padding: 0
.postboard .postboard
width: 64% width: 85%
margin-right: 1% .modal-wrapper
float: right width: 85%
@media (max-width: 600px) @media (max-width: 600px)