2 * pagrcontrol stylesheet
3 * by Youmin Ha <youmin.ha@samsung.com>
11 .LESSpagecontrolIconCommonProperties(@imgUrl) {
12 background-image: url(@imgUrl);
13 background-size: 52 * @unit_base;
16 -webkit-transition: background 0.5s ease;
17 -moz-transition: background 0.5s ease;
18 -o-transition: background 0.5s ease;
19 transition: background 0.5s ease;
21 .LESSpagecontrolIconMargin(@l, @r) {
22 margin-left: @l * @unit_base;
23 margin-right: @r * @unit_base;
27 display: inline-block;
29 width: 52 * @unit_base;
30 height: 52 * @unit_base;
33 &> div.page_n_margin_44 { .LESSpagecontrolIconMargin(22, 22); }
34 // NOTE: Reduces 2 picels for each margin, to show properly with Tizen emulator.
35 &> div.page_n_margin_35 { .LESSpagecontrolIconMargin(17, 16; }
36 &> div.page_n_margin_26 { .LESSpagecontrolIconMargin(12, 12); }
37 &> div.page_n_margin_19 { .LESSpagecontrolIconMargin(9, 8); }
41 .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_001.png');
43 &> div.page_n_1 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_01.png'); }
44 &> div.page_n_2 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_02.png'); }
45 &> div.page_n_3 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_03.png'); }
46 &> div.page_n_4 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_04.png'); }
47 &> div.page_n_5 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_05.png'); }
48 &> div.page_n_6 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_06.png'); }
49 &> div.page_n_7 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_07.png'); }
50 &> div.page_n_8 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_08.png'); }
51 &> div.page_n_9 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_09.png'); }
52 &> div.page_n_10 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_10.png'); }