Files
weather/resources/css/app.css

47 lines
945 B
CSS

@import 'tailwindcss';
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@theme inline {
--font-sans: Instrument Sans, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji';
}
.page-container {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
gap: 1.5rem;
}
.currentForecast {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto auto;
gap: 2rem;
}
@media (min-width: 768px) {
.currentForecast {
grid-template-columns: 1.2fr 1fr;
grid-template-rows: 1fr;
}
}
.forecast {
display: flex;
flex-direction: column;
justify-content: center;
}
.secondaryInfo {
display: flex;
flex-direction: column;
gap: 1rem;
}
.weeklyReport {
margin-top: 1rem;
}