scratchfoundation/scratch-paint
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-paint.git synced 2025-01-09 22:22:23 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Merge pull request #84 from mewtaylor/issue/gh-83

Browse source 
Fix GH-83: Move paint-specific styling out of button
This commit is contained in:
Paul Kaplan 2017-10-20 15:57:38 -04:00 committed by GitHub
commit 65dbf70fa1
2 changed files with 11 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/components/button/button.css
View file

@ -1,22 +1,3 @@
$border-radius: .25rem;
.button { .button {
padding: 0.25rem;
outline: none;
background: white;
border-radius: $border-radius;
border: 1px solid #ddd;
cursor: pointer; cursor: pointer;
font-size: 0.85rem;
transition: 0.2s;
}
.button > img {
flex-grow: 1;
width: 1.5rem;
height: 1.5rem;
}
.button:disabled > img {
opacity: 0.25;
} }

12
src/components/tool-select-base/tool-select-base.css
View file

@ -1,8 +1,16 @@
@import '../../css/colors.css'; @import '../../css/colors.css';
$border-radius: .25rem;
.tool-select { .tool-select {
background: none; display: inline-block;
border: none; border: none;
border-radius: $border-radius;
outline: none;
background: none;
padding: 0.25rem;
font-size: 0.85rem;
transition: 0.2s;
} }
.tool-select.is-selected { .tool-select.is-selected {
@ -16,4 +24,6 @@
img.tool-select-icon { img.tool-select-icon {
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
flex-grow: 1;
vertical-align: middle;
} }