Dotclear


Ignore:
Timestamp:
12/04/16 14:23:07 (9 years ago)
Author:
franck <carnet.franck.paul@…>
Branch:
default
Message:

Prettify scss code

File:
1 edited

Legend:

Unmodified
Added
Removed
  • admin/style/scss/partials/_common.scss

    r3408 r3439  
    11/* Typographie */ 
    22 
    3 :root{ 
    4      // May be superseed by user pref (typically from 50% to 75%, default 62.5%) 
    5      --html-font-size: #{$html-font-size}; 
     3:root { 
     4    // May be superseed by user pref (typically from 50% to 75%, default 62.5%) 
     5    --html-font-size: #{$html-font-size}; 
    66} 
    77 
    88// base // 
    99html { 
    10      font-size: $html-font-size;             // html font-size for IE and Edge 
    11      font-size: var(--html-font-size);  // html font-size for modern browsers 
     10    font-size: $html-font-size; // html font-size for IE and Edge 
     11    font-size: var(--html-font-size); // html font-size for modern browsers 
    1212} 
     13 
    1314body { 
    14      font-size: $body-font-size; 
    15      line-height: 1.5; 
    16      @media screen and(max-width: $small-screen) { 
    17           font-size: $body-font-size-small; 
    18           line-height: 1.3; 
    19      } 
    20      @media screen and(min-width: $large-screen) { 
    21           font-size: $body-font-size-large; 
    22           line-height: 1.5; 
    23      } 
    24      @media screen and(min-width: $small-screen) and (max-width: $large-screen) { 
    25           font-size: calc( 
    26                     #{$body-font-size-small} + 
    27                     #{strip-unit($body-font-size-large - $body-font-size-small)} * 
    28                     (100vw - #{strip-unit(relative-to-screen($small-screen,$html-font-size))}rem) / 
    29                     (#{strip-unit(relative-to-screen($large-screen,$html-font-size))} - 
    30                          #{strip-unit(relative-to-screen($small-screen,$html-font-size))}) 
    31                ); 
    32           line-height: calc( 
    33                     1.3em + 
    34                     (1.5 - 1.3) * 
    35                     (100vw - #{strip-unit(relative-to-screen($small-screen,$html-font-size))}rem) / 
    36                     (#{strip-unit(relative-to-screen($large-screen,$html-font-size))} - 
    37                          #{strip-unit(relative-to-screen($small-screen,$html-font-size))}) 
    38                ); 
    39      } 
    40      font-family: $sans-serif; 
     15    font-size: $body-font-size; 
     16    line-height: 1.5; 
     17    @media screen and(max-width: $small-screen) { 
     18        font-size: $body-font-size-small; 
     19        line-height: 1.3; 
     20    } 
     21    @media screen and(min-width: $large-screen) { 
     22        font-size: $body-font-size-large; 
     23        line-height: 1.5; 
     24    } 
     25    @media screen and(min-width: $small-screen) and (max-width: $large-screen) { 
     26        font-size: calc( #{$body-font-size-small} + #{strip-unit($body-font-size-large - $body-font-size-small)} * (100vw - #{strip-unit(relative-to-screen($small-screen,$html-font-size))}rem) / (#{strip-unit(relative-to-screen($large-screen,$html-font-size))} - #{strip-unit(relative-to-screen($small-screen,$html-font-size))})); 
     27        line-height: calc( 1.3em + (1.5 - 1.3) * (100vw - #{strip-unit(relative-to-screen($small-screen,$html-font-size))}rem) / (#{strip-unit(relative-to-screen($large-screen,$html-font-size))} - #{strip-unit(relative-to-screen($small-screen,$html-font-size))})); 
     28    } 
     29    font-family: $sans-serif; 
    4130} 
     31 
    4232#wrapper { 
    43      @media screen and (max-width: $small-screen) { 
     33    @media screen and (max-width: $small-screen) { 
    4434        font-size: 1.4em; 
    45      } 
     35    } 
    4636} 
    4737 
    4838// titres // 
    49 h2, h3, .as_h3, h4, .as_h4, h5, h6 { 
    50      margin-top: 0; 
    51      margin-bottom: 1em; 
    52 } 
    53 h2 { 
    54      font-size: 1.5em; 
    55      font-weight: normal; 
    56      line-height: 1.25; 
    57      padding: 0 0 1.5em; 
    58 } 
    59 h3, .as_h3 { 
    60      font-size: 1.34em; 
    61      font-weight: normal; 
    62      line-height: 1.5; 
    63      margin-top: 1em; 
    64 } 
    65 h4, .as_h4 { 
    66      font-size: 1.16em; 
    67      line-height: 1.5; 
    68 } 
    69 h5 { 
    70      font-size: 1em; 
    71      line-height: 1.5; 
    72      font-weight: bold; 
    73 } 
     39h2, 
     40h3, 
     41.as_h3, 
     42h4, 
     43.as_h4, 
     44h5, 
    7445h6 { 
    75      font-size: 1em; 
    76      line-height: 1.5; 
     46    margin-top: 0; 
     47    margin-bottom: 1em; 
    7748} 
    7849 
     50h2 { 
     51    font-size: 1.5em; 
     52    font-weight: normal; 
     53    line-height: 1.25; 
     54    padding: 0 0 1.5em; 
     55} 
     56 
     57h3, 
     58.as_h3 { 
     59    font-size: 1.34em; 
     60    font-weight: normal; 
     61    line-height: 1.5; 
     62    margin-top: 1em; 
     63} 
     64 
     65h4, 
     66.as_h4 { 
     67    font-size: 1.16em; 
     68    line-height: 1.5; 
     69} 
     70 
     71h5 { 
     72    font-size: 1em; 
     73    line-height: 1.5; 
     74    font-weight: bold; 
     75} 
     76 
     77h6 { 
     78    font-size: 1em; 
     79    line-height: 1.5; 
     80} 
Note: See TracChangeset for help on using the changeset viewer.

Sites map