Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
students
bora-it
Commits
320e5438
Commit
320e5438
authored
Jun 28, 2021
by
Kim, Chaerin
Browse files
전역 css 설정 추가
parent
a653751c
Changes
3
Hide whitespace changes
Inline
Side-by-side
client/package.json
View file @
320e5438
...
...
@@ -9,6 +9,7 @@
"@testing-library/user-event"
:
"^12.1.10"
,
"axios"
:
"^0.21.1"
,
"bootstrap"
:
"^5.0.2"
,
"node-sass"
:
"^6.0.1"
,
"react"
:
"^17.0.2"
,
"react-dom"
:
"^17.0.2"
,
"react-router-dom"
:
"^5.2.0"
,
...
...
client/src/index.js
View file @
320e5438
import
React
from
'
react
'
;
import
ReactDOM
from
'
react-dom
'
;
import
'
./index.css
'
;
import
'
bootstrap
'
import
App
from
'
./App
'
;
import
reportWebVitals
from
'
./reportWebVitals
'
;
import
React
from
"
react
"
;
import
ReactDOM
from
"
react-dom
"
;
import
'
./scss/custom.scss
'
;
import
"
./index.css
"
;
import
"
bootstrap
"
;
import
'
bootstrap/dist/css/bootstrap.min.css
'
import
App
from
"
./App
"
;
import
reportWebVitals
from
"
./reportWebVitals
"
;
ReactDOM
.
render
(
<
React
.
StrictMode
>
<
App
/>
<
/React.StrictMode>
,
document
.
getElementById
(
'
root
'
)
document
.
getElementById
(
"
root
"
)
);
// If you want to start measuring performance in your app, pass a function
...
...
client/src/scss/custom.scss
0 → 100644
View file @
320e5438
$primary
:
#e8b7ff
;
$secondary
:
#df99ff
;
$info
:
#fcf4ff
;
$warning
:
#ff0000
;
$GrayishSkyBlue
:
#739db6
;
$MinDarkBlue
:
#59b7e3
;
$Gray
:
#adb5bd
;
@import
"~bootstrap/scss/functions"
;
@import
"~bootstrap/scss/variables"
;
@import
"~bootstrap/scss/mixins"
;
$custom-colors
:
(
"GrayishSkyBlue"
:
$GrayishSkyBlue
,
"MinDarkBlue"
:
$MinDarkBlue
,
"Gray"
:
$Gray
,
);
$theme-colors
:
map-merge
(
$theme-colors
,
$custom-colors
);
@import
"~bootstrap/scss/bootstrap.scss"
;
body
{
background-color
:
#fcf4ff
!
important
;
height
:
100vh
!
important
;
display
:
flex
;
justify-content
:
center
;
}
#root
{
width
:
414px
!
important
;
height
:
100
;
}
.btn-primary
{
background-color
:
$primary
!
important
;
border-color
:
$primary
!
important
;
color
:
#000
!
important
;
}
.btn-primary
:hover
{
background-color
:
$secondary
!
important
;
border-color
:
$secondary
!
important
;
color
:
#fff
!
important
;
}
.btn-info
{
background-color
:
$info
!
important
;
border-color
:
$info
!
important
;
}
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment