Skip to content

Commit

Permalink
Merge pull request #17 from hurricane-response/fix-past-responses-list
Browse files Browse the repository at this point in the history
Styling fix: make past responses list wrap on small screens
  • Loading branch information
nihonjinrxs authored Aug 30, 2019
2 parents 5bde168 + 6a21d81 commit 389a0da
Show file tree
Hide file tree
Showing 4 changed files with 112 additions and 52 deletions.
21 changes: 11 additions & 10 deletions assets/css/_inc/links.css
Original file line number Diff line number Diff line change
@@ -1,24 +1,25 @@
a {
.mainnav a {
outline: none;
text-decoration: none;
padding: 2px 1px 0;
}


a:link {
color: var(--blue);
color: var(--cfablue);
}

.mainnav a:link {
color: white;
.mainnav a:link,
.mainnav a:visited {
color: var(--grey-light);
}

a:visited {
color: var(--grey-dark);
color: var(--blue);
}

a:focus {
border-bottom: 1px solid var(--blue);
border-bottom: 1px solid var(--cfablue);
}

.mainnav a:focus {
Expand All @@ -27,17 +28,17 @@ a:focus {

a:hover {
border-bottom: 1px solid;
}
}

.mainnav a:hover {
border-bottom: 1px solid var(--red);
color: var(--red);
background: white;
}
}

a:active {
a:active {
color: var(--highlight);
}
}

.text-bot a:link {
color: var(--grey-light);
Expand Down
64 changes: 63 additions & 1 deletion assets/css/_inc/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,69 @@
text-align: center;
}

.page-content .content {
.content {
width: 95vw;
margin: 0 auto;
}

h2, h3, h4, h5, h6 {
line-height: 1;
text-align: center;
}

.content .content-intro {
display: flex;
flex-direction: column;
justify-content: center;
max-width: 60rem;
margin-left: auto;
margin-right: auto;
}

.responses {
list-style: none;
padding-left: 0;
}
.responses .response {
padding: 0.5em;
border: 1px var(--grey-light) solid;
border-radius: 5px;
margin-right: 10px;
text-align: center;
margin-bottom: 10px;
}
.responses .response:last-child {
margin-right: 0;
}
.responses > a {
text-decoration: none;
}
.responses-active .response {
background-color: var(--grey-light);
border: 1px var(--grey-dark) solid;
border-radius: 10px;
box-shadow: inset 0 0 5px var(--grey-dark);
touch-action: manipulation;
cursor: pointer;
color: var(--red);
font-size: 2rem;
margin-right: 0;
}
.responses-active .response h3 {
font-size: 2rem;
}
.responses-inactive {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;

}
.responses-drills {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
77 changes: 37 additions & 40 deletions assets/css/main.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion assets/css/main.css.map

Large diffs are not rendered by default.

0 comments on commit 389a0da

Please sign in to comment.