bucky
/
url-shortener
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

adjusted styles a little more 

+ rearranged things some
+ changed button colors
pull/17/head
Adam Townsend 2023-10-05 08:32:26 -07:00
parent 67e99df83e
commit 9ca0e9ca48
1 changed files with 21 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
views/layout.erb
View File

@ -20,6 +20,21 @@
font-family: Helvetica, sans-serif; font-family: Helvetica, sans-serif;
color: var(--black); color: var(--black);
} }
main {
max-width: 30rem;
min-width: 18rem;
border: 5px solid var(--medium-blue);
border-radius: 20px;
margin: auto;
padding: 1rem;
margin-top: 5rem;
text-align: center;
min-height: 200px;
box-shadow: 3px 2px 10px var(--shadow);
background: var(--white);
}
input { input {
padding: 1rem; padding: 1rem;
border-radius: 5px; border-radius: 5px;
@ -39,16 +54,16 @@
color: var(--white); color: var(--white);
padding: 1rem; padding: 1rem;
border-radius: 5px; border-radius: 5px;
border: 2px solid var(--dark-blue); border: 2px solid var(--darker-blue);
background: var(--dark-blue); background: var(--darker-blue);
font-weight: bold; font-weight: bold;
transition: all .25s ease-in-out; transition: background .25s ease-in-out;
-moz-transition: all .25s ease-in-out; -moz-transition: background .25s ease-in-out;
-webkit-transition: all .25s ease-in-out; -webkit-transition: background .25s ease-in-out;
} }
button:hover { button:hover {
background: var(--darker-blue); background: var(--dark-blue);
} }
button:active { button:active {
@ -69,19 +84,6 @@
color: var(--darker-blue); color: var(--darker-blue);
border-bottom: 4px solid var(--darker-blue); border-bottom: 4px solid var(--darker-blue);
} }
main {
max-width: 30rem;
min-width: 18rem;
border: 5px solid var(--medium-blue);
border-radius: 20px;
margin: auto;
padding: 1rem;
margin-top: 5rem;
text-align: center;
min-height: 200px;
box-shadow: 3px 2px 10px var(--shadow);
background: var(--white);
}
</style> </style>
</head> </head>