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};
}
}
}