border radius en scss

This commit is contained in:
Javi Gallego 2017-11-21 14:22:30 +01:00
parent 52cbd1a870
commit a71d0ed8bc
2 changed files with 51 additions and 48 deletions

View File

@ -1,3 +0,0 @@
.notes-date {
font-family: raleway-bold;
}

View File

@ -1,45 +1,51 @@
@import "colors"; @import "colors";
$border-color: #AAA; $border-color: #AAA;
$border-thin: 1px; $border-thin: 1px;
$border-thick: 2px; $border-thick: 2px;
html [border-none], .border-none { html [border-none], .border-none {
border: 0; border: 0;
} }
/* Solid border */ /* Solid border */
html [border-solid], .border-solid { html [border-solid], .border-solid {
border: $border-thin solid $border-color; border: $border-thin solid $border-color;
} }
html [border-solid-top], .border-solid-top { html [border-solid-top], .border-solid-top {
border-top: $border-thin solid $border-color; border-top: $border-thin solid $border-color;
} }
html [border-solid-left], .border-solid-left { html [border-solid-left], .border-solid-left {
border-left: $border-thin solid $border-color; border-left: $border-thin solid $border-color;
} }
html [border-solid-right], .border-solid-right { html [border-solid-right], .border-solid-right {
border-right: $border-thin solid $border-color; border-right: $border-thin solid $border-color;
} }
html [border-solid-bottom], .border-solid-bottom { html [border-solid-bottom], .border-solid-bottom {
border-bottom: $border-thin solid $border-color; border-bottom: $border-thin solid $border-color;
} }
/* Dashed border */ /* Dashed border */
html [border-dashed], .border-dashed { html [border-dashed], .border-dashed {
border: $border-thin dashed $border-color; border: $border-thin dashed $border-color;
} }
html [border-dashed-top], .border-dashed-top { html [border-dashed-top], .border-dashed-top {
border-top: $border-thin dashed $border-color; border-top: $border-thin dashed $border-color;
} }
html [border-dashed-left], .border-dashed-left { html [border-dashed-left], .border-dashed-left {
border-left: $border-thin dashed $border-color; border-left: $border-thin dashed $border-color;
} }
html [border-dashed-right], .border-dashed-right { html [border-dashed-right], .border-dashed-right {
border-right: $border-thin dashed $border-color; border-right: $border-thin dashed $border-color;
} }
html [border-dashed-bottom], .border-dashed-bottom { html [border-dashed-bottom], .border-dashed-bottom {
border-bottom: $border-thin dashed $border-color; border-bottom: $border-thin dashed $border-color;
} }
/* Border Radius */
html [border-radius], .border-radius {
border-radius: .3em;
}