해상도 조정: 글자 크기 작게

Author: topframe

_sass/_02_settings_typography.scss

@@ -15,10 +15,10 @@ Modular Scale › http://modularscale.com/scale/?px1=16&px2=36&ra1=1.25&ra2=0
 /* Fonts
 ------------------------------------------------------------------- */
 
-$base-font-size: 16px;
+$base-font-size: 14px;
 $rem-base: $base-font-size;
 // $base-line-height is 24px while $base-font-size is 16px
-$base-line-height: 1.5 !default;
+$base-line-height: 1.5;
 
 
 $font-family-sans-serif: "Open Sans", Arial, sans-serif;

_sass/_04_settings_global.scss

@@ -65,12 +65,12 @@
 // set $rem-base to $base-font-size and make sure $base-font-size is a px value.
 // $base-font-size: 100%;
 
-$base-font-size: 16px;
-$rem-base: $base-font-size;
+// $base-font-size: 16px;
+// $rem-base: $base-font-size;
 
 
 // The $base-font-size is 100% while $base-line-height is 150%
-// $base-line-height: 150%;
+$base-line-height: 150%;
 
 // We use this to control whether or not CSS classes come through in the gem files.
 $include-html-classes: true;
@@ -83,7 +83,7 @@ $include-html-global-classes: $include-html-classes;
 // $include-html-grid-classes: $include-html-classes;
 // $include-xl-html-grid-classes: false;
 
-$row-width: rem-calc(1410);
+$row-width: rem-calc(1310);
 // $total-columns: 12;
 // $column-gutter: rem-calc(30);
 
@@ -321,7 +321,7 @@ $list-side-margin: 1.3rem;
 
 // $include-html-accordion-classes: $include-html-classes;
 
-$accordion-navigation-padding: rem-calc(12);
+$accordion-navigation-padding: rem-calc(10);
 // $accordion-navigation-bg-color: #ffffff;
 // $accordion-navigation-hover-bg-color: $grey-1;
 // $accordion-navigation-active-bg-color: $grey-1;
@@ -1373,12 +1373,12 @@ $topbar-bg-color: $ci-0;
 $topbar-bg: $topbar-bg-color;
 
 // Height and margin
-$topbar-height: rem-calc(50);
+$topbar-height: rem-calc(46);
 // $topbar-margin-bottom: 0;
 
 // Controlling the styles for the title in the top bar
 $topbar-title-weight: $font-weight-bold;
-$topbar-title-font-size: rem-calc(19);
+$topbar-title-font-size: rem-calc(17);
 
 // Style the top bar dropdown elements
 $topbar-dropdown-bg: lighten( $ci-0, 5% );
@@ -1395,7 +1395,7 @@ $topbar-link-color-hover: $ci-6;
 // $topbar-link-color-active: #000;
 // $topbar-link-color-active-hover: #000;
 // $topbar-link-weight: $font-weight-normal;
-$topbar-link-font-size: rem-calc(15);
+$topbar-link-font-size: rem-calc(14.5);
 // $topbar-link-hover-lightness: -10%; // Darken by 10%
 // $topbar-link-bg: $topbar-bg;
 // $topbar-link-bg-color-hover: #ff0;