| Index: static/scss/base/_variables.scss |
| =================================================================== |
| --- a/static/scss/base/_variables.scss |
| +++ b/static/scss/base/_variables.scss |
| @@ -7,17 +7,17 @@ |
| // (at your option) any later version. |
| // |
| // help.eyeo.com is distributed in the hope that it will be useful, |
| // but WITHOUT ANY WARRANTY; without even the implied warranty of |
| // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
| // GNU General Public License for more details. |
| // |
| // You should have received a copy of the GNU General Public License |
| -// along with acceptableads.org. If not, see <http://www.gnu.org/licenses/>. |
| +// along with help.eyeo.com. If not, see <http://www.gnu.org/licenses/>. |
| // Colors ////////////////////////////////////////////////////////////////////// |
| // Grayscale |
| $white: #fff; |
| $gray: #D2D2D2; |
| $gray-light: #ECECEC; |
| @@ -46,21 +46,44 @@ |
| $font-size-h1: 3em; |
| $font-size-h2: 2em; |
| $font-size-h3: 1.4em; |
| $font-size-h4: 1em; |
| $font-size-h5: $font-size-h4; |
| $font-size-h6: $font-size-h4; |
| +// Font sizes (general) |
| + |
| +$small-font: 0.9em; |
| +$tiny-font: 0.8em; |
| + |
| // Font weights |
| $bold-weight: 700; |
| // Sizes /////////////////////////////////////////////////////////////////////// |
| +// Container widths |
| + |
| +$content-max-width: 90%; |
| +$content-width: $desktop-width; |
| +$navbar-width: $content-width + 100px; |
| + |
| +// Header & Footer |
| + |
| +$site-header-height: 65px; |
| +$site-header-content-line-height: 40px; |
| + |
| +// Search form |
| + |
| +$search-form-width: 320px; |
| +$search-form-height: 35px; |
| + |
| // Spacers ///////////////////////////////////////////////////////////////////// |
| // Columns ///////////////////////////////////////////////////////////////////// |
| // Breakpoints ///////////////////////////////////////////////////////////////// |
| -// Placeholders //////////////////////////////////////////////////////////////// |
| +$mobile-breakpoint: 544px; |
| + |
| +// Placeholders //////////////////////////////////////////////////////////////// |