mirror of
https://github.com/vale981/Vulcan
synced 2025-03-09 12:16:37 -04:00
155 lines
No EOL
2.4 KiB
SCSS
155 lines
No EOL
2.4 KiB
SCSS
.mobile{
|
|
display:none !important;
|
|
}
|
|
@media screen and (max-width: $break-small) {
|
|
.header-button{
|
|
position:relative;
|
|
display:block;
|
|
margin-top:10px;
|
|
background:$red;
|
|
color:white;
|
|
height:30px;
|
|
width:40px;
|
|
i{
|
|
position:absolute;
|
|
width:100%;
|
|
text-align:center;
|
|
line-height:30px;
|
|
height:30px;
|
|
font-size:18px;
|
|
}
|
|
}
|
|
.mobile{
|
|
display:block !important;
|
|
}
|
|
.desktop{
|
|
display:none !important;
|
|
}
|
|
.grid, .grid-small{
|
|
width:auto;
|
|
margin-left:0;
|
|
margin-right:0;
|
|
padding:0 10px;
|
|
min-width:200px;
|
|
}
|
|
.posts{
|
|
margin:0 10px;
|
|
padding:0;
|
|
}
|
|
.header{
|
|
height:50px;
|
|
@include border-radius(0px);
|
|
.logo{
|
|
top:12px;
|
|
}
|
|
.auth-buttons{
|
|
margin:0;
|
|
.login-link-and-dropdown-list{
|
|
right:0px !important;
|
|
position:static !important;
|
|
.login-link-text{
|
|
@extend .header-button;
|
|
height:30px !important;
|
|
margin:10px 0 0 0 !important;
|
|
&:after{
|
|
content: "\75" !important;
|
|
font-family: 'icomoon' !important;
|
|
position:absolute;
|
|
width:100%;
|
|
text-align:center;
|
|
line-height:30px !important;
|
|
height:30px !important;
|
|
font-size:18px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.mobile-button{
|
|
@extend .header-button;
|
|
|
|
span{
|
|
display:none;
|
|
}
|
|
&.menu{
|
|
float:left;
|
|
}
|
|
&.submit{
|
|
float:right;
|
|
}
|
|
&:hover{
|
|
background:white;
|
|
i{
|
|
color:$red;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.post{
|
|
.post-content{
|
|
margin-right:50px;
|
|
margin-right:0px;
|
|
// min-height:90px;
|
|
.upvote-link{
|
|
width:30px;
|
|
}
|
|
.post-info{
|
|
margin-left:30px;
|
|
padding:6px 4px 6px 8px;
|
|
}
|
|
.post-heading{
|
|
.post-title{
|
|
line-height:1.2;
|
|
display:block;
|
|
margin-bottom:4px;
|
|
font-size:18px;
|
|
}
|
|
.post-domain{
|
|
line-height:1;
|
|
display:block;
|
|
margin-bottom:4px;
|
|
font-size:13px;
|
|
}
|
|
}
|
|
.post-meta{
|
|
font-size:11px;
|
|
.comments{
|
|
// display:none;
|
|
}
|
|
.unit{
|
|
font-size:0;
|
|
&:after{
|
|
font-size:12px;
|
|
content:"pts ";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.post-actions{
|
|
display:none;
|
|
li{
|
|
float:none;
|
|
a{
|
|
height:40px;
|
|
width:40px;
|
|
font-size:30px;
|
|
i{
|
|
display:block;
|
|
position:absolute;
|
|
top:0px;
|
|
left:0px;
|
|
width:100%;
|
|
height:100%;
|
|
line-height:40px;
|
|
text-align:center;
|
|
}
|
|
.count{
|
|
top:9px;
|
|
}
|
|
.action{
|
|
display:none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} |