quantum/qcal
1
0
Fork 0
mirror of https://github.com/quantum5/qcal.git synced 2025-04-24 09:41:57 -04:00
Code Issues Packages Projects Releases Wiki Activity

Factor out index.scss

Browse source
This commit is contained in:
Quantum 2023-07-15 18:01:01 -04:00
parent caa0a02a0a
commit 89dbedd0e4
4 changed files with 4 additions and 104 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frcal/src/index.scss → common/src/ui/index.scss
View file

@ -8,8 +8,8 @@
@import 'bootstrap/scss/card'; @import 'bootstrap/scss/card';
@import 'bootstrap/scss/forms'; @import 'bootstrap/scss/forms';
@import 'bootstrap/scss/root'; @import 'bootstrap/scss/root';
@import '@common/ui/consts.scss'; @import './consts.scss';
@import '@common/ui/MobileTooltip.scss'; @import './MobileTooltip.scss';
body { body {
padding-top: $spacer * 4; padding-top: $spacer * 4;

2
frcal/src/index.tsx
View file

@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom';
import 'bootstrap/js/dist/collapse'; import 'bootstrap/js/dist/collapse';
import './index.scss'; import '@common/ui/index.scss';
import App from './App'; import App from './App';
import reportWebVitals from '@common/ui/reportWebVitals'; import reportWebVitals from '@common/ui/reportWebVitals';
import {MobileTooltipProvider} from '@common/ui/MobileTooltip'; import {MobileTooltipProvider} from '@common/ui/MobileTooltip';

100
jcal/src/index.scss
View file

@ -1,100 +0,0 @@
@import 'bootstrap/scss/functions';
@import 'bootstrap/scss/variables';
@import 'bootstrap/scss/mixins';
@import 'bootstrap/scss/reboot';
@import 'bootstrap/scss/navbar';
@import 'bootstrap/scss/transitions';
@import 'bootstrap/scss/type';
@import 'bootstrap/scss/card';
@import 'bootstrap/scss/forms';
@import 'bootstrap/scss/root';
@import '@common/ui/consts.scss';
@import '@common/ui/MobileTooltip.scss';
body {
padding-top: $spacer * 4;
position: relative;
}
#root {
max-width: $calendar-width;
margin: 0 auto;
}
nav.navbar {
background: $light;
position: fixed;
top: 0;
z-index: 100;
left: 0;
right: 0;
.container {
max-width: $calendar-width;
width: 100%;
margin: 0 auto;
padding: 0 1em;
}
}
@include media-breakpoint-down(sm) {
.hide-small {
display: none;
}
}
.navigate {
max-width: $calendar-width;
margin-top: $spacer;
@include make-container();
.go-year {
max-width: 7em;
}
.go-month, .go-day {
max-width: 5em;
}
.go-button {
max-width: 3em;
}
}
.main {
max-width: $calendar-width;
margin-top: $spacer;
@include make-container();
.card {
margin-bottom: $spacer;
}
}
html {
scroll-padding-top: $spacer * 4;
}
@supports not (scroll-padding-top: 80px) {
h1, h2, h3, h4, h5, h6, .footnotes li {
margin-top: -$spacer * 4;
padding-top: $spacer * 4;
}
}
a {
text-decoration: none;
}
.footer {
background: $light;
min-height: $spacer * 4;
padding: ($spacer * 4 - $font-size-base) / 2 0;
.container {
width: 100%;
max-width: $calendar-width;
margin: 0 auto;
padding: 0 1em;
}
}

2
jcal/src/index.tsx
View file

@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom';
import 'bootstrap/js/dist/collapse'; import 'bootstrap/js/dist/collapse';
import './index.scss'; import '@common/ui/index.scss';
import App from './App'; import App from './App';
import reportWebVitals from '@common/ui/reportWebVitals'; import reportWebVitals from '@common/ui/reportWebVitals';
import {MobileTooltipProvider} from '@common/ui/MobileTooltip'; import {MobileTooltipProvider} from '@common/ui/MobileTooltip';