www/squelettes-dist/css/clear.css

   1 /* --------------------------------------------------
   2
   3    clear.css
   4    Aides a la composition
   5   (c) 2010-2016 Tiny Typo v1.3 - MIT License - tinytypo.tetue.net
   6
   7  ----------------------------------------------------- */
   8 /* Modele de boite
   9 [fr] http://blog.goetter.fr/post/27612618411/box-sizing-et-pourquoi-pas
  10 [en] http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  11 *,
  12 *:before,
  13 *:after {
  14   -webkit-box-sizing: border-box;
  15   -moz-box-sizing: border-box;
  16   box-sizing: border-box;
  17 }
  18 /* Blocs */
  19 .block {
  20   display: block;
  21   margin-bottom: 1.5em;
  22 }
  23 .inline {
  24   display: inline;
  25 }
  26 .inline-block {
  27   display: inline-block;
  28 }
  29 /* Positionnement */
  30 .left {
  31   float: left;
  32 }
  33 .right {
  34   float: right;
  35 }
  36 .center {
  37   margin-right: auto;
  38   margin-left: auto;
  39 }
  40 /* Espace de blocs
  41 [fr] Espaceur de blocs : http://romy.tetue.net/657 */
  42 .clear {
  43   clear: both;
  44 }
  45 br.clear {
  46   clear: both;
  47   margin: 0;
  48   padding: 0;
  49   border: 0;
  50   height: 0;
  51   line-height: 1px;
  52   font-size: 1px;
  53 }
  54 hr.clear {
  55   visibility: hidden;
  56 }
  57 /* clearfix : http://www.positioniseverything.net/easyclearing.html */
  58 .clearfix:after {
  59   content: "\0020";
  60   display: block;
  61   height: 0;
  62   clear: both;
  63   visibility: hidden;
  64   overflow: hidden;
  65 }
  66 .clearfix {
  67   display: inline-table;
  68 }
  69 /* Hides from IE-mac \*/
  70 .clearfix {
  71   height: 1%;
  72 }
  73 .clearfix {
  74   display: block;
  75 }
  76 /* End hide from IE-mac */
  77 /* Not visible */
  78 .offscreen {
  79   position: absolute;
  80   left: -999em;
  81   height: 1%;
  82 }
  83 .hidden {
  84   visibility: hidden;
  85 }
  86 .none {
  87   display: none;
  88 }
  89 /* debug */
  90 .todo {
  91   opacity: 0.5;
  92 }
  93 .todo:hover {
  94   opacity: 1;
  95 }
  96 .blink {
  97   text-decoration: blink;
  98 }
  99
 100 /* fin */