Proyectos de Subversion Moodle

Rev

Rev 1 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1 Rev 1441
Línea 22... Línea 22...
22 
 
 22 
 
Línea 23... Línea 23...
23 
Use the ```icon-size-x``` classes to control the icon sizes.
 23 
Use the ```icon-size-x``` classes to control the icon sizes.
24 
 
 24 
 
25 
{{< example show_markup=false >}}
 25 
{{< example show_markup=false >}}
26 
<div class="d-flex">
 26 
<div class="d-flex">
27 
  <div class="icon-size-1 card bg-light mr-2">
 27 
  <div class="icon-size-1 card bg-light me-2">
28 
    <div class="card-body d-flex justify-content-center align-items-center">
 28 
    <div class="card-body d-flex justify-content-center align-items-center">
29 
    <i class="fa fa-arrow-up icon"></i>
 29 
    <i class="fa fa-arrow-up icon"></i>
30 
    </div>
 30 
    </div>
31 
    <div class="card-footer">
 31 
    <div class="card-footer">
32 
    icon-size-1<br>4px
 32 
    icon-size-1<br>4px
33 
      </div>
 33 
      </div>
34 
  </div>
 34 
  </div>
35 
  <div class="icon-size-2 card bg-light mr-2">
 35 
  <div class="icon-size-2 card bg-light me-2">
36 
    <div class="card-body d-flex justify-content-center align-items-center">
 36 
    <div class="card-body d-flex justify-content-center align-items-center">
37 
    <i class="fa fa-arrow-up icon"></i>
 37 
    <i class="fa fa-arrow-up icon"></i>
38 
    </div>
 38 
    </div>
39 
    <div class="card-footer">
 39 
    <div class="card-footer">
40 
    icon-size-2<br>8px
 40 
    icon-size-2<br>8px
41 
      </div>
 41 
      </div>
42 
  </div>
 42 
  </div>
43 
  <div class="icon-size-3 card bg-light mr-2">
 43 
  <div class="icon-size-3 card bg-light me-2">
44 
    <div class="card-body d-flex justify-content-center align-items-center">
 44 
    <div class="card-body d-flex justify-content-center align-items-center">
45 
    <i class="fa fa-arrow-up icon"></i>
 45 
    <i class="fa fa-arrow-up icon"></i>
46 
    </div>
 46 
    </div>
47 
    <div class="card-footer">
 47 
    <div class="card-footer">
48 
    icon-size-3<br>16px (default)
 48 
    icon-size-3<br>16px (default)
49 
      </div>
 49 
      </div>
50 
  </div>
 50 
  </div>
51 
  <div class="icon-size-4 card bg-light mr-2">
 51 
  <div class="icon-size-4 card bg-light me-2">
52 
    <div class="card-body d-flex justify-content-center align-items-center">
 52 
    <div class="card-body d-flex justify-content-center align-items-center">
53 
    <i class="fa fa-arrow-up icon"></i>
 53 
    <i class="fa fa-arrow-up icon"></i>
54 
    </div>
 54 
    </div>
55 
    <div class="card-footer">
 55 
    <div class="card-footer">
56 
    icon-size-4<br>24px
 56 
    icon-size-4<br>24px
57 
      </div>
 57 
      </div>
58 
  </div>
 58 
  </div>
59 
  <div class="icon-size-5 card bg-light mr-2">
 59 
  <div class="icon-size-5 card bg-light me-2">
60 
    <div class="card-body d-flex justify-content-center align-items-center">
 60 
    <div class="card-body d-flex justify-content-center align-items-center">
61 
    <i class="fa fa-arrow-up icon"></i>
 61 
    <i class="fa fa-arrow-up icon"></i>
62 
    </div>
 62 
    </div>
63 
    <div class="card-footer">
 63 
    <div class="card-footer">
64 
    icon-size-5<br>32px
 64 
    icon-size-5<br>32px
65 
      </div>
 65 
      </div>
66 
  </div>
 66 
  </div>
67 
  <div class="icon-size-6 card bg-light mr-2">
 67 
  <div class="icon-size-6 card bg-light me-2">
68 
    <div class="card-body d-flex justify-content-center align-items-center">
 68 
    <div class="card-body d-flex justify-content-center align-items-center">
69 
    <i class="fa fa-arrow-up icon"></i>
 69 
    <i class="fa fa-arrow-up icon"></i>
70 
    </div>
 70 
    </div>