flashii/misuzu
flashii/misuzu
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Revised button styling a bit.

Browse source
This commit is contained in:
flash 2018-08-12 15:56:20 +02:00
parent 13d99a70a4
commit 44361cdc96
2 changed files with 17 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
assets/less/mio/classes/input/button.less
View file

@ -1,41 +1,37 @@
.input__button {
font-family: 'visitor1';
font-size: 20px;
line-height: 1.25em;
color: #fff;
background-image: linear-gradient(0deg, transparent, #c2affe);
background-color: #9475b2;
border: 1px solid #306;
box-shadow: inset 0 0 0 1px #643b8c;
border-radius: 2px;
padding: 1px 10px;
transition: background .2s, border-color .2s;
font-family: @mio-font-regular;
font-size: 1.1em;
line-height: 1.4em;
padding: 4px 10px;
min-width: 80px;
text-align: center;
cursor: pointer;
text-align: left;
transition: background-color .2s, box-shadow .2s;
color: #306;
border: 1px solid #306;
border-radius: 2px;
display: inline-block;
text-decoration: none;
&--small {
font-size: 15px;
}
&--disabled {
background-color: #888;
border-color: #444;
box-shadow: inset 0 0 0 1px #555;
background-image: linear-gradient(0deg, #888, #aaa);
border-color: #333;
color: #333;
}
&:not(&--disabled) {
&:focus {
border-color: #407;
box-shadow: inset 0 0 2px 0 #306;
}
&:hover {
background: #A586c3;
background-color: #A586c3;
}
&:active {
border-color: #306;
background: #8364a1;
background-color: #8364a1;
}
}
}

1
views/mio/master.twig
View file

@ -14,7 +14,6 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
{% include '@mio/_layout/meta.twig' %}
<link href="https://static.flash.moe/fonts/visitor/visitor1.css" rel="stylesheet">
<link href="{{ '/css/mio.css'|asset_url }}" rel="stylesheet">
<link href="{{ '/css/libraries.css'|asset_url }}" rel="stylesheet">
</head>