2 // Add support for card. We map it to well.
3 // This is not meant to be perfect - but at least applies some styles to a bs4 card.
5 /* stylelint-disable-line no-empty-source */
8 // Padding and margin utitilies.
11 .padding-margin(@n, @i : 1) when (@i =< @n) {
12 @amount: @i * @baseFontSize;
14 padding-left: @amount !important; /* stylelint-disable-line declaration-no-important */
17 padding-right: @amount !important; /* stylelint-disable-line declaration-no-important */
20 padding-top: @amount !important; /* stylelint-disable-line declaration-no-important */
23 padding-bottom: @amount !important; /* stylelint-disable-line declaration-no-important */
26 padding-left: @amount !important; /* stylelint-disable-line declaration-no-important */
27 padding-right: @amount !important; /* stylelint-disable-line declaration-no-important */
30 padding-top: @amount !important; /* stylelint-disable-line declaration-no-important */
31 padding-bottom: @amount !important; /* stylelint-disable-line declaration-no-important */
34 padding: @amount !important; /* stylelint-disable-line declaration-no-important */
38 margin-left: @amount !important; /* stylelint-disable-line declaration-no-important */
41 margin-right: @amount !important; /* stylelint-disable-line declaration-no-important */
44 margin-top: @amount !important; /* stylelint-disable-line declaration-no-important */
47 margin-bottom: @amount !important; /* stylelint-disable-line declaration-no-important */
50 margin-left: @amount !important; /* stylelint-disable-line declaration-no-important */
51 margin-right: @amount !important; /* stylelint-disable-line declaration-no-important */
54 margin-top: @amount !important; /* stylelint-disable-line declaration-no-important */
55 margin-bottom: @amount !important; /* stylelint-disable-line declaration-no-important */
58 margin: @amount !important; /* stylelint-disable-line declaration-no-important */
60 .padding-margin(@n, (@i + 1));
64 display: inline !important; /* stylelint-disable-line declaration-no-important */
67 display: block !important; /* stylelint-disable-line declaration-no-important */
70 display: inline-block !important; /* stylelint-disable-line declaration-no-important */
73 // Horizontal centering.
75 margin-left: auto !important; /* stylelint-disable-line declaration-no-important */
76 margin-right: auto !important; /* stylelint-disable-line declaration-no-important */
80 .img-fluid:extend(.img-responsive) {
81 /* stylelint-disable-line no-empty-source */
85 .text-danger:extend(.text-error) {
86 /* stylelint-disable-line no-empty-source */
90 background-color: @white;
91 background-image: none;
99 background-color: @errorText;
102 background-color: darken(@errorText, 10%);
106 background-color: @orange;
109 background-color: darken(@orange, 10%);
113 background-color: @successText;
116 background-color: darken(@successText, 10%);
120 background-color: @infoText;
123 background-color: darken(@infoText, 10%);
127 background-color: @blue;
130 background-color: darken(@blue, 10%);
135 .pull-xs-left:extend(.pull-left) {
136 /* stylelint-disable-line no-empty-source */
139 .pull-xs-right:extend(.pull-right) {
140 /* stylelint-disable-line no-empty-source */
144 white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */