Proyectos de Subversion Moodle

Rev

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

Rev 1 Rev 1441
Línea 26... Línea 26...
26 
## Example focus outlines
 26 
## Example focus outlines
27 
{{< example show_markup="false">}}
 27 
{{< example show_markup="false">}}
28 
<div id="focusexamples">
 28 
<div id="focusexamples">
29 
    <p> Normal buttons</p>
 29 
    <p> Normal buttons</p>
30 
    <div>
 30 
    <div>
31 
        <span class="mr-2"><button class="btn btn-primary">Primary</button></span>
 31 
        <span class="me-2"><button class="btn btn-primary">Primary</button></span>
32 
        <span class="mr-2"><button class="btn btn-secondary">Secondary</button></span>
 32 
        <span class="me-2"><button class="btn btn-secondary">Secondary</button></span>
33 
        <span class="mr-2"><button class="btn btn-danger">Danger</button></span>
 33 
        <span class="me-2"><button class="btn btn-danger">Danger</button></span>
34 
        <span class="mr-2"><button class="btn btn-outline-secondary">Outline</button></span>
 34 
        <span class="me-2"><button class="btn btn-outline-secondary">Outline</button></span>
35 
        <span class=""><a href="#" class="aalink">clickable link</a></span>
 35 
        <span class=""><a href="#" class="aalink">clickable link</a></span>
36 
    </div>
 36 
    </div>
37 
    <p  class="mt-4"> keyboard focus</p>
 37 
    <p  class="mt-4"> keyboard focus</p>
38 
    <div>
 38 
    <div>
39 
        <span class="mr-2"><button class="focusloop btn btn-primary">Primary</button></span>
 39 
        <span class="me-2"><button class="focusloop btn btn-primary">Primary</button></span>
40 
        <span class="mr-2"><button class="focusloop btn btn-secondary">Secondary</button></span>
 40 
        <span class="me-2"><button class="focusloop btn btn-secondary">Secondary</button></span>
41 
        <span class="mr-2"><button class="focusloop btn btn-danger">Danger</button></span>
 41 
        <span class="me-2"><button class="focusloop btn btn-danger">Danger</button></span>
42 
        <span class="mr-2"><button class="focusloop btn btn-outline-secondary">Outline</button></span>
 42 
        <span class="me-2"><button class="focusloop btn btn-outline-secondary">Outline</button></span>
43 
        <span class=""><a href="#" class="focusloop aalink">clickable link</a></span>
 43 
        <span class=""><a href="#" class="focusloop aalink">clickable link</a></span>
44 
    </div>
 44 
    </div>
45 
    <button id="showfocus" class="btn btn-success btn-large mt-5" type="button">Show focus</button>
 45 
    <button id="showfocus" class="btn btn-success btn-large mt-5" type="button">Show focus</button>
46 
</div>
 46 
</div>
47 
{{#js}}
 47 
{{#js}}