diff --git a/app/assets/stylesheets/forms.css.scss b/app/assets/stylesheets/forms.css.scss index ebc16a8..99199a3 100644 --- a/app/assets/stylesheets/forms.css.scss +++ b/app/assets/stylesheets/forms.css.scss @@ -78,3 +78,43 @@ transform: translate(0, 0.1em); -webkit-transform: translate(0, 0.1em); } + +.centered { + text-align: center; +} + +.large { + padding: 30px; +} + +.btn-link { + background: #233e83; + padding: 0.4em 0.8em; + border-radius: 0.2em; + color: #FFF; + border: none; + border-bottom: 0.2em solid #7A95DC; + cursor: pointer; + transition: background 200ms, border 200ms, transform 200ms; + -webkit-transition: background 200ms, border 200ms, transform 200ms; +} + +.btn-link:link, .btn-link:active, .btn-link:visited { + color: #FFF; + text-decoration: none; +} + +.btn-link:hover { + background: #152551; +} + +.btn-link:active { + background: #597AD2; + border-bottom: 0.2em solid #000; + transform: translate(0, 0.1em); + -webkit-transform: translate(0, 0.1em); +} + +.btn-link-large { + font-size: 2em; +} \ No newline at end of file diff --git a/app/views/home/index.html.slim b/app/views/home/index.html.slim index ad83144..ef351a3 100644 --- a/app/views/home/index.html.slim +++ b/app/views/home/index.html.slim @@ -9,7 +9,6 @@ ul - for track in @current_conference.tracks li = track.name -.centered - = link_to 'Предложи лекция', new_lecture_path - - = link_to 'Предложи уъркшоп', new_workshop_path +.centered.large + => link_to 'Предложи лекция', new_lecture_path, class: 'btn-link btn-link-large' + = link_to 'Предложи уъркшоп', new_workshop_path, class: 'btn-link btn-link-large'