generator-zl-fis3-less/app/templates/page/web1/css/__inc-index-panel.less

基于 Yeoman 的 FIS3 主题模板制作框架初始化脚手架

//.module .panel{background: #fff; padding: 15px;}
//.module .panel .panel-heading{height: 33px; background: url(/assets/design/page/web1/imgs/panel_headline.gif) 0 bottom repeat-x; border: none; padding: 0;}
//.module .panel .panel-heading .title{float: left;}
//.module .panel .panel-heading .title a{display: block; float: left; width: auto; white-space: nowrap; height: 30px; line-height: 22px; font-size: 16px; color: #c40000; border-bottom: #c40000 3px solid; padding: 0 15px;}
//.module .panel .panel-heading .more{float: right; margin-right: 10px; font-size: 12px;}
//.module .panel .panel-heading .more a{color: #999;}
//.module .panel .panel-heading .more a:hover{color: #c40000;}

.panel_title_color(@color:@defaultSkinColor){
    color: @color;
    border-bottom-color: @color;
}

.module{
  .panel{
    background: #fff; padding: 15px;
    .panel-heading{
      height: 33px;
      background: url(../imgs/panel_headline.gif) 0 bottom repeat-x;
      border: none;
      padding: 0;
      .title{
        float: left;
        a{
          display: block;
          float: left;
          width: auto;
          white-space: nowrap;
          height: 30px;
          line-height: 22px;
          font-size: 16px;
          border-bottom: 3px solid;
          padding: 0 15px;
          .panel_title_color(@defaultSkinColor);
        }
      }
      .more{
        float: right; margin-right: 10px; font-size: 12px;
        a{
          color: #999;
        }
        a:hover{
          color: @defaultSkinColor;
        }
      }
    }
  }
}