| 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; |
| +} |