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; +} | 
