waylon/netlify-faunadb-example
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add clear all

Browse source
This commit is contained in:
DavidWells 2018-06-20 17:21:17 -07:00
parent 96854572a0
commit 28d647861a
10 changed files with 253 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

56
src/components/SettingsMenu/SettingsMenu.css Normal file
View file

@ -0,0 +1,56 @@
.settings-wrapper {
position: fixed;
left: 0;
top: 0;
background: rgba(95, 95, 95, 0.50);
font-size: 13px;
width: 100%;
height: 100%;
z-index: 9;
display: flex;
align-items: center;
justify-content: center;
}
.settings-content {
margin-top: 3em;
margin-bottom: 3em;
padding: 1.5em 3em;
padding-bottom: 3em;
background: #fff;
color: rgba(14,30,37,0.54);
border-radius: 8px;
box-shadow: 0 1px 6px 0 rgba(14,30,37,0.12);
position: relative;
}
.settings-close {
position: absolute;
right: 15px;
top: 10px;
cursor: pointer;
}
.settings-content h2 {
color: #000;
}
.settings-section {
margin-top: 20px;
}
.settings-header {
font-size: 16px;
font-weight: 600;
}
.settings-options-wrapper {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.settings-option {
padding: 3px 8px;
margin: 5px;
border: 1px solid;
font-size: 12px;
cursor: pointer;
&:hover, &.activeClass {
color: #fff;
}
}