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