-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathless.less
216 lines (189 loc) · 5.61 KB
/
less.less
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
//8.333% 16.667% 25% 33.333% 41.667% 50% 58.333% 66.667% 75% 83.333% 91.667% 100%
//.hline() {width: 96em; max-width: 100%; min-width: 15em; margin: 0 auto; position:relative;}
@total-columns: 12;
.fix() {
&:before,&:after {content:""; display:table;}
&:after {clear:both;}
}
.em(@px, @new-font-size:@px-font-size) {
font-size: (@px / @new-font-size)*1em;
}
// margin padding width heigh em float
// if px max 10px!!!
//==========================================================
.m(){margin:0;}
.m-a(){margin:0 auto;}
.m4(@px,@px2,@px3,@px4, @new-font-size:@px-font-size){
margin: (@px / @new-font-size) * 1em (@px2 / @new-font-size) * 1em (@px3 / @new-font-size) * 1em (@px4 / @new-font-size) * 1em;
}
.m2(@px,@px2, @new-font-size:@px-font-size){
margin: (@px / @new-font-size) * 1em (@px2 / @new-font-size) * 1em;
}
.m-t(@px, @new-font-size:@px-font-size){
margin-top: (@px / @new-font-size) * 1em;
}
.m-r(@px, @new-font-size:@px-font-size){
margin-right: (@px / @new-font-size) * 1em;
}
.m-b(@px, @new-font-size:@px-font-size){
margin-bottom: (@px / @new-font-size) * 1em;
}
.m-l(@px, @new-font-size:@px-font-size){
margin-left: (@px / @new-font-size)*1em;
}
.p4(@px,@px2,@px3,@px4, @new-font-size:@px-font-size){
padding: (@px / @new-font-size) * 1em (@px2 / @new-font-size) * 1em (@px3 / @new-font-size) * 1em (@px4 / @new-font-size) * 1em;
}
.p2(@px,@px2, @new-font-size:@px-font-size){
padding: (@px / @new-font-size) * 1em (@px2 / @new-font-size) * 1em;
}
.p-t(@px, @new-font-size:@px-font-size){
padding-top: (@px / @new-font-size) * 1em;
}
.p-r(@px, @new-font-size:@px-font-size){
padding-right: (@px / @new-font-size) * 1em;
}
.p-b(@px, @new-font-size:@px-font-size){
padding-bottom: (@px / @new-font-size) * 1em;
}
.p-l(@px, @new-font-size:@px-font-size){
margin-left: (@px / @new-font-size)*1em;
}
.w(@px, @new-font-size:@px-font-size){
width: (@px / @new-font-size) * 1em;
}
.h(@px, @new-font-size:@px-font-size){
height: (@px / @new-font-size) * 1em;
}
.linef (@number) {
width: (100%/@total-columns)*@number;
float: left;
}
.line (@number) {
width: (100%/@total-columns)*@number;
}
.line-c(@number) {
width: (100%/@total-columns)*@number;
margin:0 auto;
}
.push(@number) {
margin-left: (100%/@total-columns)*@number;
}
.push-r(@number) {
margin-right: (100%/@total-columns)*@number;
}
.poz(@number) {
left: (100%/@total-columns)*@number;
}
.poz-r(@number) {
right: (100%/@total-columns)*@number;
}
// ========================================
@import "normalize";
// ==============================================
@font-face {
font-family: 'nexa_lightregular';
src: url('fonts/Nexa_Free_Light-webfont.eot');
src: url('fonts/Nexa_Free_Light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Nexa_Free_Light-webfont.woff') format('woff'),
url('fonts/Nexa_Free_Light-webfont.ttf') format('truetype'),
url('fonts/Nexa_Free_Light-webfont.svg#nexa_lightregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'nexa_boldregular';
src: url('fonts/Nexa_Free_Bold-webfont.eot');
src: url('fonts/Nexa_Free_Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Nexa_Free_Bold-webfont.woff') format('woff'),
url('fonts/Nexa_Free_Bold-webfont.ttf') format('truetype'),
url('fonts/Nexa_Free_Bold-webfont.svg#nexa_boldregular') format('svg');
font-weight: normal;
font-style: normal;
}
// ==============================================
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
//* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
::-moz-selection {background: #555; color: #ddd; text-shadow: none;}
::selection {background: #555; color: #ddd; text-shadow: none;}
html {
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
overflow:hidden;
background-color: transparent;
//color: #546c7d;
// font-size: 62.5%;
font-size: 62.5%;
font-family: sans-serif; //serif
// height: 100%;
}
body {
position:relative;
//z-index:100;
//margin: 0 auto;
// margin:0;
// max-width: 100%;
// min-width: 1em;
// width: 120em;
// font-weight: normal;
// font-style:normal;
//font-variant:normal;
background: #000;
// height: 100%;
// transition: transform 2s;
}
//.hline() {width: 96em; max-width: 100%; min-width: 15em; margin: 0 auto; position:relative;}
// #wrap{
// font-family: "open sans", Helvetica, Arial, sans-serif;
// line-height: 1.5;
// }
.wrapper{
// width: 120em;
width: 100%;
max-width: 100%;
min-width: 30em;
margin: 0 auto;
position:relative;
// background: #000;
font-family: nexa_lightregular, Arial, sans-serif;
color: #fff;
text-align: center;
// height: 100%;
}
h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.8; color:#fff;}
h1 {font-size: 2.2rem;}
h2 {font-size: 2.0rem;}
h3 {font-size: 1.8rem;}
h4 {font-size: 1.6rem;}
h5 {font-size: 1.4rem;}
h6 {font-size: 1.1rem;}
p {
line-height: 1.6;
font-size: 1.4rem;
color:#fff;
}
span {
display: block;
}
a{
color: #fff;
text-decoration: none;
}
@import 'anima-key';
@import 'nav';
@import 'pagination';
@import 'slides';
@import 'slides-last';
@import 'footer';
@import 'login';
@import 'table';
@import 'contact';
@import 'modal';
@import 'media';
@import 'buttons';
@import 'animation-el';