hiro/Vulcan
1
0
Fork 0
mirror of https://github.com/vale981/Vulcan synced 2025-03-06 10:01:40 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

smaller title font for mobile view

Browse source
This commit is contained in:
Sacha Greif 2014-07-14 11:25:27 +09:00
parent 971740c794
commit 7844174e27
2 changed files with 40 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
packages/telescope-theme-hubble/lib/client/sass/modules/_nav.scss
View file

@ -31,7 +31,12 @@
text-align:center;
width:100%;
color:white;
font-size:24px;
@include small{
font-size: 18px;
}
@include medium-large{
font-size:24px;
}
left: 0px;
right: 0px;
a, a:visited{

61
packages/telescope-theme-hubble/lib/client/stylesheets/screen.css
View file

@ -555,17 +555,24 @@ body.pageslide-open {
text-align: center;
width: 100%;
color: white;
font-size: 24px;
left: 0px;
right: 0px; }
/* line 37, ../sass/modules/_nav.scss */
@media screen and (max-width: 30em) {
/* line 27, ../sass/modules/_nav.scss */
.header .logo {
font-size: 18px; } }
@media screen and (min-width: 30em) {
/* line 27, ../sass/modules/_nav.scss */
.header .logo {
font-size: 24px; } }
/* line 42, ../sass/modules/_nav.scss */
.header .logo a, .header .logo a:visited {
color: white; }
/* line 40, ../sass/modules/_nav.scss */
/* line 45, ../sass/modules/_nav.scss */
.header .logo.image {
position: absolute;
left: 50%; }
/* line 43, ../sass/modules/_nav.scss */
/* line 48, ../sass/modules/_nav.scss */
.header .logo.image a {
display: block;
height: 100%;
@ -574,32 +581,32 @@ body.pageslide-open {
font: 0/0 a;
text-shadow: none;
color: transparent; }
/* line 54, ../sass/modules/_nav.scss */
/* line 59, ../sass/modules/_nav.scss */
.header .user-nav {
z-index: 20;
position: relative;
float: right; }
/* line 75, ../sass/modules/_nav.scss */
/* line 80, ../sass/modules/_nav.scss */
.auth-buttons {
z-index: 20;
float: right;
margin-right: 10px; }
/* line 80, ../sass/modules/_nav.scss */
/* line 85, ../sass/modules/_nav.scss */
.auth-buttons #login-buttons {
position: relative;
line-height: 26px; }
/* line 86, ../sass/modules/_nav.scss */
/* line 91, ../sass/modules/_nav.scss */
.auth-buttons #login-buttons .account-link {
display: block;
color: white !important;
margin-bottom: 10px;
float: none; }
/* line 92, ../sass/modules/_nav.scss */
/* line 97, ../sass/modules/_nav.scss */
.auth-buttons #login-buttons a {
text-decoration: none;
color: #4a4444; }
/* line 96, ../sass/modules/_nav.scss */
/* line 101, ../sass/modules/_nav.scss */
.auth-buttons #login-buttons a.login-link-text {
color: #fff;
font-weight: normal;
@ -607,7 +614,7 @@ body.pageslide-open {
font-size: 15px;
padding: 0px 8px;
border-radius: 3px; }
/* line 104, ../sass/modules/_nav.scss */
/* line 109, ../sass/modules/_nav.scss */
.auth-buttons #login-buttons #login-buttons-password {
float: none !important;
text-shadow: none;
@ -615,18 +622,18 @@ body.pageslide-open {
line-height: 1.5;
height: 26px;
margin: 10px 0 !important; }
/* line 113, ../sass/modules/_nav.scss */
/* line 118, ../sass/modules/_nav.scss */
.auth-buttons #login-buttons .login-header {
font-family: inherit;
height: 26px;
margin-right: 10px;
cursor: pointer;
color: white; }
/* line 119, ../sass/modules/_nav.scss */
/* line 124, ../sass/modules/_nav.scss */
.auth-buttons #login-buttons .login-header:before {
color: rgba(255, 255, 255, 0.5);
content: "Welcome, "; }
/* line 124, ../sass/modules/_nav.scss */
/* line 129, ../sass/modules/_nav.scss */
.auth-buttons #login-buttons #login-buttons-logout {
color: white;
border: none;
@ -636,7 +643,7 @@ body.pageslide-open {
height: 26px;
text-shadow: none; }
/* line 136, ../sass/modules/_nav.scss */
/* line 141, ../sass/modules/_nav.scss */
.nav {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
@ -648,7 +655,7 @@ body.pageslide-open {
/* line 7, ../sass/partials/_mixins.scss */
.nav:after {
clear: both; }
/* line 139, ../sass/modules/_nav.scss */
/* line 144, ../sass/modules/_nav.scss */
.nav > li {
list-style-image: none;
list-style-type: none;
@ -667,25 +674,25 @@ body.pageslide-open {
/* line 52, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/typography/lists/_horizontal-list.scss */
.nav > li.last {
padding-right: 0; }
/* line 142, ../sass/modules/_nav.scss */
/* line 147, ../sass/modules/_nav.scss */
.nav > li:last-child {
margin-right: 0px; }
/* line 145, ../sass/modules/_nav.scss */
/* line 150, ../sass/modules/_nav.scss */
.nav > li > a, .nav > li > div > a {
color: white;
font-size: 15px;
font-weight: normal; }
/* line 151, ../sass/modules/_nav.scss */
/* line 156, ../sass/modules/_nav.scss */
.nav > li > a.intercom em:before, .nav > li > div > a.intercom em:before {
content: '('; }
/* line 154, ../sass/modules/_nav.scss */
/* line 159, ../sass/modules/_nav.scss */
.nav > li > a.intercom em:after, .nav > li > div > a.intercom em:after {
content: ')'; }
/* line 161, ../sass/modules/_nav.scss */
/* line 166, ../sass/modules/_nav.scss */
.search {
position: relative; }
/* line 163, ../sass/modules/_nav.scss */
/* line 168, ../sass/modules/_nav.scss */
.search .search-field {
font-size: 14px;
padding: 4px 12px;
@ -696,21 +703,21 @@ body.pageslide-open {
-webkit-transition: 0.2s all;
-moz-transition: 0.2s all;
background: white; }
/* line 173, ../sass/modules/_nav.scss */
/* line 178, ../sass/modules/_nav.scss */
.search .search-field:focus {
outline: none; }
/* line 178, ../sass/modules/_nav.scss */
/* line 183, ../sass/modules/_nav.scss */
.search.empty .search-field {
background: rgba(255, 255, 255, 0.1); }
/* line 180, ../sass/modules/_nav.scss */
/* line 185, ../sass/modules/_nav.scss */
.search.empty .search-field:focus {
background: white; }
/* line 184, ../sass/modules/_nav.scss */
/* line 189, ../sass/modules/_nav.scss */
.search.empty .search-clear {
display: none; }
@media screen and (max-width: 30em) {
/* line 190, ../sass/modules/_nav.scss */
/* line 195, ../sass/modules/_nav.scss */
.desktop-nav {
display: none; } }