source: OpenWorkouts-current/ow/static/less/ui/arrows.less @ 778d53d

current
Last change on this file since 778d53d was 778d53d, checked in by Borja Lopez <borja@…>, 5 years ago

(#7) Show per-sport stats in the profile page:

  • Show a dropdown list of sports for which the user has activities. By default we choose the sport with most activities.
  • Show a dropdown list of years for which the user has activities. By default we show stats for the current year. If the user picks up a different year, we show the totals (distance, time, elevation, number of workouts) for that year.
  • Show the totals of all time for the chosen sport
  • Property mode set to 100644
File size: 700 bytes
Line 
1/*
2Very simple way to paint dropdown-like arrows, without
3using any external dependencies.
4
5To use it, add something like this to your html, to display a "down" arrow:
6
7  <i class="arrow down"></i>
8*/
9
10i.arrow {
11    border: solid black;
12    border-width: 0 3px 3px 0;
13    display: inline-block;
14    padding: 3px;
15    margin: 3px;
16    margin-left: 6px;
17    margin-right: 0px;
18}
19
20.right {
21    transform: rotate(-45deg);
22    -webkit-transform: rotate(-45deg);
23}
24
25.left {
26    transform: rotate(135deg);
27    -webkit-transform: rotate(135deg);
28}
29
30.up {
31    transform: rotate(-135deg);
32    -webkit-transform: rotate(-135deg);
33}
34
35.down {
36    transform: rotate(45deg);
37    -webkit-transform: rotate(45deg);
38}
Note: See TracBrowser for help on using the repository browser.