Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
SRCT
masonstrap
Commits
e5a82f67
Commit
e5a82f67
authored
Feb 10, 2015
by
Thomas Park
Browse files
fix home navbar on mobile
parent
bdd9e5c4
Changes
2
Hide whitespace changes
Inline
Side-by-side
assets/css/bootswatch.min.css
View file @
e5a82f67
body
{
padding-top
:
50px
}
body
>
.navbar
{
-webkit-transition
:
background-color
300ms
ease-in
;
transition
:
background-color
300ms
ease-in
}
body
>
.navbar-transparent
{
background-color
:
transparent
}
body
>
.navbar-transparent
.navbar-nav
>
.open
>
a
{
background-color
:
transparent
!important
}
#home
{
padding-top
:
0
}
#home
.navbar-brand
{
padding
:
13.5px
15px
12.5px
}
#home
.navbar-brand
>
img
{
display
:
inline
;
margin
:
0
8px
;
height
:
100%
}
#banner
{
min-height
:
300px
;
border-bottom
:
none
}
.page-header
h1
{
font-size
:
4em
}
.bs-docs-section
{
margin-top
:
8em
}
.bs-component
{
position
:
relative
}
.bs-component
.modal
{
position
:
relative
;
top
:
auto
;
right
:
auto
;
left
:
auto
;
bottom
:
auto
;
z-index
:
1
;
display
:
block
}
.bs-component
.modal-dialog
{
width
:
90%
}
.bs-component
.popover
{
position
:
relative
;
display
:
inline-block
;
width
:
220px
;
margin
:
20px
}
#source-button
{
position
:
absolute
;
top
:
0
;
right
:
0
;
z-index
:
100
;
font-weight
:
bold
}
.nav-tabs
{
margin-bottom
:
15px
}
.progress
{
margin-bottom
:
10px
}
footer
{
margin
:
5em
0
}
footer
li
{
float
:
left
;
margin-right
:
1.5em
;
margin-bottom
:
1.5em
}
footer
p
{
clear
:
left
;
margin-bottom
:
0
}
.splash
{
padding
:
9em
0
2em
;
background-color
:
#141d27
;
background-image
:
url(../img/bg.jpg)
;
background-size
:
cover
;
background-attachment
:
fixed
;
color
:
#fff
;
text-align
:
center
}
.splash
.logo
{
width
:
160px
}
.splash
h1
{
font-size
:
3em
}
.splash
#social
{
margin
:
2em
0
}
.splash
.alert
{
margin
:
2em
0
}
.section-tout
{
padding
:
4em
0
3em
;
border-bottom
:
1px
solid
rgba
(
0
,
0
,
0
,
0.05
);
background-color
:
#eaf1f1
}
.section-tout
.fa
{
margin-right
:
.5em
}
.section-tout
p
{
margin-bottom
:
3em
}
.section-preview
{
padding
:
4em
0
4em
}
.section-preview
.preview
{
margin-bottom
:
4em
;
background-color
:
#eaf1f1
}
.section-preview
.preview
.image
{
position
:
relative
}
.section-preview
.preview
.image
:before
{
box-shadow
:
inset
0
0
0
1px
rgba
(
0
,
0
,
0
,
0.1
);
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
content
:
""
;
pointer-events
:
none
}
.section-preview
.preview
.options
{
padding
:
1em
2em
2em
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
0.05
);
border-top
:
none
;
text-align
:
center
}
.section-preview
.preview
.options
p
{
margin-bottom
:
2em
}
.section-preview
.dropdown-menu
{
text-align
:
left
}
.section-preview
.lead
{
margin-bottom
:
2em
}
@media
(
max-width
:
767px
){
.section-preview
.image
img
{
width
:
100%
}}
.sponsor
{
text-align
:
center
}
.sponsor
a
:hover
{
text-decoration
:
none
}
@media
(
max-width
:
767px
){
.splash
{
padding-top
:
4em
}
.splash
.logo
{
width
:
100px
}
.splash
h1
{
font-size
:
2em
}
#banner
{
margin-bottom
:
2em
;
text-align
:
center
}}
\ No newline at end of file
body
{
padding-top
:
50px
}
body
>
.navbar
{
-webkit-transition
:
background-color
300ms
ease-in
;
transition
:
background-color
300ms
ease-in
}
@media
(
min-width
:
768px
){
body
>
.navbar-transparent
{
background-color
:
transparent
}
body
>
.navbar-transparent
.navbar-nav
>
.open
>
a
{
background-color
:
transparent
!important
}}
#home
{
padding-top
:
0
}
#home
.navbar-brand
{
padding
:
13.5px
15px
12.5px
}
#home
.navbar-brand
>
img
{
display
:
inline
;
margin
:
0
10px
;
height
:
100%
}
#banner
{
min-height
:
300px
;
border-bottom
:
none
}
.page-header
h1
{
font-size
:
4em
}
.bs-docs-section
{
margin-top
:
8em
}
.bs-component
{
position
:
relative
}
.bs-component
.modal
{
position
:
relative
;
top
:
auto
;
right
:
auto
;
left
:
auto
;
bottom
:
auto
;
z-index
:
1
;
display
:
block
}
.bs-component
.modal-dialog
{
width
:
90%
}
.bs-component
.popover
{
position
:
relative
;
display
:
inline-block
;
width
:
220px
;
margin
:
20px
}
#source-button
{
position
:
absolute
;
top
:
0
;
right
:
0
;
z-index
:
100
;
font-weight
:
700
}
.nav-tabs
{
margin-bottom
:
15px
}
.progress
{
margin-bottom
:
10px
}
footer
{
margin
:
5em
0
}
footer
li
{
float
:
left
;
margin-right
:
1.5em
;
margin-bottom
:
1.5em
}
footer
p
{
clear
:
left
;
margin-bottom
:
0
}
.splash
{
padding
:
9em
0
2em
;
background-color
:
#141d27
;
background-image
:
url(../img/bg.jpg)
;
background-size
:
cover
;
background-attachment
:
fixed
;
color
:
#fff
;
text-align
:
center
}
.splash
.logo
{
width
:
160px
}
.splash
h1
{
font-size
:
3em
}
.splash
#social
{
margin
:
2em
0
}
.splash
.alert
{
margin
:
2em
0
}
.section-tout
{
padding
:
4em
0
3em
;
border-bottom
:
1px
solid
rgba
(
0
,
0
,
0
,
.05
);
background-color
:
#eaf1f1
}
.section-tout
.fa
{
margin-right
:
.5em
}
.section-tout
p
{
margin-bottom
:
3em
}
.section-preview
{
padding
:
4em
0
4em
}
.section-preview
.preview
{
margin-bottom
:
4em
;
background-color
:
#eaf1f1
}
.section-preview
.preview
.image
{
position
:
relative
}
.section-preview
.preview
.image
:before
{
box-shadow
:
inset
0
0
0
1px
rgba
(
0
,
0
,
0
,
.1
);
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
content
:
""
;
pointer-events
:
none
}
.section-preview
.preview
.options
{
padding
:
1em
2em
2em
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
.05
);
border-top
:
none
;
text-align
:
center
}
.section-preview
.preview
.options
p
{
margin-bottom
:
2em
}
.section-preview
.dropdown-menu
{
text-align
:
left
}
.section-preview
.lead
{
margin-bottom
:
2em
}
@media
(
max-width
:
767px
){
.section-preview
.image
img
{
width
:
100%
}}
.sponsor
{
text-align
:
center
}
.sponsor
a
:hover
{
text-decoration
:
none
}
@media
(
max-width
:
767px
){
.splash
{
padding-top
:
4em
}
.splash
.logo
{
width
:
100px
}
.splash
h1
{
font-size
:
2em
}
#banner
{
margin-bottom
:
2em
;
text-align
:
center
}}
\ No newline at end of file
assets/less/bootswatch.less
View file @
e5a82f67
body {
padding-top: 50px;
padding-top: 50px;
> .navbar {
-webkit-transition: background-color 300ms ease-in;
transition: background-color 300ms ease-in;
}
> .navbar-transparent {
background-color: transparent;
.navbar-nav > .open > a {
background-color: transparent !important;
}
@media (min-width: 768px) {
body {
> .navbar-transparent {
background-color: transparent;
.navbar-nav > .open > a {
background-color: transparent !important;
}
}
}
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment