frontend/css/components/_toolbars.scss in trestle-0.10.0.pre vs frontend/css/components/_toolbars.scss in trestle-0.10.0.pre2

- old
+ new

@@ -1,19 +1,19 @@ .btn-toolbar { - gap: 5px; + gap: 0.375rem; } .primary-toolbar { .btn { - --#{$prefix}btn-padding-x: 1.25rem; - --#{$prefix}btn-padding-y: 0.5rem; - --#{$prefix}btn-font-size: 1.35rem; + --#{$prefix}btn-padding-x: 1.125rem; + --#{$prefix}btn-padding-y: 0.5rem; + --#{$prefix}btn-font-size: 1.125rem; @include media-breakpoint-down(md) { --#{$prefix}btn-padding-x: 0.75rem; - --#{$prefix}btn-padding-y: 0.35rem; - --#{$prefix}btn-font-size: 1.25rem; + --#{$prefix}btn-padding-y: 0.25rem; + --#{$prefix}btn-font-size: 1.0625rem; --#{$prefix}btn-border-radius: #{$btn-border-radius-sm}; } } } @@ -25,17 +25,17 @@ > i { font-size: 80%; + .btn-label { - margin-left: 3px; + margin-left: 0.25rem; } } @include media-breakpoint-down(md) { --#{$prefix}btn-padding-x: 0.5rem; - --#{$prefix}btn-padding-y: 0.2rem; - --#{$prefix}btn-font-size: 0.75rem; + --#{$prefix}btn-padding-y: 0.25rem; + --#{$prefix}btn-font-size: 0.6875rem; --#{$prefix}btn-border-radius: #{$btn-border-radius-sm}; } } }