diff options
Add @layout-padding variable for layout padding setting
5 files changed, 12 insertions, 12 deletions
| -rw-r--r-- | src/buttons.less | 4 | ||||
| -rw-r--r-- | src/cards.less | 8 | ||||
| -rw-r--r-- | src/modals.less | 6 | ||||
| -rw-r--r-- | src/panels.less | 5 | ||||
| -rw-r--r-- | src/variables.less | 1 |
diff --git a/src/buttons.less b/src/buttons.less index c3c275e..32df840 100644 --- a/src/buttons.less +++ b/src/buttons.less @@ -11,7 +11,7 @@ font-size: 1.4rem; height: 3.2rem; line-height: 2rem; - padding: .5rem 1.2rem; + padding: .5rem .8rem; text-align: center; text-decoration: none; user-select: none; @@ -94,7 +94,7 @@ &.btn-lg { font-size: 1.8rem; height: 4rem; - padding: .9rem 1.5rem; + padding: .9rem .8rem; } // Button Block diff --git a/src/cards.less b/src/cards.less index 2a655ab..47bc4d3 100644 --- a/src/cards.less +++ b/src/cards.less @@ -11,14 +11,15 @@ .card-header, .card-body, .card-footer { - padding: 1.5rem 1.5rem 0 1.5rem; + padding: @layout-padding; + padding-bottom: 0; &:last-child { - padding-bottom: 1.5rem; + padding-bottom: @layout-padding; } } .card-image { - padding-top: 1.5rem; + padding-top: @layout-padding; &:first-child { padding-top: 0; @@ -38,7 +39,6 @@ } .card-title { font-size: 2rem; - line-height: 1.4; } .card-meta { color: @gray-color; diff --git a/src/modals.less b/src/modals.less index 8ac1d5f..1030fbd 100644 --- a/src/modals.less +++ b/src/modals.less @@ -52,7 +52,7 @@ z-index: 1988; .modal-header { - padding: 1.5rem; + padding: @layout-padding; .modal-title { font-size: 1.6rem; @@ -63,12 +63,12 @@ .modal-body { max-height: 50vh; overflow-y: auto; - padding: 1.5rem; + padding: @layout-padding; position: relative; } .modal-footer { - padding: 1.5rem; + padding: @layout-padding; text-align: right; } } diff --git a/src/panels.less b/src/panels.less index e368d76..445ce58 100644 --- a/src/panels.less +++ b/src/panels.less @@ -8,7 +8,7 @@ .panel-header, .panel-footer { flex: 0 0 auto; - padding: 1.5rem; + padding: @layout-padding; } .panel-nav { @@ -21,11 +21,10 @@ } .panel-body { - padding: 0 1.5rem; + padding: 0 @layout-padding; } .panel-title { font-size: 2rem; - line-height: 1.4; } } diff --git a/src/variables.less b/src/variables.less index 78ec0b6..1f62e70 100644 --- a/src/variables.less +++ b/src/variables.less @@ -16,6 +16,7 @@ // Sizes @layout-gutter: 1rem; +@layout-padding: 1.5rem; @control-min-width: 18rem; @border-radius: .2rem; |