Changeset 90752 in spip-zone


Ignore:
Timestamp:
Jul 7, 2015, 11:20:28 AM (4 years ago)
Author:
cedric@…
Message:

fixer hashgrid sur la nouvelle grille

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/bootstrap/trunk/bootstrap2spip/css/hashgrid.less

    r90743 r90752  
    44 */
    55#grid {
    6   .hashgrid (@grid-column-width, @grid-gutter-width, @grid-columns, @line-height-computed) {
     6  .hashgrid (@container-width, @grid-gutter-width, @grid-columns, @line-height-computed) {
    77    #bsgrid{
    88      /* Dimensions - same width as your grid with gutters */
    9       width: (@grid-column-width * @grid-columns) + (@grid-gutter-width * (@grid-columns + 1));
    10       margin-left: -((@grid-column-width * @grid-columns) + (@grid-gutter-width * (@grid-columns + 1)))/2;
     9      width: @container-width;
     10      margin-left: -1 * (@container-width / 2 );
    1111    }
    1212
     
    1818     */
    1919    #bsgrid div.vert{
    20         width: @grid-column-width - 1px;
    21         border: solid darkturquoise;
    22         border-width: 0 1px;
    23         margin-right: @grid-gutter-width - 1px;
     20                        width: percentage((1 / @grid-columns));
     21                        //border-left:1px solid darkturquoise;
     22                        //border-right:1px solid darkturquoise;
     23                        //margin-right: @grid-gutter-width - 1px;
     24                        position: relative;
     25                        &:before {
     26                                display: block;
     27                                position: absolute;
     28                                content: "";
     29                                height: 100%;
     30                                width: 1px;
     31                                top:0;
     32                                left: 0;
     33                                border-left: 1px solid darkturquoise;
     34                        }
     35                        &:after {
     36                                display: block;
     37                                position: absolute;
     38                                content: "";
     39                                height: 100%;
     40                                width: 1px;
     41                                top:0;
     42                                right: @grid-gutter-width;
     43                                border-right: 1px solid darkturquoise;
     44                        }
    2445    }
    25     #bsgrid div.vert.first-line{
    26         margin-left: @grid-gutter-width - 1px;
    27     }
     46                #bsgrid .vert-container {
     47                        margin-left: @grid-gutter-width / 2;
     48                }
    2849
    2950    /**
     
    3455     */
    3556    #bsgrid div.horiz{
    36         /* 20px line height */
    37         height: @line-height-computed - 1px;
    38         border-bottom: 1px dotted darkgray;
    39         margin: 0;
    40         padding: 0;
    41 
     57                        /* 20px line height */
     58                        height: @line-height-computed - 1px;
     59                        border-bottom: 1px dotted darkgray;
     60                        margin: 0;
     61                        padding: 0;
    4262    }
    4363  }
     
    4565
    4666// Fixed (940px)
    47 #grid > .hashgrid(@container-md / @grid-columns - @grid-gutter-width, @grid-gutter-width, @grid-columns, @line-height-computed);
     67#grid > .hashgrid(@container-md, @grid-gutter-width, @grid-columns, @line-height-computed);
    4868@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
    49   #grid > .hashgrid(@container-sm / @grid-columns - @grid-gutter-width, @grid-gutter-width, @grid-columns, @line-height-computed);
     69  #grid > .hashgrid(@container-sm, @grid-gutter-width, @grid-columns, @line-height-computed);
    5070}
    5171@media (min-width: @screen-lg-min) {
    52   #grid > .hashgrid(@container-lg / @grid-columns - @grid-gutter-width, @grid-gutter-width, @grid-columns, @line-height-computed);
     72  #grid > .hashgrid(@container-lg, @grid-gutter-width, @grid-columns, @line-height-computed);
    5373}
    5474#bsgrid{
Note: See TracChangeset for help on using the changeset viewer.