-
-
Save gabrielecirulli/cca8cdc34b2e9e4c87eb to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// APPLICATION | |
// Join together all stylesheets | |
// Variables and mixins | |
@import "variables"; | |
@import "mixins"; | |
// Import bootstrap and bourbon | |
@import "bootstrap"; | |
@import "bourbon"; | |
// Custom styling | |
@import "elements"; | |
@import "general"; | |
@import "components/*"; | |
// @import "sections/*" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ELEMENTS | |
// Styling rules for elements | |
// Headings | |
h1, h2, h3, h4, h5, h6 { | |
font-weight: bold; | |
} | |
// Paragraphs | |
p { | |
margin-bottom: 10px; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// GENERAL | |
// Styling rules relative to generic classes | |
// Headings | |
.gs-title-big { | |
font-size: 80px; | |
} | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Upper header | |
.gs-navbar-title-bar { | |
margin-bottom: 0; | |
background: transparent; | |
border: none; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// MIXINS | |
// Styling helpers | |
// Shorter media queries | |
@mixin bigger($width) { | |
@media screen and (min-width: $width) { | |
@content; | |
} | |
} | |
@mixin smaller($width) { | |
@media screen and (max-width: $width) { | |
@content; | |
} | |
} | |
// SVG backgrounds + fallback | |
@mixin svg-image($image) { | |
$image-png: $image + ".png"; | |
$image-svg: $image + ".svg"; | |
background-image: image-url($image-png); | |
html.svg & { | |
background-image: image-url($image-svg); | |
} | |
} | |
// Dot spacers | |
@mixin spacer-dot-right($before, $after, $color: $spacer-color) { | |
margin-right: $after; | |
&:after { | |
content: "·"; | |
display: inline-block; | |
margin-left: $before; | |
color: $color; | |
} | |
} | |
@mixin spacer-dot-left($before, $after, $color: $spacer-color) { | |
margin-left: $before; | |
&:before { | |
content: "·"; | |
display: inline-block; | |
margin-right: $after; | |
color: $color; | |
} | |
} | |
@mixin spacer-dot-clear { | |
&:before, &:after { | |
content: none; | |
display: none; | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// VARIABLES | |
// Definition of Bootstrap and custom variables | |
// Custom variables | |
$light-font-weight: 200; | |
$normal-font-weight: 400; | |
$bold-font-weight: 600; | |
// Bootstrap variables | |
$font-family-sans-serif: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
$font-size-base: 16px; | |
$line-height-base: 1.68; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment