/** * @copyright Copyright (c) 2018 John Molakvoæ * * @author John Molakvoæ * @author Team Popcorn * * @license GNU AGPL version 3 or any later version * * This program is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero General Public License as * published by the Free Software Foundation, either version 3 of the * License, or (at your option) any later version. * * This program 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 Affero General Public License for more details. * * You should have received a copy of the GNU Affero General Public License * along with this program. If not, see . * */ $grid-height-unit: 40px; $grid-input-padding: 7px; $grid-input-margin: 3px; $grid-column-width: 380px; $grid-input-height-with-margin: $grid-height-unit - $grid-input-margin * 2; @mixin generate-grid-span($default-unit) { // we only supports 10 props of the same type @for $i from 1 through 10 { &.grid-span-#{$i} { // default unit + title + bottom padding grid-row-start: span #{$i * $default-unit}; } } } #app-content-wrapper { display: flex; } // components @import 'SettingsSection'; @import 'Settings/SettingsAddressbook'; @import 'Settings/SettingsAddressbookShares'; @import 'Settings/SettingsAddressbookSharee'; @import 'ContactDetails'; @import 'ContactDetailsAvatar'; @import 'ContactsList'; @import 'ContactsListItem'; @import 'Properties/Properties'; @import 'Properties/PropertyTitle'; @import 'ImportScreen'; // various @import 'animations'; @import 'icons';