| Index: static/scss/utilities/_responsive-widths.scss | 
| =================================================================== | 
| new file mode 100644 | 
| --- /dev/null | 
| +++ b/static/scss/utilities/_responsive-widths.scss | 
| @@ -0,0 +1,37 @@ | 
| +// This file is part of website-defaults | 
| +// Copyright (C) 2016-present eyeo GmbH | 
| +// | 
| +// website-defaults is free software: you can redistribute it and/or | 
| +// modify it under the terms of the GNU General Public License as published by | 
| +// the Free Software Foundation, either version 3 of the License, or | 
| +// (at your option) any later version. | 
| +// | 
| +// website-defaults 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 website-defaults. If not, see <http://www.gnu.org/licenses/>. | 
| + | 
| +/** | 
| + * Stretch content (e.g. images) full-width | 
| + */ | 
| +.full-width | 
| +{ | 
| + display: block; | 
| + width: 100%; | 
| +} | 
| + | 
| +/** | 
| + * Center content within a (responsive) fixed width | 
| + */ | 
| +.container | 
| +{ | 
| + width: $container-width; | 
| + max-width: 100%; | 
| + margin-right: auto; | 
| + margin-left: auto; | 
| + padding-right: $small-space; | 
| + padding-left: $small-space; | 
| +} |