src/themes/tizen/common/jquery.mobile.tizen.triangle.less

   1 @triangle-size: 10px;
   2
   3 .ui-triangle-container {
   4     position: relative;
   5
   6     .ui-triangle {
   7         position: absolute;
   8         border-style: solid;
   9         border-color: transparent;
  10         border-width: @triangle-size;
  11     }
  12
  13     .ui-triangle-top {
  14         top: 0px;
  15         border-top-width: 0px;
  16         border-left-color: transparent;
  17         border-right-color: transparent;
  18         margin-left: -@triangle-size;
  19     }
  20
  21     .ui-triangle-bottom {
  22         bottom: 0px;
  23         border-bottom-width: 0px;
  24         border-left-color: transparent;
  25         border-right-color: transparent;
  26         margin-left: -@triangle-size;
  27     }
  28
  29     .ui-triangle-left {
  30         left: 0px;
  31         margin-top: -@triangle-size;
  32         border-left-width: 0px;
  33         border-left-color: transparent;
  34         border-right-color: transparent;
  35     }
  36
  37     .ui-triangle-right {
  38         right: 0px;
  39         margin-top: -@triangle-size;
  40         border-right-width: 0px;
  41         border-left-color: transparent;
  42         border-right-color: transparent;
  43     }
  44 }
  45
  46 .ui-triangle-container-top {
  47     height: @triangle-size;
  48     top: 0px;
  49     margin-top: -@triangle-size;
  50 }
  51
  52 .ui-triangle-container-bottom {
  53     height: @triangle-size;
  54     bottom: 0px;
  55     margin-bottom: -@triangle-size;
  56 }
  57
  58 .ui-triangle-container-left {
  59     width: @triangle-size;
  60 }
  61
  62 .ui-triangle-container-right {
  63     width: @triangle-size;
  64 }