|
@ -751,11 +751,11 @@ a.ui.card:hover, |
|
|
|
|
|
|
|
|
@coloredBorderSize: 2px; |
|
|
@coloredBorderSize: 2px; |
|
|
.ui.black.card:not(.inverted) { |
|
|
.ui.black.card:not(.inverted) { |
|
|
box-shadow: 0px @shadowDistance 0px 0px @black; |
|
|
|
|
|
|
|
|
box-shadow: 0px @shadowDistance 0px 0px @black; |
|
|
border: 1px solid @solidBorderColor; |
|
|
border: 1px solid @solidBorderColor; |
|
|
} |
|
|
} |
|
|
.ui.blue.card:not(.inverted) { |
|
|
.ui.blue.card:not(.inverted) { |
|
|
box-shadow: 0px @shadowDistance 0px 0px @blue; |
|
|
|
|
|
|
|
|
box-shadow: 0px @shadowDistance 0px 0px @blue; |
|
|
border: 1px solid @solidBorderColor; |
|
|
border: 1px solid @solidBorderColor; |
|
|
} |
|
|
} |
|
|
.ui.green.card:not(.inverted) { |
|
|
.ui.green.card:not(.inverted) { |
|
@ -763,15 +763,15 @@ a.ui.card:hover, |
|
|
border: 1px solid @solidBorderColor; |
|
|
border: 1px solid @solidBorderColor; |
|
|
} |
|
|
} |
|
|
.ui.orange.card:not(.inverted) { |
|
|
.ui.orange.card:not(.inverted) { |
|
|
box-shadow: 0px @shadowDistance 0px 0px @orange; |
|
|
|
|
|
|
|
|
box-shadow: 0px @shadowDistance 0px 0px @orange; |
|
|
border: 1px solid @solidBorderColor; |
|
|
border: 1px solid @solidBorderColor; |
|
|
} |
|
|
} |
|
|
.ui.pink.card:not(.inverted) { |
|
|
.ui.pink.card:not(.inverted) { |
|
|
box-shadow: 0px @shadowDistance 0px 0px @pink; |
|
|
|
|
|
|
|
|
box-shadow: 0px @shadowDistance 0px 0px @pink; |
|
|
border: 1px solid @solidBorderColor; |
|
|
border: 1px solid @solidBorderColor; |
|
|
} |
|
|
} |
|
|
.ui.purple.card:not(.inverted) { |
|
|
.ui.purple.card:not(.inverted) { |
|
|
box-shadow: 0px @shadowDistance 0px 0px @purple; |
|
|
|
|
|
|
|
|
box-shadow: 0px @shadowDistance 0px 0px @purple; |
|
|
border: 1px solid @solidBorderColor; |
|
|
border: 1px solid @solidBorderColor; |
|
|
} |
|
|
} |
|
|
.ui.red.card:not(.inverted) { |
|
|
.ui.red.card:not(.inverted) { |
|
@ -797,7 +797,7 @@ a.ui.card:hover, |
|
|
color: @white !important; |
|
|
color: @white !important; |
|
|
} |
|
|
} |
|
|
.ui.inverted.card, |
|
|
.ui.inverted.card, |
|
|
.ui.inverted.black card { |
|
|
|
|
|
|
|
|
.ui.inverted.black.card { |
|
|
box-shadow: 0px @shadowDistance 0px 0px darken(@black, 20%); |
|
|
box-shadow: 0px @shadowDistance 0px 0px darken(@black, 20%); |
|
|
} |
|
|
} |
|
|
.ui.inverted.blue.card * { |
|
|
.ui.inverted.blue.card * { |
|
|