diff options
author | Gabriel Arakaki Giovanini <mail@gabrielgio.me> | 2023-02-26 19:54:48 +0100 |
---|---|---|
committer | Gabriel Arakaki Giovanini <mail@gabrielgio.me> | 2023-06-18 16:30:36 +0200 |
commit | c8e1328164e9ffbd681c3c0e449f1e6b9856b896 (patch) | |
tree | faee639a4c55c5dc3bfc59a5400026822c40221d /scss | |
download | lens-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/bulma | 0 | ||||
-rw-r--r-- | scss/main.scss | 70 |
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; +} |