diff --git a/assets/less/mio/classes/input/button.less b/assets/less/mio/classes/input/button.less index 6f682dad..d907b104 100644 --- a/assets/less/mio/classes/input/button.less +++ b/assets/less/mio/classes/input/button.less @@ -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; } } } diff --git a/views/mio/master.twig b/views/mio/master.twig index d7c569cb..e12b3040 100644 --- a/views/mio/master.twig +++ b/views/mio/master.twig @@ -14,7 +14,6 @@ {% include '@mio/_layout/meta.twig' %} -