Commit 1b3f2985 authored by Konrad Mohrfeldt's avatar Konrad Mohrfeldt

enforce use of border-radius and component/input-border-width variables throughout components

parent 9ef29188
......@@ -2,7 +2,7 @@
display: inline-block;
padding: 0.75em 1em;
border: none;
border-radius: 2px;
border-radius: @border-radius-base;
min-width: 3.5rem;
text-align: center;
text-decoration: none;
......@@ -89,7 +89,7 @@
&[aria-pressed] {
position: relative;
overflow: visible;
border: 2px solid transparent;
border: @input-border-width solid transparent;
&[aria-pressed="true"] {
border-color: @color-primary;
......@@ -212,7 +212,7 @@
.btn-dialog {
background-color: @gray-lightest;
border-radius: 2px;
border-radius: @border-radius-base;
display: flex;
justify-content: space-between;
align-items: center;
......@@ -290,17 +290,17 @@
}
> :first-child ~ * {
margin-left: -2px;
margin-left: -@input-border-width;
}
> :first-child {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
border-top-left-radius: @border-radius-base;
border-bottom-left-radius: @border-radius-base;
}
> :last-child {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-top-right-radius: @border-radius-base;
border-bottom-right-radius: @border-radius-base;
}
}
......@@ -326,7 +326,7 @@
display: flex;
align-items: center;
justify-content: center;
text-indent: 2px;
text-indent: @input-border-width;
transition: background-color .2s, color .1s;
}
}
......@@ -340,7 +340,7 @@
height: 1rem;
position: absolute;
display: inline-block;
border: 2px solid;
border: @input-border-width solid;
top: 50%;
margin-left: -1.5rem;
transform: translateY(-50%);
......@@ -427,7 +427,7 @@
.content-header & {
width: 2em;
height: 2em;
border-radius: 2px;
border-radius: @border-radius-base;
background: white;
top: 0;
}
......
......@@ -4,9 +4,9 @@
.configurator-label {
background-color: white;
border-radius: 2px;
border-radius: @border-radius-base;
transition: border-color .2s;
border: 2px solid @gray-light;
border: @component-border-width solid @gray-light;
padding: .5rem 1rem;
cursor: text;
......@@ -23,7 +23,7 @@
top: 100%;
left: 0;
margin-top: .5rem;
border-radius: 2px;
border-radius: @border-radius-base;
width: 560px;
.material-shadow(3);
......@@ -67,5 +67,5 @@
.configurator-footer {
padding: .5rem 1rem;
border-top: 2px solid @color-divider-light;
border-top: @component-border-width solid @color-divider-light;
}
......@@ -4,7 +4,7 @@
&.editor-container-ready {
transition: border-color .2s;
border: 2px solid @input-border;
border: @input-border-width solid @input-border;
border-radius: @border-radius-base;
&.editor-container-active {
......@@ -49,7 +49,7 @@
align-items: center;
justify-content: center;
border-color: transparent !important;
border-radius: 2px;
border-radius: @border-radius-base;
width: 2rem;
height: 2rem;
......@@ -79,7 +79,7 @@
overflow-x: hidden;
background-color: #eaeaea;
padding: 3px;
border-radius: 2px 2px 2px 0;
border-radius: @border-radius-base @border-radius-base @border-radius-base 0;
}
.tabbed-tabs {
......
.form-control {
border-width: 2px;
border-width: @input-border-width;
box-shadow: none !important;
border-color: @gray-light;
height: auto;
......@@ -15,7 +15,7 @@
}
.input-group-addon {
border-width: 2px;
border-width: 2@input-border-width;
}
.form-inline {
......@@ -40,7 +40,7 @@ label {
margin: 4rem auto 0;
background-color: #f2f2f2;
padding: 4rem 2rem 2rem;
border-radius: 2px;
border-radius: @border-radius-base;
position: relative;
max-width: 100%;
......@@ -55,7 +55,7 @@ label {
transform: translateX(-50%);
background: url("../../img/logos/logo_large.svg");
background-size: contain;
border-radius: 2px;
border-radius: @border-radius-base;
}
#div_id_password + div {
......@@ -78,7 +78,7 @@ label {
background-color: @brand-danger;
color: white;
padding: .3em .5em;
border-radius: 0 0 2px 2px;
border-radius: 0 0 @border-radius-base @border-radius-base;
}
.account-actions {
......@@ -112,9 +112,9 @@ label {
.form-control {
font-size: 1rem;
background-color: white;
border-radius: 2px;
border-radius: @border-radius-base;
transition: border-color .2s;
border: 2px solid @color-text-ultralight;
border: @input-border-width solid @gray-light;
}
.form-group {
......@@ -134,7 +134,7 @@ label {
&.has-error {
margin-bottom: 3rem;
border-color: @brand-danger !important;
border-radius: 2px 2px 0 2px;
border-radius: @border-radius-base @border-radius-base 0 @border-radius-base;
}
&.input-type-search {
......@@ -204,7 +204,7 @@ label {
.no-js .has-error & {
border-color: @brand-danger;
border-radius: 2px 2px 0 2px;
border-radius: @border-radius-base @border-radius-base 0 @border-radius-base;
}
.js & {
......@@ -292,7 +292,7 @@ label {
}
label {
border-radius: 2px;;
border-radius: @border-radius-base;
background-color: rgba(0, 0, 0, .05);
padding: .5em;
cursor: pointer;
......
.gallery-header {
padding: 1rem;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
border-bottom: @component-border-width solid rgba(0, 0, 0, 0.1);
margin-bottom: 1rem;
display: flex;
justify-content: space-between;
......@@ -95,9 +95,9 @@
.gallery-progress {
position: absolute;
bottom: -2px;
bottom: -@component-border-width;
left: 0;
height: 2px;
height: @component-border-width;
background-color: @brand-success;
transition: transform .2s;
transform-origin: 0;
......
......@@ -32,8 +32,8 @@
width: 4rem;
min-width: 0;
border: solid @gray-lighter;
border-width: 0 2px;
border-radius: 2px;
border-width: 0 @input-border-width;
border-radius: @border-radius-base;
-moz-appearance:textfield;
&::-webkit-inner-spin-button,
......@@ -44,8 +44,8 @@
}
.numspi-ctl {
border: 2px solid @gray-light;
border-radius: 2px;
border: @input-border-width solid @gray-light;
border-radius: @border-radius-base;
position: relative;
display: flex;
align-items: stretch;
......
.poll {
margin: 2rem 0;
background-color: #f5f5f5;
border-radius: 2px;
border-radius: @border-radius-base;
}
.poll-header {
......@@ -44,7 +44,7 @@
align-items: center;
justify-content: space-between;
padding: 1rem;
border-top: 2px solid #eaeaea;
border-top: @component-border-width solid #eaeaea;
.content-meta {
max-width: 360px;
......@@ -142,7 +142,7 @@
content: attr(data-index);
width: 2.5em;
height: 2.5em;
border: 2px solid #eaeaea;
border: @component-border-width solid #eaeaea;
border-radius: 50%;
font-weight: bold;
display: flex;
......
......@@ -11,8 +11,8 @@
display: flex;
align-items: center;
justify-content: space-between;
border: 2px solid @gray-light;
border-radius: 2px;
border: @input-border-width solid @gray-light;
border-radius: @border-radius-base;
padding: .5rem 1rem;
transition: border-color .2s;
cursor: pointer;
......@@ -30,7 +30,7 @@
}
.select-decorator {
border-left: 2px solid @color-text-ultralight;
border-left: @input-border-width solid @color-text-ultralight;
min-width: 4rem;
color: @color-text-extralight;
padding: .5rem 1rem .5rem 1.5rem;
......@@ -89,7 +89,7 @@
right: 0;
background-color: white;
z-index: 220;
border-radius: 2px;
border-radius: @border-radius-base;
display: flex;
flex-direction: column;
.material-shadow(3);
......@@ -119,7 +119,7 @@
.select-search-input {
display: block;
border: none;
border-bottom: 2px solid @color-text-extralight;
border-bottom: @input-border-width solid @color-text-extralight;
background-color: transparent;
padding: .625rem .5rem;
transition: border-color .2s;
......@@ -167,7 +167,7 @@
&:active {
outline: none;
background-color: @gray-lighter;
border-radius: 2px;
border-radius: @border-radius-base;
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment