bitcoin-atm
bitcoin atm for pyc inc.
git clone https://9o.is/git/bitcoin-atm.git
custom.less
(3775B)
1 // Add anything custm here -- mixins, variable overrides
2 // by adding things here instead of overriding existing .LESS files, it makes merging changes on product updates easier
3
4 @font-face {
5 font-family: 'Open Sans';
6 font-style: normal;
7 font-weight: 400;
8 src: local('Open Sans'), local('OpenSans'), url('/fonts/OpenSans-Regular.ttf') format('truetype');
9 }
10
11 @font-face {
12 font-family: 'Open Sans';
13 font-style: normal;
14 font-weight: 700;
15 src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/fonts/OpenSans-Bold.ttf') format('truetype');
16 }
17
18 @font-face {
19 font-family: 'Open Sans';
20 font-style: normal;
21 font-weight: 800;
22 src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url('/fonts/OpenSans-ExtraBold.ttf') format('truetype');
23 }
24
25 .scale(@x, @y) {
26 -webkit-transform: scale(@x,@y);
27 transform: scale(@x,@y);
28 }
29
30 // Given a percentage parameter (value between 0-1),
31 // it sets the height proportional to screen height.
32 .set-height(@height) {
33 height: @height * @screen-height;
34 }
35
36 // Given a percentage parameter (value between 0-1),
37 // it sets the width proportional to screen width.
38 .set-width(@width) {
39 width: @width * @screen-width;
40 }
41
42 .width-auto {
43 width: auto !important;
44 }
45
46 .extra-small {
47 font-size: @font-size-extra-small;
48 }
49
50 .xx-small {
51 font-size: @font-size-xx-small;
52 }
53
54 .bg-white {
55 background-color: #FFF;
56 }
57
58 .bg-primary {
59 background-color: @brand-primary;
60 }
61
62 .bg-primary-light {
63 background-color: @brand-primary-light;
64 }
65
66 .bg-secondary {
67 background-color: @brand-secondary;
68 }
69
70 .bg-secondary-gradient {
71 .bg-secondary();
72 #gradient > .radial(lighten(@brand-secondary, 5%), @brand-secondary)
73 }
74
75 .text-warning {
76 color: @brand-warning;
77 a {
78 color: @brand-warning;
79 &:hover {
80 color: lighten(@brand-warning, 5%);
81 }
82 }
83 }
84
85 .text-primary {
86 color: @brand-primary;
87 a {
88 color: @brand-primary;
89 &:hover {
90 color: lighten(@brand-primary, 5%);
91 }
92 }
93 }
94
95 .text-error {
96 color: @brand-danger;
97 a {
98 color: @brand-danger;
99 &:hover {
100 color: lighten(@brand-danger, 5%);
101 }
102 }
103 }
104
105 .text-secondary {
106 color: @brand-secondary;
107 a {
108 color: @brand-secondary;
109 &:hover {
110 color: lighten(@brand-secondary, 5%);
111 }
112 }
113 }
114
115 .text-white {
116 color: #FFF !important;
117 }
118
119 //bold headers
120 h1,h2,h3,h4,h5,h6,h7 {
121 &.bold {
122 font-weight: @headings-font-weight + 100;
123 }
124 }
125
126 a.no-design {
127 color: @text-color !important;
128 text-decoration: none !important;
129 }
130
131 .padding-top-125 {
132 padding-top: 125px !important;
133 }
134
135 .padding-top-100 {
136 padding-top: 100px !important;
137 }
138
139 .padding-top-75 {
140 padding-top: 75px !important;
141 }
142
143 .padding-top-50 {
144 padding-top: 50px !important;
145 }
146
147 .padding-top-20 {
148 padding-top: 20px !important;
149 }
150
151 .padding-bottom-100 {
152 padding-bottom: 100px !important;
153 }
154
155 .padding-bottom-50 {
156 padding-bottom: 50px !important;
157 }
158
159 .margin-0 {
160 margin: 0 !important;
161 }
162
163 .margin-top-150 {
164 margin-top: 150px !important;
165 }
166
167 .margin-top-100 {
168 margin-top: 100px !important;
169 }
170
171 .margin-top-75 {
172 margin-top: 75px !important;
173 }
174
175 .margin-top-50 {
176 margin-top: 50px !important;
177 }
178
179 .margin-top-20 {
180 margin-top: 20px !important;
181 }
182
183 .margin-top-0 {
184 margin-top: 0 !important;
185 }
186
187 .margin-bottom-150 {
188 margin-bottom: 150px !important;
189 }
190
191 .margin-bottom-100 {
192 margin-bottom: 100px !important;
193 }
194
195 .margin-bottom-75 {
196 margin-bottom: 75px !important;
197 }
198
199 .margin-bottom-50 {
200 margin-bottom: 50px !important;
201 }
202
203 .margin-bottom-25 {
204 margin-bottom: 25px !important;
205 }
206
207 .margin-bottom-20 {
208 margin-bottom: 20px !important;
209 }
210
211 .margin-bottom-0 {
212 margin-bottom: 0 !important;
213 }