This commit is contained in:
@ -1,5 +1,46 @@
|
|||||||
|
@use "sass:color"
|
||||||
|
|
||||||
|
//$primary-color: #3399ff
|
||||||
|
$primary-color: cornflowerblue
|
||||||
|
$primary-color-highlight: color.adjust($primary-color, $lightness: -10%)
|
||||||
|
|
||||||
|
body
|
||||||
|
background: #eee
|
||||||
|
|
||||||
|
a
|
||||||
|
color: $primary-color
|
||||||
|
transition: color 225ms ease-in-out
|
||||||
|
&:hover
|
||||||
|
color: $primary-color-highlight
|
||||||
|
|
||||||
|
input[type=submit],
|
||||||
|
button
|
||||||
|
background: $primary-color
|
||||||
|
color: #eee
|
||||||
|
border-radius: 8px
|
||||||
|
transition: all 225ms ease-in-out
|
||||||
|
&:hover
|
||||||
|
background: $primary-color-highlight
|
||||||
|
color: white
|
||||||
|
|
||||||
|
#wrapper
|
||||||
|
background: white
|
||||||
|
padding: 1rem 2rem
|
||||||
|
border-radius: 8px
|
||||||
|
|
||||||
#main-nav
|
#main-nav
|
||||||
margin-bottom: 15px
|
margin-bottom: 15px
|
||||||
|
background: $primary-color
|
||||||
|
border-bottom: 1px solid #eee
|
||||||
|
|
||||||
|
ul
|
||||||
|
background: none
|
||||||
|
|
||||||
|
a
|
||||||
|
color: #eee
|
||||||
|
font-weight: bold
|
||||||
|
&:hover
|
||||||
|
color: white
|
||||||
|
|
||||||
h1.invalid
|
h1.invalid
|
||||||
color: red
|
color: red
|
||||||
|
@ -17,7 +17,7 @@
|
|||||||
<%= erb :'partials/navbar', :locals => locals %>
|
<%= erb :'partials/navbar', :locals => locals %>
|
||||||
|
|
||||||
<!-- main content -->
|
<!-- main content -->
|
||||||
<div class="grid-container">
|
<div id="wrapper" class="grid-container">
|
||||||
<%= yield %>
|
<%= yield %>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
Reference in New Issue
Block a user