diff options
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/landscape.scss | 6 | ||||
| -rw-r--r-- | src/styles/main.scss | 10 | ||||
| -rw-r--r-- | src/styles/portrait.scss | 9 |
3 files changed, 10 insertions, 15 deletions
diff --git a/src/styles/landscape.scss b/src/styles/landscape.scss index 39ac270..372592b 100644 --- a/src/styles/landscape.scss +++ b/src/styles/landscape.scss @@ -1,12 +1,8 @@ @media (orientation: landscape) { - html { - background-image: url('../images/horizontal_background.png'); - } - body { .item { flex-basis: 25%; } } -}
\ No newline at end of file +} diff --git a/src/styles/main.scss b/src/styles/main.scss index 335cd4e..9d09f8c 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -7,6 +7,8 @@ html { background-size: cover; background-attachment: fixed; -webkit-overflow-scrolling: touch; + background-image: url('../images/dashboardTextures.svg'); + background-color: black; } @-webkit-keyframes animation { @@ -43,14 +45,18 @@ body { button { width: 300px; height: 300px; - color: white; - border-color: white; + color: #c1d8ff; + border-color: #c1d8ff; border-radius: 50%; + background-color: rgba(26, 35, 126, 0.43); .icon { font-size: 7rem; } } + button:hover { + background-color: #2962ff; + } } } diff --git a/src/styles/portrait.scss b/src/styles/portrait.scss index 18ba52c..82b0252 100644 --- a/src/styles/portrait.scss +++ b/src/styles/portrait.scss @@ -1,15 +1,8 @@ @media (orientation: portrait) { - html { - background-image: url('../images/vertical_background.png'); - background-position: top center; - background-repeat: no-repeat; - background-color: transparent; - } - body { .item { flex-basis: 33%; } } -}
\ No newline at end of file +} |