0313d915c2
Bootstrap forces the img-responsive images to be a block. IMHO bootstrap should be killed and burned with fire but them it appears I know nothing (John Snow) about CSS and making things looks nice so they have probably their reason to do so. Anyway, not that I care, let me use inline images for Flupke sake!
65 lines
1.4 KiB
Plaintext
65 lines
1.4 KiB
Plaintext
// Mixins
|
|
.transform(@args) {
|
|
-webkit-transform : @args;
|
|
-moz-transform : @args;
|
|
-ms-transform : @args;
|
|
-o-transform : @args;
|
|
transform : @args;
|
|
}
|
|
|
|
.antialiased{
|
|
-moz-osx-font-smoothing : grayscale;
|
|
-webkit-font-smoothing : antialiased;
|
|
text-rendering : geometricPrecision;
|
|
}
|
|
|
|
.mdi-icon {
|
|
font-family: 'Material-Design-Icons';
|
|
display: inline-block;
|
|
text-rendering: geometricPrecision;
|
|
.antialiased;
|
|
}
|
|
|
|
|
|
|
|
.keyframes(@name; @arguments) {
|
|
@-moz-keyframes @name { @arguments(); }
|
|
@-webkit-keyframes @name { @arguments(); }
|
|
@keyframes @name { @arguments(); }
|
|
}
|
|
|
|
|
|
|
|
// Shadows
|
|
// --------------------------------------------------
|
|
|
|
.shadow-none {
|
|
.box-shadow(none);
|
|
}
|
|
.shadow-0 {
|
|
.box-shadow(0 1px 4px rgba(0, 0, 0, 0.1));
|
|
}
|
|
.shadow-1 {
|
|
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
|
|
}
|
|
.shadow-2 {
|
|
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
|
|
}
|
|
.shadow-3 {
|
|
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
|
|
}
|
|
.shadow-4 {
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22), 0 14px 56px rgba(0, 0, 0, 0.25);
|
|
}
|
|
.shadow-5 {
|
|
box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
// overwrite bootstrap inline forcing
|
|
.img-responsive {
|
|
display: inline-block;
|
|
}
|
|
.img-responsive.center-block {
|
|
display: block;
|
|
}
|