amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-26 18:58:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

[Gatsby] Installation tabs design (#10989)

Browse Source
This commit is contained in:
Joe Critchley
2017-09-30 15:53:08 +01:00
committed by Brian Vaughn
parent 7cd84f6825
commit bb00e4d72e
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
docs/installation.md
View File

@@ -27,13 +27,16 @@ React is flexible and can be used in a variety of projects. You can create new a
top: 1px;
padding: 10px;
margin: 0px 2px 0px 2px;
border: 1px solid #046E8B;
border-bottom-color: transparent;
border-radius: 3px 3px 0px 0px;
color: #046E8B;
color: #373940;
background-color: transparent;
font-size: 0.99em;
cursor: pointer;
opacity: 0.5;
}
.toggler li:active {
opacity: 1;
}
.toggler li:first-child {
margin-left: 0;
@@ -45,33 +48,30 @@ React is flexible and can be used in a variety of projects. You can create new a
display: inline-block;
list-style-type: none;
margin: 0;
border-bottom: 1px solid #046E8B;
border-bottom: 1px solid #ececec;
cursor: default;
margin: 0 -15px;
padding: 0 15px;
}
@media screen and (max-width: 960px) {
.toggler li,
.toggler li:first-child,
.toggler li:last-child {
display: block;
border-bottom-color: #046E8B;
border-radius: 3px;
margin: 2px 0px 2px 0px;
}
.toggler ul {
border-bottom: 0;
}
}
.display-target-fiddle .toggler .button-fiddle:focus,
.display-target-newapp .toggler .button-newapp:focus,
.display-target-existingapp .toggler .button-existingapp:focus {
border: solid 1px #61dafb;;
color: white;
opacity: 1;
}
.display-target-fiddle .toggler .button-fiddle,
.display-target-newapp .toggler .button-newapp,
.display-target-existingapp .toggler .button-existingapp {
background-color: #046E8B;
color: white;
opacity: 1;
font-weight: 700;
}
section {
display: none;