Changeset 3439:640a478849cf for admin/style/scss/partials/_common.scss
- Timestamp:
- 12/04/16 14:23:07 (9 years ago)
- Branch:
- default
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
admin/style/scss/partials/_common.scss
r3408 r3439 1 1 /* Typographie */ 2 2 3 :root {4 5 3 :root { 4 // May be superseed by user pref (typically from 50% to 75%, default 62.5%) 5 --html-font-size: #{$html-font-size}; 6 6 } 7 7 8 8 // base // 9 9 html { 10 font-size: $html-font-size;// html font-size for IE and Edge11 font-size: var(--html-font-size);// html font-size for modern browsers10 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 12 12 } 13 13 14 body { 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; 41 30 } 31 42 32 #wrapper { 43 33 @media screen and (max-width: $small-screen) { 44 34 font-size: 1.4em; 45 35 } 46 36 } 47 37 48 38 // 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 } 39 h2, 40 h3, 41 .as_h3, 42 h4, 43 .as_h4, 44 h5, 74 45 h6 { 75 font-size: 1em;76 line-height: 1.5;46 margin-top: 0; 47 margin-bottom: 1em; 77 48 } 78 49 50 h2 { 51 font-size: 1.5em; 52 font-weight: normal; 53 line-height: 1.25; 54 padding: 0 0 1.5em; 55 } 56 57 h3, 58 .as_h3 { 59 font-size: 1.34em; 60 font-weight: normal; 61 line-height: 1.5; 62 margin-top: 1em; 63 } 64 65 h4, 66 .as_h4 { 67 font-size: 1.16em; 68 line-height: 1.5; 69 } 70 71 h5 { 72 font-size: 1em; 73 line-height: 1.5; 74 font-weight: bold; 75 } 76 77 h6 { 78 font-size: 1em; 79 line-height: 1.5; 80 }
Note: See TracChangeset
for help on using the changeset viewer.