Ignore:
Timestamp:
Jan 27, 2019, 6:22:04 PM (3 months ago)
Author:
nicod@…
Message:

Limiter la cascade, c'est mieux

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _galaxie_/galactic/galactic/scss/styles/_styles.scss

    r113637 r113640  
    2020                font-weight: bold;
    2121        }
    22 
    23         .spip_cadre,
    24         div.spip_code code {
    25                 display:    block;
    26                 @include text-block();
    27                 width:      100%;
    28                 padding:    1em;
    29                 background: #003E4B;
    30                 color:      white;
     22       
     23        .notes {
     24                border-top: 3px solid $couleur-gris5;
     25                padding-top: 2em;
     26                margin-top: 3em;
     27        }
     28        .titre-notes {
     29                font-size: 1.2em;
     30                font-weight: bold;
     31                font-style: italic;
    3132        }
    3233
     
    3637                border-left:  3px solid #003E4B;
    3738                padding-left: 1em;
    38                 div.spip_code code {
    39                         background: none;
    40                         padding:    0;
    41                         color:      inherit;
    42                 }
    43         }
    44 
    45         div.spip_code, div.coloration_code {
    46                 @include text-block();
    47                 pre {
    48                         padding:       0;
    49                         margin:        0;
    50                         background:    none;
    51                         font-size:     0.95em;
    52                         -moz-tab-size: 4;
    53                         tab-size:      4;
    54                 }
    55                 ol {
    56                         list-style-type: none;
    57                         margin:          0 0 em(8px) 0;
    58                         padding:         em(24px);
    59                         background:      #003E4B;
    60                         font-size:       0.95em;
    61                         color:           white;
    62                 }
    63         }
    64 
    65         // code inline
    66         code.spip_code, span.spip_code, span.coloration_code {
    67                 &, * { color: #2360b4 !important; }
    68                 display: inline-block;
    69                 padding: 0 0.25em;
    70                 background: #F4F4F4;
    7139        }
    7240       
    73         p.download {
    74                 text-align: right;
    75         }
    76         p.download a,
    77         a.download,
    78         a .download__span {
    79                 position:         relative;
    80                 display:          inline-block;
    81                 padding:          1em 3em 1em 1em;
    82                 background-color: #1675E1;
    83                 font-size:        0.9em;
    84                 font-style:       italic;
    85                 color:            white;
    86                 &:after {
    87                         content:    ' ';
    88                         display:    block;
    89                         position:   absolute;
    90                         right:      1em;
    91                         top:        50%;
    92                         transform:  translateY(-50%);
    93                         background: url(../images/icone-telecharger.svg) center no-repeat;
    94                         @include vendor-prefix('background-size', 1.2em);
    95                         width:      1.2em;
    96                         height:     1.2em;
    97                 }
    98         }
    99 
    100         .notes {
    101                 border-top: 3px solid $couleur-gris5;
    102                 padding-top: 2em;
    103                 margin-top: 3em;
    104         }
    105         .titre-notes {
    106                 font-size: 1.2em;
    107                 font-weight: bold;
    108                 font-style: italic;
     41}
     42
     43.spip_cadre,
     44div.spip_code code {
     45        display:    block;
     46        @include text-block();
     47        width:      100%;
     48        padding:    1em;
     49        background: #003E4B;
     50        color:      white;
     51}
     52
     53// blocs de code
     54div.spip_code, div.coloration_code {
     55        @include text-block();
     56        pre {
     57                padding:       0;
     58                margin:        0;
     59                background:    none;
     60                font-size:     0.95em;
     61                -moz-tab-size: 4;
     62                tab-size:      4;
     63        }
     64        ol {
     65                list-style-type: none;
     66                margin:          0 0 em(8px) 0;
     67                padding:         em(24px);
     68                background:      #003E4B;
     69                font-size:       0.95em;
     70                color:           white;
     71        }
     72}
     73
     74// code inline
     75code.spip_code, span.spip_code, span.coloration_code {
     76        &, * { color: #2360b4 !important; }
     77        display: inline-block;
     78        padding: 0 0.25em;
     79        background: #F4F4F4;
     80}
     81
     82// boutons "télécharger" de coloration_code
     83// (remplacé par le bouton "copier" de precode s'il est installé)
     84p.download {
     85        text-align: right;
     86}
     87p.download a,
     88a.download,
     89a .download__span {
     90        position:         relative;
     91        display:          inline-block;
     92        padding:          1em 3em 1em 1em;
     93        background-color: #1675E1;
     94        font-size:        0.9em;
     95        font-style:       italic;
     96        color:            white;
     97        &:after {
     98                content:    ' ';
     99                display:    block;
     100                position:   absolute;
     101                right:      1em;
     102                top:        50%;
     103                transform:  translateY(-50%);
     104                background: url(../images/icone-telecharger.svg) center no-repeat;
     105                @include vendor-prefix('background-size', 1.2em);
     106                width:      1.2em;
     107                height:     1.2em;
    109108        }
    110109}
Note: See TracChangeset for help on using the changeset viewer.