diff --git a/_sass/2017/components/missing-message.scss b/_sass/2017/components/missing-message.scss index dd61b415a..e02fb3836 100644 --- a/_sass/2017/components/missing-message.scss +++ b/_sass/2017/components/missing-message.scss @@ -20,23 +20,3 @@ color: $base-mute; } } - -.push-button { - display: inline-block; - text-decoration: none; - padding: 8px 16px; - border-radius: 3px; - - &, - &:visited { - background: $base-a; - color: white; - } - - &:hover, - &:focus { - background: darken($base-a, 16%); - box-shadow: none; - color: white; - } -} diff --git a/_sass/2017/components/push-button.scss b/_sass/2017/components/push-button.scss new file mode 100644 index 000000000..a0a005db1 --- /dev/null +++ b/_sass/2017/components/push-button.scss @@ -0,0 +1,19 @@ +.push-button { + display: inline-block; + text-decoration: none; + padding: 8px 16px; + border-radius: 3px; + + &, + &:visited { + background: $base-a; + color: white; + } + + &:hover, + &:focus { + background: darken($base-a, 16%); + box-shadow: none; + color: white; + } +} diff --git a/_sass/2017/style.scss b/_sass/2017/style.scss index 4afebbda0..f764ca8d5 100644 --- a/_sass/2017/style.scss +++ b/_sass/2017/style.scss @@ -23,6 +23,7 @@ @import './components/notice-box'; @import './components/page-actions'; @import './components/pages-list'; +@import './components/push-button'; @import './components/search-box'; @import './components/side-ad'; @import './components/site-header';