Commit ba72f9ee authored by Ludovic Dubost's avatar Ludovic Dubost

Updated CSS of buttons

parent 5205ed04
......@@ -231,7 +231,32 @@ Example:
transition: ease-out 0.3s;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
line-height: 1.9rem;
line-height: 1.5rem;
text-transform: uppercase;
box-shadow: 8px 10px 10px 0 rgba(0, 33, 51,.15);
border: 2px solid #00aaff;
&:hover {
box-shadow: 2px 4px 8px 0 rgba(0, 33, 51,0.6);
transition: ease-out 0.3s;
}
}
.btn-secondary {
background-color: transparent;
color: #fff;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
line-height: 1.5rem;
border-bottom-right-radius: .7rem;
transition: linear .3s;
border: 2px solid #fff;
text-transform: uppercase;
display: inline-block;
box-shadow: 8px 10px 10px 0 rgba(0, 33, 51,.15);
&:hover {
box-shadow: 2px 4px 8px 0 rgba(0, 33, 51,0.6);
transition: ease-out 0.3s;
}
}
.btn-primary, .btn-secondary {
......
......@@ -202,8 +202,7 @@ Example:
.btn-blue-o {
margin-top: 2.5rem;
width: fit-content;
min-width: 20rem;
width: 30rem;
margin-left: auto;
margin-right: auto;
background-image: none;
......@@ -216,7 +215,32 @@ Example:
transition: ease-out 0.3s;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
line-height: 1.9rem;
line-height: 1.5rem;
text-transform: uppercase;
box-shadow: 8px 10px 10px 0 rgba(0, 33, 51,.15);
border: 2px solid #00aaff;
&:hover {
box-shadow: 2px 4px 8px 0 rgba(0, 33, 51,0.6);
transition: ease-out 0.3s;
}
}
.btn-secondary {
background-color: transparent;
color: #fff;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
line-height: 1.5rem;
border-bottom-right-radius: .7rem;
transition: linear .3s;
border: 2px solid #fff;
text-transform: uppercase;
display: inline-block;
box-shadow: 8px 10px 10px 0 rgba(0, 33, 51,.15);
&:hover {
box-shadow: 2px 4px 8px 0 rgba(0, 33, 51,0.6);
transition: ease-out 0.3s;
}
}
.btn-primary, .btn-secondary {
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment