patch link style
This commit is contained in:
parent
c03ee1020d
commit
a35cad24df
8 changed files with 16 additions and 19 deletions
|
@ -1,5 +1,6 @@
|
||||||
a {
|
a, a:link, a:visited, a:focus, a:active {
|
||||||
color: unset;
|
color: unset;
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* http://meyerweb.com/eric/tools/css/reset/
|
/* http://meyerweb.com/eric/tools/css/reset/
|
||||||
|
|
|
@ -15,3 +15,7 @@
|
||||||
background-color: rgba(0,0,0,0.7);
|
background-color: rgba(0,0,0,0.7);
|
||||||
padding: 0.25em;
|
padding: 0.25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@function place-below($grid-column, $grid-row) {
|
||||||
|
@return $grid-row + 1 + '/' + $grid-column + 2 + '/ span 1 / span 1';
|
||||||
|
}
|
|
@ -1,8 +0,0 @@
|
||||||
body {
|
|
||||||
padding: 50px;
|
|
||||||
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #00B7FF;
|
|
||||||
}
|
|
|
@ -129,11 +129,7 @@ div.GameButton__player-data {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.GameButton__link {
|
a.GameButton__link {
|
||||||
@include gameViewLabel;
|
@include gameViewLabel;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
text-decoration: none;
|
|
||||||
&:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
}
|
|
@ -0,0 +1 @@
|
||||||
|
@import '../../../../public/stylesheets/partials/mixins';
|
|
@ -45,3 +45,7 @@ code {
|
||||||
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
|
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
|
||||||
monospace;
|
monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a:hover, a:active {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
|
@ -10,7 +10,7 @@ const Home = props => {
|
||||||
const dispatch = props.dispatch;
|
const dispatch = props.dispatch;
|
||||||
const [ roomDetail, setRoomDetail ] = useState(0);
|
const [ roomDetail, setRoomDetail ] = useState(0);
|
||||||
|
|
||||||
const showRoomDetail = id => setRoomDetail(id);
|
const showRoomDetail = id => roomDetail === id ? setRoomDetail(0) : setRoomDetail(id);
|
||||||
|
|
||||||
const renderRooms = () => {
|
const renderRooms = () => {
|
||||||
const rooms = state.rooms || [];
|
const rooms = state.rooms || [];
|
||||||
|
|
|
@ -3,10 +3,9 @@
|
||||||
|
|
||||||
div.Home {
|
div.Home {
|
||||||
@include fullspan;
|
@include fullspan;
|
||||||
display: flex;
|
|
||||||
flex-flow: row wrap;
|
|
||||||
align-items: flex-start;
|
|
||||||
justify-content: flex-start;
|
|
||||||
background-color: map-get($colors, "home");
|
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;
|
overflow: scroll;
|
||||||
}
|
}
|
Loading…
Reference in a new issue