diff --git a/style/main.css b/style/main.css index abf192186bb0fc4297768db696261a5c0c5ba5c2..869661c5afd53ab64c4961656fe864cf021da64e 100644 --- a/style/main.css +++ b/style/main.css @@ -131,6 +131,16 @@ hr { 100% { opacity: 1; } } +.game-container .game-message a { + display: inline-block; + background: #8f7a66; + border-radius: 3px; + padding: 0 20px; + text-decoration: none; + color: #f9f6f2; + height: 40px; + line-height: 42px; } + .game-container { margin-top: 40px; position: relative; @@ -170,14 +180,6 @@ hr { display: block; margin-top: 59px; } .game-container .game-message a { - display: inline-block; - background: #8f7a66; - border-radius: 3px; - padding: 0 20px; - text-decoration: none; - color: #f9f6f2; - height: 40px; - line-height: 42px; margin-left: 9px; } .game-container .game-message.game-won { background: rgba(237, 194, 46, 0.5); @@ -502,14 +504,6 @@ hr { display: block; margin-top: 59px; } .game-container .game-message a { - display: inline-block; - background: #8f7a66; - border-radius: 3px; - padding: 0 20px; - text-decoration: none; - color: #f9f6f2; - height: 40px; - line-height: 42px; margin-left: 9px; } .game-container .game-message.game-won { background: rgba(237, 194, 46, 0.5); diff --git a/style/main.scss b/style/main.scss index 635f7cc189689991b835240c81a05fed8124a484..731d38dffb3a1631fcbbb070c1d681d36938524e 100644 --- a/style/main.scss +++ b/style/main.scss @@ -141,6 +141,18 @@ hr { } } +// Styles for buttons +@mixin button { + display: inline-block; + background: darken($game-container-background, 20%); + border-radius: 3px; + padding: 0 20px; + text-decoration: none; + color: $bright-text-color; + height: 40px; + line-height: 42px; +} + // Game field mixin used to render CSS at different width @mixin game-field { .game-container { @@ -190,14 +202,7 @@ hr { } a { - display: inline-block; - background: darken($game-container-background, 20%); - border-radius: 3px; - padding: 0 20px; - text-decoration: none; - color: $bright-text-color; - height: 40px; - line-height: 42px; + @include button; margin-left: 9px; // margin-top: 59px; }