Changeset 123095 in spip-zone


Ignore:
Timestamp:
Mar 24, 2020, 6:30:06 PM (2 weeks ago)
Author:
Cerdic
Message:

debut portage BS4 : le layout, et la feuille de style spipr_blog qui passe en scss

Location:
_squelettes_/spipr-blog/trunk
Files:
3 edited
1 moved

Legend:

Unmodified
Added
Removed
  • _squelettes_/spipr-blog/trunk

    • Property subgit:lock:001cc870792ff9116099de046a670469e00467da deleted
    • Property subgit:lock:bb8cc094b871dc8950a9ab9f2e7c1077394bdeac set to 2020-03-24T19:30:44.517
  • _squelettes_/spipr-blog/trunk/body.html

    r73784 r123095  
    1010
    1111                        <INCLURE{fond=breadcrumb/#ENV{type-page},env} />
    12                         <div class="wrapper" id="wrapper">
    13                                 <div class="content primary" id="content">
     12                        <div class="row justify-content-between">
     13                                <div class="content col-md-9 col-lg-8 primary" id="content">
    1414                                        <INCLURE{fond=content/#ENV{type-page},env} />
    1515                                </div>
    16                                 <aside class="aside secondary" id="aside">
    17                                         <INCLURE{fond=aside/#ENV{type-page},env} />
    18                                 </aside>
    19                                 <aside class="extra secondary" id="extra">
    20                                         <INCLURE{fond=extra/#ENV{type-page},env} />
    21                                 </aside>
     16                                <div class="col-md-3">
     17                                        <aside class="aside secondary" id="aside">
     18                                                <INCLURE{fond=aside/#ENV{type-page},env} />
     19                                        </aside>
     20                                        <aside class="extra secondary" id="extra">
     21                                                <INCLURE{fond=extra/#ENV{type-page},env} />
     22                                        </aside>
     23                                </div>
    2224                        </div>
    2325                        <div class="footer" id="footer">
  • _squelettes_/spipr-blog/trunk/css/spipr_blog.scss

    • Property svn:eol-style set to native
    r123094 r123095  
    1 @import "css/variables.less";
    2 @import "css/spip.variables.less";
    3 @import "css/mixins.less";
     1@import "css/bootstrap-start";
    42
    5 .header {position: relative;margin-bottom: 2*@emVertMargin;}
     3.header {position: relative;margin-bottom: 2*$spacer;}
    64.header .accueil a {color: inherit;}
    7 .header .spip_logos {float:left;margin: @paddingLarge;margin-left: 0;margin-top:0;}
    8 .header .accueil {margin-top: @emLineHeight}
     5.header .spip_logos {float:left;margin: $padding-y-lg $padding-x-lg;margin-left: 0;margin-top:0;}
     6.header .accueil {margin-top: $spacer}
    97.header #slogan_site_spip {display: block;}
    108.header .formulaire_menu_lang {text-align: right;select {width: 100%}}
    119
    12 [class^="icon-"], [class*=" icon-"] {opacity: 0.5;filter: ~"alpha(opacity=50)";}
     10[class^="icon-"], [class*=" icon-"] {opacity: 0.5;}
    1311
    1412.formulaire_recherche,.secondary .formulaire_recherche {padding-right: 42px+2*14px;} /* provisionner la largeur du bouton+padding sur le input.search */
     
    1614.formulaire_recherche form input.search {width:100%;}
    1715
    18 .hero-unit h1 {font-size: @baseFontSize * 2.75;line-height: 2*@baseLineHeight;}
     16.hero-unit h1 {font-size: 2.75rem;}
    1917.hero-unit {
    2018  p [class^="icon-"], p [class*=" icon-"] {margin-top: 4px;}
    21   padding: 2*@baseLineHeight;
     19  padding: 2 * $spacer;
    2220}
    2321
     
    2927.breadcrumb {
    3028  a {text-decoration: none;}
    31   background-color: @grayLighter;
     29  background-color: $gray-100;
    3230}
    3331
     
    4240  .liste .publication {display: block;}
    4341  .postmeta .tags {ul,li {display: inline;}}
    44   .main,footer {margin-bottom: @emVertMargin;}
     42  .main,footer {margin-bottom: $spacer;}
    4543}
    4644.page_auteur .liste.articles .info-publi .auteurs {display: none;}
     
    7270// tag
    7371.page_mot .content h1 {
    74   font-size: @emLineHeight;
     72  font-size: 1.5rem;
    7573  line-height: 1;
    7674  .label{
     
    8482.page_plan,.page_archives {
    8583  h4 {margin-bottom: 0}
    86   .liste-items {margin-bottom:@emVertMargin}
     84  .liste-items {margin-bottom:$spacer}
    8785  .liste-items.short.articles {
    8886    .entry-title {font-weight: normal;}
  • _squelettes_/spipr-blog/trunk/header/dist.html

    r66845 r123095  
    1 <div class="row">
    2 <header class="accueil clearfix span9">
    3         [(#SI_PAGE{sommaire}|non)<a rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>"
    4         >]<h1 id="logo_site_spip">[(#LOGO_SITE_SPIP|image_reduire{300,100}) ]#NOM_SITE_SPIP
    5         [<small id="slogan_site_spip">(#SLOGAN_SITE_SPIP)</small>]
    6         </h1>[(#SI_PAGE{sommaire}|non)</a>]
    7 </header>
    8 <div class="span3">
    9 #MENU_LANG
     1<div class="row justify-content-between">
     2        <header class="accueil clearfix col-sm-9 col-lg-8">
     3                [(#SI_PAGE{sommaire}|non)<a rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>"
     4                >]<h1 id="logo_site_spip">[(#LOGO_SITE_SPIP|image_reduire{300,100}) ]#NOM_SITE_SPIP
     5                [<small id="slogan_site_spip">(#SLOGAN_SITE_SPIP)</small>]
     6                </h1>[(#SI_PAGE{sommaire}|non)</a>]
     7        </header>
     8        <div class="col-sm-3">
     9        #MENU_LANG
     10        </div>
    1011</div>
    11 </div>
Note: See TracChangeset for help on using the changeset viewer.