patch link style

This commit is contained in:
Sorrel Bri 2020-04-12 14:22:10 -07:00
parent c03ee1020d
commit a35cad24df
8 changed files with 16 additions and 19 deletions

View file

@ -1,5 +1,6 @@
a {
a, a:link, a:visited, a:focus, a:active {
color: unset;
text-decoration: none;
}
/* http://meyerweb.com/eric/tools/css/reset/

View file

@ -15,3 +15,7 @@
background-color: rgba(0,0,0,0.7);
padding: 0.25em;
}
@function place-below($grid-column, $grid-row) {
@return $grid-row + 1 + '/' + $grid-column + 2 + '/ span 1 / span 1';
}

View file

@ -1,8 +0,0 @@
body {
padding: 50px;
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}
a {
color: #00B7FF;
}

View file

@ -129,11 +129,7 @@ div.GameButton__player-data {
}
}
.GameButton__link {
a.GameButton__link {
@include gameViewLabel;
margin: 0 auto;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}

View file

@ -0,0 +1 @@
@import '../../../../public/stylesheets/partials/mixins';

View file

@ -45,3 +45,7 @@ code {
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
monospace;
}
a:hover, a:active {
text-decoration: underline;
}

View file

@ -10,7 +10,7 @@ const Home = props => {
const dispatch = props.dispatch;
const [ roomDetail, setRoomDetail ] = useState(0);
const showRoomDetail = id => setRoomDetail(id);
const showRoomDetail = id => roomDetail === id ? setRoomDetail(0) : setRoomDetail(id);
const renderRooms = () => {
const rooms = state.rooms || [];

View file

@ -3,10 +3,9 @@
div.Home {
@include fullspan;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
background-color: map-get($colors, "home");
display: grid;
grid-template-columns: repeat(auto-fill, 22vh);
grid-template-rows: repeat(auto-fill, minmax(22vh, 1fr));
overflow: scroll;
}