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

   1 /*
   2  * pagrcontrol stylesheet
   3  * by Youmin Ha <youmin.ha@samsung.com>
   4  */
   5
   6 @import "config.less";
   7
   8 div.pagecontrol {
   9         text-align: center;
  10
  11         .LESSpagecontrolIconCommonProperties(@imgUrl) {
  12                 background-image: url(@imgUrl);
  13                 background-size: 10 * @unit_base 9 * @unit_base;
  14
  15                 // Transition
  16                 -ms-transition: background 0.5s ease;
  17                 -webkit-transition: background 0.5s ease;
  18                 -moz-transition:  background 0.5s ease;
  19                 -o-transition: background 0.5s ease;
  20                 transition: background 0.5s ease;
  21         }
  22         .LESSpagecontrolIconMargin(@l, @r) {
  23                 margin-left: @l * @unit_base;
  24                 margin-right: @r * @unit_base;
  25         }
  26
  27         &> div.page_n {
  28                 display: inline-block;
  29                 border: 0;
  30                 width: 10 * @unit_base;
  31                 height: 9 * @unit_base;
  32         }
  33
  34         &> div.page_n_margin_42 { .LESSpagecontrolIconMargin(11, 11); }
  35
  36         &> div.page_n_unselected {
  37                 .LESSpagecontrolIconCommonProperties('images/00_page_indicator_02.png');
  38         }
  39         &> div.page_n_selected {
  40                 .LESSpagecontrolIconCommonProperties('images/00_page_indicator_01.png');
  41         }
  42 }