aboutsummaryrefslogtreecommitdiff
path: root/scss
diff options
context:
space:
mode:
authorGabriel Arakaki Giovanini <mail@gabrielgio.me>2023-02-26 19:54:48 +0100
committerGabriel Arakaki Giovanini <mail@gabrielgio.me>2023-06-18 16:30:36 +0200
commitc8e1328164e9ffbd681c3c0e449f1e6b9856b896 (patch)
treefaee639a4c55c5dc3bfc59a5400026822c40221d /scss
downloadlens-c8e1328164e9ffbd681c3c0e449f1e6b9856b896.tar.gz
lens-c8e1328164e9ffbd681c3c0e449f1e6b9856b896.tar.bz2
lens-c8e1328164e9ffbd681c3c0e449f1e6b9856b896.zip
feat: Inicial commit
It contains rough template for the server and runners. It contains rough template for the server and runners.
Diffstat (limited to 'scss')
m---------scss/bulma0
-rw-r--r--scss/main.scss70
2 files changed, 70 insertions, 0 deletions
diff --git a/scss/bulma b/scss/bulma
new file mode 160000
+Subproject 3e00a8e6d0d0e566d507328f0185ef84854effb
diff --git a/scss/main.scss b/scss/main.scss
new file mode 100644
index 0000000..bf6b3d8
--- /dev/null
+++ b/scss/main.scss
@@ -0,0 +1,70 @@
+$breakpoint: 520px;
+
+$tablet: $breakpoint;
+$body-font-size: 1.3rem;
+$radius-rounded: 0;
+$container-max-width: 920px;
+
+$navbar-breakpoint: $breakpoint;
+
+$panel-item-border: 1px solid hsl(0, 0%, 93%);
+$panel-radius: 0;
+$panel-shadow: 0;
+
+$card-shadow: 0;
+$card-radius: 0;
+
+@import "bulma/sass/base/_all.sass";
+@import "bulma/sass/utilities/_all.sass";
+@import "bulma/sass/grid/_all.sass";
+@import "bulma/sass/components/_all.sass";
+@import "bulma/sass/form/_all.sass";
+@import "bulma/sass/helpers/_all.sass";
+@import "bulma/sass/layout/_all.sass";
+@import "bulma/sass/elements/_all.sass";
+
+body {
+ font-family: $family-primary
+}
+
+.input, .button{
+ border-radius: 0;
+}
+
+.file-row {
+ width: 100%;
+ font-family: monospace;
+}
+
+nav {
+ border-bottom: 1px solid;
+ max-width: 1024px;
+ margin: auto;
+}
+
+.container {
+ margin-top: 15px;
+
+ @include until($breakpoint) {
+ margin-left: 15px;
+ margin-right: 15px;
+ }
+}
+
+.card {
+ margin: 5px;
+}
+
+
+.image.is-fit {
+ height: auto;
+ width: 130px;
+
+ @include until($breakpoint) {
+ width: auto;
+ }
+}
+
+.img {
+ object-fit: cover;
+}