paoda/polyglot
1
0
Fork 0
mirror of https://github.com/beatriceo/polyglot.git synced 2025-10-22 17:52:10 +00:00
Code Issues Projects Releases Wiki Activity

Initial commit with devise template from https://github.com/lewagon/rails-templates

Browse Source
This commit is contained in:
Beatrice Olivera
2018-08-27 15:37:06 +01:00
commit ebd896cd31
131 changed files with 9104 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/assets/stylesheets/components/_alert.scss Normal file
View File

@@ -0,0 +1,15 @@
/* -------------------------------------
* Your CSS code for flash notices and alerts
* ------------------------------------- */
.alert {
margin: 0;
text-align: center;
color: white;
}
.alert-info {
background: $green;
}
.alert-warning {
background: $red;
}

3
app/assets/stylesheets/components/_index.scss Normal file
View File

@@ -0,0 +1,3 @@
// Import your components CSS files here.
@import "alert";
@import "navbar";

77
app/assets/stylesheets/components/_navbar.scss Normal file
View File

@@ -0,0 +1,77 @@
/* Main navbar */
.navbar-wagon {
box-shadow: 0 1px 5px 0 rgba(0,0,0,0.07),0 1px 0 0 rgba(0,0,0,0.03);
background: white;
transition: all 0.3s ease;
height: 70px;
padding: 0px 30px;
display: flex;
align-items: center;
justify-content: space-between;
}
/* Logo */
.navbar-wagon-brand img {
height: 50px;
}
/* User Avatar */
.navbar-wagon .avatar {
height: 35px;
width: 35px;
border-radius: 50%;
}
/* Right section */
.navbar-wagon-right {
display: flex;
align-items: center;
justify-content: space-between;
}
/* Basic navbar item */
.navbar-wagon-item {
cursor: pointer;
padding: 0 20px;
}
/* Navbar link */
.navbar-wagon-link {
color: #616668;
font-size: 14px;
}
.navbar-wagon-link:hover {
color: #da552f;
text-decoration: none;
}
/* Dropdown menu */
.navbar-wagon-dropdown-menu {
margin-top: 15px;
box-shadow: 1px 1px 4px #E6E6E6;
border-color: #E6E6E6;
}
.navbar-wagon-dropdown-menu li > a {
transition: color 0.3s ease;
font-weight: lighter !important;
color: #999999 !important;
font-size: 15px !important;
line-height: 22px !important;
padding: 10px 20px;
}
.navbar-wagon-dropdown-menu li > a:hover {
background: transparent !important;
color: black !important;
}
.navbar-wagon-dropdown-menu:before {
content: ' ';
height: 10px;
width: 10px;
position: absolute;
right: 10px;
top: -6px;
background-color: white;
transform: rotate(45deg);
border-left: 1px solid #E6E6E6;
border-top: 1px solid #E6E6E6;
}