mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-08 01:16:52 +02:00
Code Issues Releases Wiki Activity

Update Button.less

Browse Source
This commit is contained in:
David Wheatley
2021-10-28 15:20:59 +01:00
committed by GitHub
parent b614373a43
commit 2e57891e4d
1 changed files with 19 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
less/common/Button.less
View File

@@ -122,25 +122,30 @@
padding-left: 9px; padding-left: 9px;
padding-right: 9px; padding-right: 9px;
} }
.Button--rounded { .Button--rounded {
border-radius: 18px; border-radius: 18px;
} }
.Button--flat { .Button--flat {
background: transparent; background: transparent;
border-radius: 18px; border-radius: 18px;
} }
.Button--link { .Button--link {
color: @control-color; color: @control-color;
background: unset !important; background: unset !important;
&:active, &:active,
&:hover, &:hover,
&:focus { &:focus,
.open > &.Dropdown-toggle {
color: @link-color; color: @link-color;
box-shadow: none; box-shadow: none;
background: unset !important; background: unset !important;
} }
} }
.Button--reset { .Button--reset {
padding: 0; padding: 0;
margin: 0; margin: 0;
@@ -158,11 +163,12 @@
&:hover, &:hover,
&:focus, &:focus,
.open > &.Dropdown-toggle { .open > &.Dropdown-toggle {
background: transparent !important;
box-shadow: none;
color: @link-color; color: @link-color;
background: unset !important;
box-shadow: none;
} }
} }
.Button--text { .Button--text {
background: transparent !important; background: transparent !important;
padding: 0; padding: 0;
@@ -178,6 +184,7 @@
box-shadow: none; box-shadow: none;
} }
} }
.Button--primary { .Button--primary {
.Button--color(@body-bg, @primary-color, 'button-primary'); .Button--color(@body-bg, @primary-color, 'button-primary');
font-weight: bold; font-weight: bold;
@@ -188,9 +195,11 @@
display: none; display: none;
} }
} }
.Button--danger { .Button--danger {
.Button--color(@control-danger-color, @control-danger-bg, 'control-danger'); .Button--color(@control-danger-color, @control-danger-bg, 'control-danger');
} }
.Button--more { .Button--more {
padding: 2px 4px; padding: 2px 4px;
line-height: 1; line-height: 1;
@@ -199,6 +208,7 @@
margin: 0; margin: 0;
} }
} }
.Button--block { .Button--block {
display: block; display: block;
width: 100%; width: 100%;
@@ -210,6 +220,7 @@
margin-top: 5px; margin-top: 5px;
} }
} }
// Little round icon buttons // Little round icon buttons
.Button--icon { .Button--icon {
width: 36px; width: 36px;
@@ -225,6 +236,7 @@
margin: 0; margin: 0;
} }
} }
.SessionDropdown .Dropdown-toggle { .SessionDropdown .Dropdown-toggle {
border-radius: 18px; border-radius: 18px;
@@ -233,16 +245,20 @@
.Avatar--size(24px); .Avatar--size(24px);
} }
} }
.Button-icon { .Button-icon {
margin-right: 7px; margin-right: 7px;
} }
.Button-icon, .Button-icon,
.Button-caret { .Button-caret {
font-size: 14px; font-size: 14px;
} }
.Button-caret { .Button-caret {
margin-left: 7px; margin-left: 7px;
} }
.Button-badge { .Button-badge {
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;