scss_ninja 0.1.0 → 0.1.1

data/app/assets/stylesheets/css/border&radius.css

@@ -0,0 +1,228 @@
+.br-1 {
+  border-radius: 1rem;
+}
+
+.bbrr-1 {
+  border-bottom-right-radius: 1rem;
+}
+
+.btrr-1 {
+  border-top-right-radius: 1rem;
+}
+
+.btlr-1 {
+  border-top-right-radius: 1rem;
+}
+
+.bblr-1 {
+  border-top-right-radius: 1rem;
+}
+
+.br-2 {
+  border-radius: 2rem;
+}
+
+.bbrr-2 {
+  border-bottom-right-radius: 2rem;
+}
+
+.btrr-2 {
+  border-top-right-radius: 2rem;
+}
+
+.btlr-2 {
+  border-top-right-radius: 2rem;
+}
+
+.bblr-2 {
+  border-top-right-radius: 2rem;
+}
+
+.br-3 {
+  border-radius: 3rem;
+}
+
+.bbrr-3 {
+  border-bottom-right-radius: 3rem;
+}
+
+.btrr-3 {
+  border-top-right-radius: 3rem;
+}
+
+.btlr-3 {
+  border-top-right-radius: 3rem;
+}
+
+.bblr-3 {
+  border-top-right-radius: 3rem;
+}
+
+.br-4 {
+  border-radius: 4rem;
+}
+
+.bbrr-4 {
+  border-bottom-right-radius: 4rem;
+}
+
+.btrr-4 {
+  border-top-right-radius: 4rem;
+}
+
+.btlr-4 {
+  border-top-right-radius: 4rem;
+}
+
+.bblr-4 {
+  border-top-right-radius: 4rem;
+}
+
+.br-r {
+  border-radius: 100%;
+}
+
+.bbrr-r {
+  border-bottom-right-radius: 5rem;
+}
+
+.btrr-r {
+  border-top-right-radius: 5rem;
+}
+
+.btlr-r {
+  border-top-right-radius: 5rem;
+}
+
+.bblr-r {
+  border-top-right-radius: 5rem;
+}
+
+.bt-red {
+  border-top: 1px solid red;
+}
+
+.bt-pnk {
+  border-top: 1px solid #a30c97;
+}
+
+.bt-orn {
+  border-top: 1px solid orange;
+}
+
+.bt-pri {
+  border-top: 1px solid cyan;
+}
+
+.bt-info {
+  border-top: 1px solid blue;
+}
+
+.bt-light {
+  border-top: 1px solid gray;
+}
+
+.bt-dark {
+  border-top: 1px solid black;
+}
+
+.bt-dark {
+  border-top: 1px solid white;
+}
+
+.bl-red {
+  border-left: 1px solid red;
+}
+
+.bl-pnk {
+  border-left: 1px solid #a30c97;
+}
+
+.bl-orn {
+  border-left: 1px solid orange;
+}
+
+.bl-pri {
+  border-left: 1px solid cyan;
+}
+
+.bl-info {
+  border-left: 1px solid blue;
+}
+
+.bl-light {
+  border-left: 1px solid gray;
+}
+
+.bl-dark {
+  border-left: 1px solid black;
+}
+
+.bl-dark {
+  border-left: 1px solid white;
+}
+
+.bb-red {
+  border-bottom: 1px solid red;
+}
+
+.bb-pnk {
+  border-bottom: 1px solid #a30c97;
+}
+
+.bb-orn {
+  border-bottom: 1px solid orange;
+}
+
+.bb-pri {
+  border-bottom: 1px solid cyan;
+}
+
+.bb-info {
+  border-bottom: 1px solid blue;
+}
+
+.bb-light {
+  border-bottom: 1px solid gray;
+}
+
+.bb-dark {
+  border-bottom: 1px solid black;
+}
+
+.bb-dark {
+  border-bottom: 1px solid white;
+}
+
+.br-red {
+  border-right: 1px solid red;
+}
+
+.br-pnk {
+  border-right: 1px solid #a30c97;
+}
+
+.br-orn {
+  border-right: 1px solid orange;
+}
+
+.br-pri {
+  border-right: 1px solid cyan;
+}
+
+.br-info {
+  border-right: 1px solid blue;
+}
+
+.br-light {
+  border-right: 1px solid gray;
+}
+
+.br-dark {
+  border-right: 1px solid black;
+}
+
+.br-dark {
+  border-right: 1px solid white;
+}
+/*# sourceMappingURL=border&radius.css.map */

data/app/assets/stylesheets/css/buttons.css

@@ -0,0 +1,72 @@
+.btn {
+  font-size: 17px;
+  padding: 2% 5% 2% 5%;
+  margin: 4px 0 4px 0;
+  border-radius: 12px;
+  text-align: center;
+  text-decoration: none;
+}
+
+.btn-warning {
+  background-color: orange;
+  color: gray;
+}
+
+.warning-outline {
+  border: 1px solid orange;
+}
+
+.btn-success {
+  background-color: green;
+  color: white;
+}
+
+.success-outline {
+  border: 1px solid green;
+}
+
+.btn-primary {
+  background-color: #08c9eb;
+  color: white;
+}
+
+.primary-outline {
+  border: 1px solid #08c9eb;
+}
+
+.btn-light {
+  background-color: #9e9a9a;
+  color: white;
+}
+
+.light-outline {
+  border: 1px solid #9e9a9a;
+}
+
+.btn-dark {
+  background-color: #0d0d0e;
+  color: white;
+}
+
+.dark-outline {
+  border: 1px solid black;
+}
+
+.btn-danger {
+  background-color: #f32207;
+  color: white;
+}
+
+.danger-outline {
+  border: 1px solid #f32207 !important;
+}
+
+.btn-pink {
+  background-color: #d909f5;
+  color: #0d0d0e;
+}
+
+.pink-outline {
+  border: 1px solid #d909f5;
+}
+/*# sourceMappingURL=buttons.css.map */

data/app/assets/stylesheets/css/cards.css

@@ -0,0 +1,157 @@
+/* ####### Styles for card ######## */
+.card {
+  width: 94%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  border: 1px solid #e2dede;
+  border-radius: 20px;
+  padding: 0 3% 3% 0;
+  -webkit-box-shadow: 5px 10px #e9e8e8;
+          box-shadow: 5px 10px #e9e8e8;
+}
+
+.card .aside {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-left: 0;
+  padding-left: 0;
+  border: inherit;
+  border-top-left-radius: inherit;
+  font-family: 'Times New Roman', Times, serif;
+}
+
+.card .aside .aside-header {
+  margin-top: 0%;
+}
+
+.card .aside .aside-body {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: space-evenly;
+      -ms-flex-pack: space-evenly;
+          justify-content: space-evenly;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-left: 10px;
+  padding-left: 0;
+}
+
+.card .body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+
+.card .body .card-header {
+  font-weight: 900;
+  text-align: center;
+}
+
+.card .body .card-content {
+  width: 100%;
+  margin-left: 0.9%;
+}
+
+.card .body .card-footer {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: space-evenly;
+      -ms-flex-pack: space-evenly;
+          justify-content: space-evenly;
+}
+
+.cards {
+  width: 100%;
+  background-color: #f5eeee;
+  color: black;
+  border-radius: 10px;
+  position: relative;
+  height: 100%;
+}
+
+.cards .card-header {
+  background-color: #bbb8b8;
+  width: 100%;
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+  position: absolute;
+  top: 0;
+  left: auto;
+  height: 20%;
+  font-weight: 900;
+  -webkit-box-shadow: 0 5px #e7e5e5;
+          box-shadow: 0 5px #e7e5e5;
+}
+
+.cards .card-header .card-header-content {
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  height: 70%;
+  margin: auto auto auto auto;
+  -webkit-transform: translateY(50%);
+          transform: translateY(50%);
+}
+
+.cards .card-body {
+  margin-left: 3%;
+  margin-right: 3%;
+  position: absolute;
+  top: 22%;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  max-width: inherit;
+  height: 63%;
+  border-radius: inherit;
+}
+
+.cards .card-body .card-body-content {
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  margin: auto auto auto auto;
+  text-align: center;
+  padding: 1%;
+}
+
+.cards .card-footer {
+  position: absolute;
+  bottom: 0;
+  height: 13%;
+  width: 100%;
+  background-color: #e0dede;
+  border-bottom-left-radius: inherit;
+  border-bottom-right-radius: inherit;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.cards .card-footer .card-footer-content {
+  width: auto;
+  margin: auto;
+  padding: 2% 1% 2% 1%;
+}
+/*# sourceMappingURL=cards.css.map */