diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass index 67b219317644e13dfd45d9ee4e9e3848b865ea8a..da7ff68910feb5b74a4fcae19ee9635a5b5b4d8b 100644 --- a/assets/sass/_theme/_configuration.sass +++ b/assets/sass/_theme/_configuration.sass @@ -125,7 +125,6 @@ $btn-padding-x: px2rem(20) !default $btn-padding-y: px2rem(13) !default $btn-border-radius: px2rem(4) !default - // Spacing $spacing0: px2rem(12) !default $spacing1: px2rem(24) !default @@ -135,7 +134,10 @@ $spacing4: px2rem(128) !default $spacing5: px2rem(256) !default $spacing-section-y: px2rem(36) !default -// TODO: choisir entre margin top / bottom --> https://matthewjamestaylor.com/css-margin-top-vs-bottom +// Form +$form-btn-color: $color-background !default +$form-btn-background-color: $color-accent !default +$form-input-border-radius: 4px !default // Grid $grid-gutter: px2rem(64) !default diff --git a/assets/sass/_theme/design-system/form.sass b/assets/sass/_theme/design-system/form.sass new file mode 100644 index 0000000000000000000000000000000000000000..9c25792eb4bb904d834fc7bebd62f701bc9ad184 --- /dev/null +++ b/assets/sass/_theme/design-system/form.sass @@ -0,0 +1,27 @@ +form + fieldset + border: none + padding: 0 + margin-bottom: $spacing1 + label + @include meta + .control--radio + @include body-text + + label + margin-left: half($spacing0) + @include body-text + .radio + .radio + margin-left: $spacing0 + input[type="text"], input[type="search"], input[type="email"], input[type="tel"], input[type="password"] + @include body-text + border: 1px solid rgba(0, 0, 0, 0.3) + border-radius: $form-input-border-radius + padding: half($spacing0) + input[type="submit"], button + @include button-reset + @include btn + @include meta + background: $form-btn-background-color + color: $form-btn-color + label + input + margin-bottom: $spacing3 \ No newline at end of file diff --git a/assets/sass/_theme/design-system/typography.sass b/assets/sass/_theme/design-system/typography.sass index d80a093d7a250add3c87f8bacd2b106e4eacae4e..07eae3ebe08cf57e8ab3f0aa3f30f55ce86f4678 100644 --- a/assets/sass/_theme/design-system/typography.sass +++ b/assets/sass/_theme/design-system/typography.sass @@ -118,12 +118,16 @@ h2, .h2 .lead @include lead -.p, -.li +@mixin body-text + font-family: $body-font-family font-size: $body-size @include media-breakpoint-up(desktop) font-size: $body-size-desktop +.p, +.li + @include body-text + @mixin meta font-family: $meta-font-family font-size: $meta-size diff --git a/assets/sass/_theme/hugo-osuny.sass b/assets/sass/_theme/hugo-osuny.sass index aa3da63802a896f8155ff7b1330a348b25778fdd..6ca12414382461f5b1ce7dd1f0c471663126935a 100644 --- a/assets/sass/_theme/hugo-osuny.sass +++ b/assets/sass/_theme/hugo-osuny.sass @@ -20,6 +20,7 @@ @import "design-system/breadcrumb" @import "design-system/contacts" @import "design-system/footer" +@import "design-system/form" @import "design-system/header" @import "design-system/hero" @import "design-system/image"