Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-07-23 15:19:41 +02:00
Code Issues Releases Activity

Fix paddings of icon only button (#193)

Browse source 
* Fix paddings of icon only button

* Update paddings
This commit is contained in:
Tanya 2022-06-01 16:18:58 +08:00 • committed by GitHub
parent f714225e20
commit dd7537a6a0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/frontend/styles/components/button.pcss
View file

@ -23,7 +23,6 @@
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 4px;
svg {
width: 24px;
@ -32,13 +31,16 @@
}
}
&--with-label &__icon {
margin-right: 4px;
}
&--default {
--height: 40px;
}
&--small {
--height: 32px;
padding-right: 10px;
}
&--primary {
@ -77,7 +79,27 @@
}
}
&--with-icon {
&--with-icon&--with-label {
padding-left: 8px;
}
&--with-icon:not(&--with-label) {
padding-right: 8px;
padding-left: 8px;
}
&--small&--with-icon&--with-label {
padding-left: 6px;
padding-right: 10px;
}
&--small&--with-icon:not(&--with-label) {
padding-right: 6px;
padding-left: 6px;
}
&--small&--with-label:not(&--with-icon) {
padding-right: 10px;
padding-left: 10px;
}
}