You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2018/09/10 08:39:08 UTC
[royale-asjs] branch feature/jewel-snackbar updated: SASS doesn't
allow ";
" characters and indentation is not right for SASS to compile. @yestaro, you
need to compile SASS file with ANT or Maven (this one is setup
out-of-the-box). default.css file is update in the SASS compilation to get
the generated CSS
This is an automated email from the ASF dual-hosted git repository.
carlosrovira pushed a commit to branch feature/jewel-snackbar
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
The following commit(s) were added to refs/heads/feature/jewel-snackbar by this push:
new b8bf801 SASS doesn't allow ";" characters and indentation is not right for SASS to compile. @yestaro, you need to compile SASS file with ANT or Maven (this one is setup out-of-the-box). default.css file is update in the SASS compilation to get the generated CSS
b8bf801 is described below
commit b8bf80162ec2bca4d4359601b350cba3da290b79
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Mon Sep 10 10:39:00 2018 +0200
SASS doesn't allow ";" characters and indentation is not right for SASS to compile. @yestaro, you need to compile SASS file with ANT or Maven (this one is setup out-of-the-box).
default.css file is update in the SASS compilation to get the generated CSS
---
.../projects/Jewel/src/main/resources/defaults.css | 51 ++++++++++-----------
.../Jewel/src/main/sass/components/_snackbar.sass | 53 ++++++++++------------
2 files changed, 50 insertions(+), 54 deletions(-)
diff --git a/frameworks/projects/Jewel/src/main/resources/defaults.css b/frameworks/projects/Jewel/src/main/resources/defaults.css
index 1106686..a536fee 100644
--- a/frameworks/projects/Jewel/src/main/resources/defaults.css
+++ b/frameworks/projects/Jewel/src/main/resources/defaults.css
@@ -3458,49 +3458,48 @@ j|ApplicationMainContent {
}
j|Snackbar {
- IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.SnackbarModel");
- IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.SnackbarController");
- IBeadView: ClassReference("org.apache.royale.jewel.beads.views.SnackbarView");
+ IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.SnackbarModel");
+ IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.SnackbarController");
+ IBeadView: ClassReference("org.apache.royale.jewel.beads.views.SnackbarView");
}
.jewel.snackbar {
- bottom: 0;
- position: fixed;
- width: 100%;
+ bottom: 0;
+ position: fixed;
+ width: 100%;
}
.jewel.snackbar-content {
- background: #2C3E50;
- border-radius: 3px;
- max-width: 568px;
- min-width: 288px;
- padding: 6px;
- position: relative;
+ background: #2C3E50;
+ border-radius: 3px;
+ max-width: 568px;
+ min-width: 288px;
+ padding: 6px;
+ position: relative;
}
.jewel.snackbar-message {
- color: #fff;
- float: left;
- margin: 10px;
+ color: #fff;
+ float: left;
+ margin: 10px;
}
.jewel.snackbar-action {
- color: #FFD740;
- cursor: pointer;
- float: right;
- padding: 10px;
+ color: #FFD740;
+ cursor: pointer;
+ float: right;
+ padding: 10px;
}
-
.jewel.snackbar-action:hover {
- background-color: #3C4E60;
+ background-color: #3C4E60;
}
@media (max-width: 992px) {
- .jewel.snackbar-content {
- max-width: 100%;
- width: 100%;
- border-radius: 0px;
- }
+ .jewel.snackbar-content {
+ max-width: 100%;
+ width: 100%;
+ border-radius: 0px;
+ }
}
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/projects/Jewel/src/main/sass/components/_snackbar.sass b/frameworks/projects/Jewel/src/main/sass/components/_snackbar.sass
index 4569e26..4b14614 100644
--- a/frameworks/projects/Jewel/src/main/sass/components/_snackbar.sass
+++ b/frameworks/projects/Jewel/src/main/sass/components/_snackbar.sass
@@ -18,43 +18,40 @@
////////////////////////////////////////////////////////////////////////////////
j|Snackbar
- IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.SnackbarModel");
- IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.SnackbarController");
- IBeadView: ClassReference("org.apache.royale.jewel.beads.views.SnackbarView");
+ IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.SnackbarModel")
+ IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.SnackbarController")
+ IBeadView: ClassReference("org.apache.royale.jewel.beads.views.SnackbarView")
.jewel.snackbar
- bottom: 0;
- position: fixed;
- width: 100%;
-
+ bottom: 0
+ position: fixed
+ width: 100%
.jewel.snackbar-content
- background: #2C3E50;
- border-radius: 3px;
- max-width: 568px;
- min-width: 288px;
- padding: 6px;
- position: relative;
-
+ background: #2C3E50
+ border-radius: 3px
+ max-width: 568px
+ min-width: 288px
+ padding: 6px
+ position: relative
.jewel.snackbar-message
- color: #fff;
- float: left;
- margin: 10px;
-
+ color: #fff
+ float: left
+ margin: 10px
.jewel.snackbar-action
- color: #FFD740;
- cursor: pointer;
- float: right;
- padding: 10px;
-
+ color: #FFD740
+ cursor: pointer
+ float: right
+ padding: 10px
+
&:hover
- background-color: #3C4E60;
+ background-color: #3C4E60
@media (max-width: $desktop)
- .jewel.snackbar-content
- max-width: 100%;
- width: 100%;
- border-radius: 0px;
+ .jewel.snackbar-content
+ max-width: 100%
+ width: 100%
+ border-radius: 0px