Skip to content

Commit

Permalink
Remove bourbon dependency
Browse files Browse the repository at this point in the history
- Remove bourbon dependency
- Improvements to css/js
  • Loading branch information
claudia-romano committed Mar 10, 2018
1 parent 8814b25 commit 4fc7f37
Show file tree
Hide file tree
Showing 18 changed files with 490 additions and 2,401 deletions.
8 changes: 5 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,10 @@ Login/Signup modal window

Front-end coded version of a modal window to login/signup into your website. Once opened, the user can easily switch from one form to the other, or select the reset password option.

[Article on CodyHouse](http://codyhouse.co/gem/loginsignup-modal-window/)
[Article on CodyHouse](https://codyhouse.co/gem/loginsignup-modal-window/)

[Demo](http://codyhouse.co/demo/login-signup-modal-window/)
[Demo](https://codyhouse.co/demo/login-signup-modal-window/)

[Terms](http://codyhouse.co/terms/)
[Terms](https://codyhouse.co/terms/)

Icons: [Nucleo](https://nucleoapp.com/)
56 changes: 56 additions & 0 deletions css/demo.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
/* demo style */
.cd-nugget-info {
text-align: center;
position: absolute;
width: 100%;
height: 50px;
line-height: 50px;
bottom: 0;
left: 0;
}
.cd-nugget-info a {
position: relative;
display: inline-block;
padding: 0 2em;
background-color: #da5067;
border-radius: 50em;
font-size: 14px;
color: #fff;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.cd-nugget-info a:hover {
opacity: .8;
}
.cd-nugget-info span {
vertical-align: middle;
display: inline-block;
}
.cd-nugget-info span svg {
display: block;
}
.cd-nugget-info .cd-nugget-info-arrow {
fill: #fff;
}
.cd-intro {
position: relative;
height: 200px;
line-height: 200px;
text-align: center;
}
.cd-intro h1 {
font-size: 2.2rem;
color: rgba(52, 54, 66, 0.5);
}
@media only screen and (min-width: 600px) {
.cd-intro {
height: 300px;
line-height: 300px;
}
}
@media only screen and (min-width: 1170px) {
.cd-intro h1 {
font-size: 3.2rem;
}
}
2 changes: 1 addition & 1 deletion css/reset.css
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ time, mark, audio, video {
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
footer, header, hgroup, menu, nav, section, main {
display: block;
}
body {
Expand Down

0 comments on commit 4fc7f37

Please sign in to comment.