| Current Path : /home/juvelize/martine/templates/pri_blog/less/ |
| Current File : /home/juvelize/martine/templates/pri_blog/less/responsive.less |
/**
* PRI Blog - Free Responsive Joomla! Blog Template
* @author Devpri - http://www.devpri.com
* @copyright Copyright (c) 2013 Devpri
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
* Helix Framework Credit
* @author JoomShaper http://www.joomshaper.com
* @copyright Copyright (c) 2001 - 2013 JoomShaper
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/
.responsive {
@media (max-width:767px) {
&.bg {
padding-left: 0;
padding-right: 0;
}
.container {
padding:0 10px;
max-width:480px;
min-width:280px;
}
#sp-feature-wrapper {
padding:20px 0;
#feature {
h1{
font-size:200%;
line-height:200%;
}
p{
font-size:100%;
}
.btn{
.btn-mini();
margin-bottom:5px;
}
}
}
}
@media (max-width: 979px) {
#sp-header-wrapper{
[class*="span"] {
width:auto;
float:left;
&#sp-menu{
float:right;
}
}
}
}
}
@media (min-width: 979px) {
#sp-header-wrapper{
height:80px;
padding:20px 0;
transition:all 500ms ease;
.logo-wrapper{
.logo{
padding: 15px 0;
transition:all 500ms ease;
}
}
#sp-main-menu{
transition:all 500ms ease;
padding:15px 0;
}
}
.fixed {
height:50px !important;
transition:all 500ms ease;
.logo-wrapper{
.logo{
padding:0 !important;
transition:all 500ms ease;
}
}
#sp-main-menu{
padding:0 !important;
transition:all 500ms ease;
}
}
}