Changeset 114815 in spip-zone


Ignore:
Timestamp:
Apr 5, 2019, 10:35:43 AM (8 months ago)
Author:
cedric@…
Message:

ajout de la typo, un peu de reorg et une feuille bootstrap-start pour avoir le kit de depart : functions, variables, variables spip et mixins

Location:
_plugins_/bootstrap/trunk
Files:
3 added
1 deleted
3 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/bootstrap/trunk/bootstrap2spip/css/_spip.variables.scss

    r114813 r114815  
    11/* Variables et declarations specifiques, en complement de _variables.scss */
    22
    3 @import "css/_functions";
    4 @import "css/_variables";
     3// Typo SPIP
     4$em-font-size: $font-size-base; // 1rem
     5$em-line-height: 1em * ($line-height-base);
     6$rem-vert-margin: 1rem * $line-height-base;
    57
    6 // Typo SPIP
    7 $em-font-size : $font-size-base; // 1rem
    8 $em-line-height : 1em * ($line-height-base);
    9 $em-vert-margin : 1rem * $line-height-base;
     8$headings-small-color: $text-muted !default;
     9
     10$indent-x: 1.5 * $grid-gutter-width;
     11$indent-x-lg: 2 * $grid-gutter-width;
     12$indent-x-sm: 1 * $grid-gutter-width;
  • _plugins_/bootstrap/trunk/bootstrap2spip/css/_variables.scss

    r114814 r114815  
    291291$line-height-base:            1.5 !default;
    292292
    293 $h1-font-size:                $font-size-base * 2.5 !default;
    294 $h2-font-size:                $font-size-base * 2 !default;
    295 $h3-font-size:                $font-size-base * 1.75 !default;
    296 $h4-font-size:                $font-size-base * 1.5 !default;
    297 $h5-font-size:                $font-size-base * 1.25 !default;
     293$h1-font-size:                $font-size-base * 2 !default;
     294$h2-font-size:                $font-size-base * 1.5 !default;
     295$h3-font-size:                $font-size-base * 1.25 !default;
     296$h4-font-size:                $font-size-base * 1.1 !default;
     297$h5-font-size:                $font-size-base !default;
    298298$h6-font-size:                $font-size-base !default;
    299299
     
    301301$headings-font-family:        null !default;
    302302$headings-font-weight:        500 !default;
    303 $headings-line-height:        1.2 !default;
     303$headings-line-height:        1.1 !default;
    304304$headings-color:              null !default;
    305305
  • _plugins_/bootstrap/trunk/bootstrap2spip/css/spip.list.scss

    r114813 r114815  
    33/* ------------------------------------------ */
    44
    5 @import "css/_spip.variables";
    6 @import "css/_mixins";
     5@import "css/bootstrap-start";
    76
    87/* Listes d'items */
     
    3029$list-border-color : $border-color !default;
    3130
    32 .liste {margin-bottom: $em-vert-margin};
    33 .liste.long {margin-bottom: $em-vert-margin * 2;}
     31.liste {margin-bottom: $rem-vert-margin};
     32.liste.long {margin-bottom: $rem-vert-margin * 2;}
    3433
    35 .liste-items {padding-left: 0; list-style: none; border-top:0;}
     34.liste-items {margin-left: 0; list-style: none; border-top:0;}
    3635//.liste .liste-items {margin-bottom: 0;}
    37 .liste-items .item {padding:$em-vert-margin / 2 0;clear:both; overflow:hidden;border-top: 1px solid $list-border-color;margin-top: -1px;}
     36.liste-items .item {padding:$rem-vert-margin / 2 0;clear:both; overflow:hidden;border-top: 1px solid $list-border-color;margin-top: -1px;}
    3837.liste-items .item:last-child {border-bottom: 1px solid $list-border-color;}
    3938.liste-items .item .entry {margin-bottom: 0;}
     
    4140
    4241.entry {
    43   div.spip,p,.p {margin-bottom: $em-vert-margin / 2;}
    44   .entry-title {margin-bottom: $em-vert-margin / 2;}
     42  div.spip,p,.p {margin-bottom: $rem-vert-margin / 2;}
     43  .entry-title {margin-bottom: $rem-vert-margin / 2;}
    4544  .entry-content > :last-child {margin-bottom: 0;}
    46   .entry-content {margin-bottom: $em-vert-margin / 2;}
     45  .entry-content {margin-bottom: $rem-vert-margin / 2;}
    4746}
    4847
    4948.liste-items .item-header {
    50   padding:$em-vert-margin / 2 0;clear:both; overflow:hidden;border-top: 1px solid $list-border-color;margin-top: -1px;
     49  padding:$rem-vert-margin / 2 0;clear:both; overflow:hidden;border-top: 1px solid $list-border-color;margin-top: -1px;
    5150  border: 0;
    5251  display: block;
     
    5857// Space them out when they follow another list item (link)
    5958.item + .item-header {
    60   padding-top: $em-vert-margin / 2;
     59  padding-top: $rem-vert-margin / 2;
    6160}
    6261
     
    7574/* Short */
    7675.short .item, .item.short {
    77   padding:$em-vert-margin / 4 0;
     76  padding:$rem-vert-margin / 4 0;
    7877  &:first-child:last-child {border:0;}
    7978}
     
    8887/* thumb */
    8988.thumb .item, .item.thumb {
    90   //padding:$em-vert-margin / 4 0;
     89  //padding:$rem-vert-margin / 4 0;
    9190  &:first-child:last-child {border:0;}
    9291}
    9392.thumb {
    94   .entry-title {padding-top: 7.5rem + $em-vert-margin;display: block}
    95   .spip_logos {display: block;float: left;margin:0;margin-top: -1*(7.5rem + $em-vert-margin);height:120px;width: 100% !important;padding: 0;text-align: center;overflow: hidden}
     93  .entry-title {padding-top: 7.5rem + $rem-vert-margin;display: block}
     94  .spip_logos {display: block;float: left;margin:0;margin-top: -1*(7.5rem + $rem-vert-margin);height:120px;width: 100% !important;padding: 0;text-align: center;overflow: hidden}
    9695  .spip_logos img {height: 100%!important;width: 100%}
    9796  .entry-content {max-height: 5 * $em-line-height;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;}
     
    102101  .entry {position: relative;padding-bottom: $em-line-height;}
    103102  .entry-content {}
    104   .postmeta {min-height: $em-line-height;padding:$em-vert-margin / 2 0;padding-left: 2em;padding-bottom: 0;margin-bottom: -$em-line-height;}
    105   .read-more {display:block; position: absolute;z-index: 10;bottom:0;left:0;text-align: right;padding:$em-vert-margin / 2 0;padding-left:0;padding-bottom: 0;line-height: $em-line-height;font-size: 1rem;}
     103  .postmeta {min-height: $em-line-height;padding:$rem-vert-margin / 2 0;padding-left: 2em;padding-bottom: 0;margin-bottom: -$em-line-height;}
     104  .read-more {display:block; position: absolute;z-index: 10;bottom:0;left:0;text-align: right;padding:$rem-vert-margin / 2 0;padding-left:0;padding-bottom: 0;line-height: $em-line-height;font-size: 1rem;}
    106105}
    107106.with-publication .entry {.publication {display: block;}}
     
    117116
    118117  .liste-items {
    119     .item {padding:$em-vert-margin / 4 0;}
     118    .item {padding:$rem-vert-margin / 4 0;}
    120119    .spip_logos {max-width: 2.5 * $em-line-height;}
    121120    .spip_logos img {height: auto !important;}
     
    123122  }
    124123  .short .item, .item.short {
    125     padding:$em-vert-margin / 8 0;
     124    padding:$rem-vert-margin / 8 0;
    126125  }
    127126
Note: See TracChangeset for help on using the changeset viewer.